Tool Tip

Arahkan mouse sampean disini maka sampean akan ngerti apa yang dimaksud dengan tooltip itu, jadi kita nggak usah banyak nulis, coz kan capek juga to klu terlalu banyak nulis, wong tidak dibayar...hmmmm !!! Kalau sampean suka tinggal kopikan aja kode dibawah ini di blog sampean, jadi gak perlu repot, coz nanti sampean malah soyo bingung ! Sekarang ini jamane udah semakin edan, kopi paste dan bajak-membajak itu wis jamak, wis dianggap hal yang lumrah gitu kan ? Benarkah kita sudah gak mau lagi menghargai karya cipta orang lain ?, ini aku juga dapet berkat jalan-jalan keliling maya, enaaak to gk perlu Kakean mikir ? hahahahaha...just kidd, gk usah banyak cerita ndang kopi pastekan di blog sampean kalau suka. OK ?

Ini kodenya, sampean tingal kopi dan yang penting gratis, weekz

]]></b:skin> Selanjutnya silahkan sobat copy script dibawah ini tepat dibawah code diatas...!!! Script CSS: <style type='text/css'> #dhtmltooltip{ position: absolute; left: -300px; width: 150px; border: 1px solid grey; padding: 3px; background-color: #000000 ; font-family:"Comic sans",Comic sans; font-size:12px; font-weight:normal; color:#ffffff; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=grey,direction=135); } #dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; } </style> Script JS, copy script bagian JS dibawah ini dan letakkan tepat dibawah bagian CSS: <script type='text/javascript'> //<![CDATA[ /*********************************************** * Cool DHTML tooltip script II- Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var offsetfromcursorX=12 //Customize x offset of tooltip var offsetfromcursorY=10 //Customize y offset of tooltip var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image var offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image document.write('<div id="dhtmltooltip"> </div>') //write out tooltip DIV document.write('<img id="dhtmlpointer" src="arrow2.gif">') //write out pointer image var ie=document.all var ns6=document.getElementById && !document.all var enabletip=false if (ie||ns6) var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : "" var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : "" function ietruebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function ddrivetip(thetext, thewidth, thecolor){ if (ns6||ie){ if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px" if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor tipobj.innerHTML=thetext enabletip=true return false } } function positiontip(e){ if (enabletip){ var nondefaultpos=false var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop; //Find out how close the mouse is to the corner of the window var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20 var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20 var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000 //if the horizontal distance isn't enough to accomodate the width of the context menu if (rightedge<tipobj.offsetWidth){ //move the horizontal position of the menu to the left by it's width tipobj.style.left=curX-tipobj.offsetWidth+"px" nondefaultpos=true } else if (curX<leftedge) tipobj.style.left="5px" else{ //position the horizontal position of the menu where the mouse is positioned tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px" pointerobj.style.left=curX+offsetfromcursorX+"px" } //same concept with the vertical position if (bottomedge<tipobj.offsetHeight){ tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px" nondefaultpos=true } else{ tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px" pointerobj.style.top=curY+offsetfromcursorY+"px" } tipobj.style.visibility="visible" if (!nondefaultpos) pointerobj.style.visibility="visible" else pointerobj.style.visibility="hidden" } } function hideddrivetip(){ if (ns6||ie){ enabletip=false tipobj.style.visibility="hidden" pointerobj.style.visibility="hidden" tipobj.style.left="-1000px" tipobj.style.backgroundColor='' tipobj.style.width='' } } document.onmousemove=positiontip //]]> </script> Langkah selanjutnya: isikan pada kalimat yang ingin diberikan tooltip,<a onmouseover="ddrivetip('Tulisan untuk memperjelas keterangan', 240)" onmouseout="hideddrivetip()" href="#" target="_blank"> Keterangan kalimat yang diperjelas </a>

Nek sampean belum dong yo tinggalkan pesan wae, apa yg belum dong, mari kita belajar sama-sama, coz aku juga bisane cuma copy paste !!! kita nggak perlu munafik lah sok-sokan ngajari orang, padahal kita juga cuma dapet dari blog tetangga (mungkin orang itu nggak punya kerjaan, jadi klu gk ngutak atik blog pasti chat ato ngegombal dipesbuk), Jadi ngapain mikir capek2 kan nggak ada yang bayar, bener to ? bagi2 ilmu gitu ? heleh.....