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.....

Textarea

Gambar dapat berfungsi sebagai link jika digunakan bersama-sama tag Jika gambar yang diberikan tag di klik maka akan menuju informasi yang simpan dalam satu folder, diberikan pada tag tadi.Catatan huruf merah adalah file yng kita simpan dalam satu folder, dimana xml merupakan konfigurasi player yang dapat kita rubah sesuai keinginan seperti warna, volume tinggi dan lebar player, bafer dll. simpan dalam satu folder, Keterangan tinggi dan lebar player, bafer dll.

1- Textarea readonly

Ini sudah hari ke empat Nina kelihatan murung. Kian hari wajahnya semakin mendung dengan mata nanar dan bisu. Kerjanya setiap hari bangun dengan malas lalu duduk termenung. Sebetulnya itu bukan urusanku. Karena Nina bukan siapa-siapaku. Ia hanya menyewa sebuah kamar di rumahku. Ia tinggal bersamaku baru dua bulan ini. Tetapi entah kenapa aku langsung menyukainya. Rumahku tidak terlalu besar. Juga tidak terlalu bagus. Sederhana saja. Rumahku berada di kampung yang dindingnya rapat dengan tembok rumah sebelah. Ada tiga kamar kosong. Tetapi aku tinggal sendirian. Karenanya, aku menyewakan kamar-kamar kosong itu untuk menunjang hidupku di samping aku membuka sebuah warung kelontongan kecil di depan rumah. Penghuni kamar pertama adalah Anita. Ia cantik dan selalu wangi karena ia bekerja sebagai seorang beauty advisor kosmetik terkenal di counter kosmetik sebuah plaza megah. Anita supel, periang dan pandai berdandan. Kamar kedua dipakai oleh Tina. Ia juga cantik. Katanya ia bekerja di sebuah restoran. Tetapi yang mengantarnya pulang selalu bukan laki-laki yang sama. Kepulan rokok mild juga tidak pernah lepas dari bibirnya yang seksi. Tetapi aku bukan tipe pemilik kost yang reseh. Mereka kuberi kunci pintu supaya bila pulang larut malam tidak perlu mengetuk-ngetuk pintu dan membuatku terganggu. Aku tidak terlalu pusing dengan apa pun yang mereka kerjakan. Toh mereka selalu membayar uang kost tepat waktu. Bukan itu saja, menurutku, mereka cukup baik. Mereka hormat dan sopan kepadaku. Apa pun yang mereka lakoni, tidak bisa membuatku memberikan stempel bahwa mereka bukan perempuan baik-baik. Nina datang dua bulan yang lalu dan menempati kamar ketiga. Kutaksir usianya belum mencapai tiga puluh tahun. Paling-paling hanya terpaut dua tiga tahun di bawahku. Ia tidak secantik Anita dan Tina, tetapi ia manis dan menarik dengan matanya yang selalu beriak dan senyumnya yang tulus. Ia rapi. Bukan saja kamarnya yang selalu tertata, tetapi kata-katanya pun halus dan terjaga. Ia membuatku teringat kepada seorang perempuan yang nyaris sempurna. Perempuan di masa lampau yang...ah, aku luka bila mengingatnya. Oh ya, Nina juga tidak pernah keluar malam. Ia lebih banyak berada di rumah, bahkan ia tidak segan-segan membantuku menjaga warung. Kalaupun ia keluar rumah, ia akan keluar untuk tiga sampai empat hari setelah menerima telepon dari seseorang laki-laki. Laki-laki yang sama.

2- Textarea Disabled

Ini sudah hari ke empat Nina kelihatan murung. Kian hari wajahnya semakin mendung dengan mata nanar dan bisu. Kerjanya setiap hari bangun dengan malas lalu duduk termenung. Sebetulnya itu bukan urusanku. Karena Nina bukan siapa-siapaku. Ia hanya menyewa sebuah kamar di rumahku. Ia tinggal bersamaku baru dua bulan ini. Tetapi entah kenapa aku langsung menyukainya. Rumahku tidak terlalu besar. Juga tidak terlalu bagus. Sederhana saja. Rumahku berada di kampung yang dindingnya rapat dengan tembok rumah sebelah. Ada tiga kamar kosong. Tetapi aku tinggal sendirian. Karenanya, aku menyewakan kamar-kamar kosong itu untuk menunjang hidupku di samping aku membuka sebuah warung kelontongan kecil di depan rumah. Penghuni kamar pertama adalah Anita. Ia cantik dan selalu wangi karena ia bekerja sebagai seorang beauty advisor kosmetik terkenal di counter kosmetik sebuah plaza megah. Anita supel, periang dan pandai berdandan. Kamar kedua dipakai oleh Tina. Ia juga cantik. Katanya ia bekerja di sebuah restoran. Tetapi yang mengantarnya pulang selalu bukan laki-laki yang sama. Kepulan rokok mild juga tidak pernah lepas dari bibirnya yang seksi. Tetapi aku bukan tipe pemilik kost yang reseh. Mereka kuberi kunci pintu supaya bila pulang larut malam tidak perlu mengetuk-ngetuk pintu dan membuatku terganggu. Aku tidak terlalu pusing dengan apa pun yang mereka kerjakan. Toh mereka selalu membayar uang kost tepat waktu. Bukan itu saja, menurutku, mereka cukup baik. Mereka hormat dan sopan kepadaku. Apa pun yang mereka lakoni, tidak bisa membuatku memberikan stempel bahwa mereka bukan perempuan baik-baik. Nina datang dua bulan yang lalu dan menempati kamar ketiga. Kutaksir usianya belum mencapai tiga puluh tahun. Paling-paling hanya terpaut dua tiga tahun di bawahku. Ia tidak secantik Anita dan Tina, tetapi ia manis dan menarik dengan matanya yang selalu beriak dan senyumnya yang tulus. Ia rapi. Bukan saja kamarnya yang selalu tertata, tetapi kata-katanya pun halus dan terjaga. Ia membuatku teringat kepada seorang perempuan yang nyaris sempurna. Perempuan di masa lampau yang...ah, aku luka bila mengingatnya. Oh ya, Nina juga tidak pernah keluar malam. Ia lebih banyak berada di rumah, bahkan ia tidak segan-segan membantuku menjaga warung. Kalaupun ia keluar rumah, ia akan keluar untuk tiga sampai empat hari setelah menerima telepon dari seseorang laki-laki. Laki-laki yang sama.

3- Textarea No Wrap

Ini sudah hari ke empat Nina kelihatan murung. Kian hari wajahnya semakin mendung dengan mata nanar dan bisu. Kerjanya setiap hari bangun dengan malas lalu duduk termenung. Sebetulnya itu bukan urusanku. Karena Nina bukan siapa-siapaku. Ia hanya menyewa sebuah kamar di rumahku. Ia tinggal bersamaku baru dua bulan ini. Tetapi entah kenapa aku langsung menyukainya. Rumahku tidak terlalu besar. Juga tidak terlalu bagus. Sederhana saja. Rumahku berada di kampung yang dindingnya rapat dengan tembok rumah sebelah. Ada tiga kamar kosong. Tetapi aku tinggal sendirian. Karenanya, aku menyewakan kamar-kamar kosong itu untuk menunjang hidupku di samping aku membuka sebuah warung kelontongan kecil di depan rumah. Penghuni kamar pertama adalah Anita. Ia cantik dan selalu wangi karena ia bekerja sebagai seorang beauty advisor kosmetik terkenal di counter kosmetik sebuah plaza megah. Anita supel, periang dan pandai berdandan. Kamar kedua dipakai oleh Tina. Ia juga cantik. Katanya ia bekerja di sebuah restoran. Tetapi yang mengantarnya pulang selalu bukan laki-laki yang sama. Kepulan rokok mild juga tidak pernah lepas dari bibirnya yang seksi. Tetapi aku bukan tipe pemilik kost yang reseh. Mereka kuberi kunci pintu supaya bila pulang larut malam tidak perlu mengetuk-ngetuk pintu dan membuatku terganggu. Aku tidak terlalu pusing dengan apa pun yang mereka kerjakan. Toh mereka selalu membayar uang kost tepat waktu. Bukan itu saja, menurutku, mereka cukup baik. Mereka hormat dan sopan kepadaku. Apa pun yang mereka lakoni, tidak bisa membuatku memberikan stempel bahwa mereka bukan perempuan baik-baik. Nina datang dua bulan yang lalu dan menempati kamar ketiga. Kutaksir usianya belum mencapai tiga puluh tahun. Paling-paling hanya terpaut dua tiga tahun di bawahku. Ia tidak secantik Anita dan Tina, tetapi ia manis dan menarik dengan matanya yang selalu beriak dan senyumnya yang tulus. Ia rapi. Bukan saja kamarnya yang selalu tertata, tetapi kata-katanya pun halus dan terjaga. Ia membuatku teringat kepada seorang perempuan yang nyaris sempurna. Perempuan di masa lampau yang...ah, aku luka bila mengingatnya. Oh ya, Nina juga tidak pernah keluar malam. Ia lebih banyak berada di rumah, bahkan ia tidak segan-segan membantuku menjaga warung. Kalaupun ia keluar rumah, ia akan keluar untuk tiga sampai empat hari setelah menerima telepon dari seseorang laki-laki. Laki-laki yang sama.

Ini kodenya

<textarea cols="20" readonly="yes" rows="5" wrap="hard"> isi dari text area..... kemudian ditutup dengan </textarea>
Dimana :

Row= banyaknya baris
Cols= banyaknya kolom
wrap="hard" (tulisan dapat digulung, contoh nomor 1-2)
wrap="off" (tulisan tidak dapat digulung artinya akan bersambung terus (contoh nomor 3))
readonly="yes" (hanya dapat dibaca, contoh nomor 1-3)
disabled="yes" (tidak dapat di kopi, contoh nomer 2)