All post

Rabu, 31 Desember 2008

Membuat kamus trlanslasi pribadi

Ehm,he2 ya iseng2 buat kamus yuk,yang ini emang dari pakde google yg di edit ya walau nantinya nujunya ke sono kt kan ga pergi kemana mana nongkrong,contohnya seperti ini buat yang mau cobain kamus, kalimatnya mau bahasa apa aja ada kok

Translate text

 
»

Widget by: modifikasi blog

Caranya Copy html berikut ini trus buka note pad,trus paste di dalamnya,terakhir simpan dalam format html nah kan bisa buka kapan aja.kalo ada tugas dari skul dr pd pusing,tempelin aja disitu tingal di jebret,beres.. <html><head><script> (function(){if(!window.google)window.google={};window.google.clir={};var b=window.google.clir;b.langs=[];b.exceptions={};b.langNames={};b.fillTgt=function(){var j=document.getElementById("sl"),d=document.getElementById("tl"),e=j.options[j.selectedIndex].value,c=[],f=b.exceptions[e],g=1;for(var a=0;a<b.langs.length;a++)if(g<f.length&&f[g]===b.langs[a])g++;else c.push(b.langs[a]);var h=d.options.length==c.length;for(var a=0;h&&a<c.length;a++)if(c[a]!=d.options[a].value)h=false;if(!h){d.options.length=0;for(var a= 0;a<c.length;a++){var i=c[a];d.options[a]=new Option(b.langNames[i],i);if(i===f[0])d.options[a].selected=true}}document.getElementById("q").dir=e=="ar"||e=="iw"?"rtl":"ltr"}; window.google.clir.langs=['ar','bg','ca','zh-CN','zh-TW','hr','cs','da','nl','en','tl','fi','fr','de','el','iw','hi','id','it','ja','ko','lv','lt','no','pl','pt','ro','ru','sr','sk','sl','es','sv','uk','vi'];var a=window.google.clir.exceptions;a['en']=['es','en'];a['da']=['en','da'];a['nl']=['en','nl'];a['fi']=['en','fi'];a['fr']=['en','fr'];a['de']=['en','de'];a['iw']=['en','iw'];a['it']=['en','it'];a['ja']=['en','ja'];a['ko']=['en','ko'];a['no']=['en','no'];a['pl']=['en','pl'];a['pt']=['en','pt'];a['ru']=['en','ru'];a['es']=['en','es'];a['sv']=['en','sv'];a['zh-CN']=['en','zh-CN'];a['cs']=['en','cs'];a['el']=['en','el'];a['lv']=['en','lv'];a['lt']=['en','lt'];a['ro']=['en','ro'];a['bg']=['en','bg'];a['hr']=['en','hr'];a['sr']=['en','sr'];a['tl']=['en','tl'];a['uk']=['en','uk'];a['hi']=['en','hi'];a['id']=['en','id'];a['ar']=['en','ar'];a['ca']=['en','ca'];a['sl']=['en','sl'];a['vi']=['en','vi'];a['sk']=['en','sk'];a['zh-TW']=['en','zh-TW'];var n=window.google.clir.langNames;n['ar']='Arabic';n['bg']='Bulgarian';n['ca']='Catalan';n['zh-CN']='Chinese(Simplified)';n['zh-TW']='Chinese(Traditional)';n['hr']='Croatian';n['cs']='Czech';n['da']='Danish';n['nl']='Dutch';n['en']='English';n['tl']='Filipino';n['fi']='Finnish';n['fr']='French';n['de']='German';n['el']='Greek';n['iw']='Hebrew';n['hi']='Hindi';n['id']='Indonesian';n['it']='Italian';n['ja']='Japanese';n['ko']='Korean';n['lv']='Latvian';n['lt']='Lithuanian';n['no']='Norwegian';n['pl']='Polish';n['pt']='Portuguese';n['ro']='Romanian';n['ru']='Russian';n['sr']='Serbian';n['sk']='Slovak';n['sl']='Slovenian';n['es']='Spanish';n['sv']='Swedish';n['uk']='Ukrainian';n['vi']='Vietnamese';})();</script> </head> <body onload="window.google.clir.fillTgt();"> <h4>Translate text</h4> <form action="http://translate.google.com/translate_t" method=post id=text_form onsubmit="this.action='http://translate.google.com/translate_t?langpair='+this.langpair.value;"><input name=hl value="en" type=hidden><input name=ie value="ISO-8859-1" type=hidden><table id=texttable><tr valign=top><td id=sourcecell><textarea name=text rows=7 wrap=PHYSICAL id=source></textarea></td><td id=gap>&nbsp;</td><td class=almost_half_cell valign=middle></td></tr><tr><td id=submitcell><select name=sl style='width:auto'><option value="ar">Arabic</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="de">German</option><option value="el">Greek</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="id"selected>Indonesian</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="no">Norwegian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es" >Spanish</option><option value="sv">Swedish</option><option value="uk">Ukrainian</option><option value="vi">Vietnamese</option></select> <span style='font-size:1.5em;vertical-align:-1px;'>&raquo;</span> <select name=tl style='width:auto'><option value="ar">Arabic</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en" selected>English</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="de">German</option><option value="el">Greek</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="id">Indonesian</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="no">Norwegian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sv">Swedish</option><option value="uk">Ukrainian</option><option value="vi">Vietnamese</option></select><input value="Translate" type=submit></td></tr></table></form> <p>Widget by: <a href="http://oce-modifblog.blogspot.com">modifikasi blog</a></p> </html>
Bisa juga di letakan di situs kamu, tinggal ikuti aja pada page head letakan sama seperti itu begitu pula pada body..ngerti kan maksudnya? Nah sekarang aku mau minta maaf sama pakde gugel,udah ngehack kamusnya.. Jika ingin di letakan di blog anda letakan di element halaman tinggal hapus tag html dan body dan ikuti yang diletakan pada head

selanjutnya...

Sabtu, 27 Desember 2008

Zoom image

Zoom pada gambar membuat org lebih mudah melihat gambar tersebut, berikut adalah onMousOver zoom atau gambar akan ukuranya lebih besar jika cursor di letakan pada gambar tersebut,gambar tersebut .
langsug aja nih sebagai contoh berikut,sory saya ikut nampang sebagai contoh.. Geser cursor pada gambar..




Caranya seperti berikut ini dengan edit template yang biasa km lakukan,pasti punya cara2 tersendiri,
Copy code berikut ini


<script language="JavaScript"> function setZoom(img, dir, width, height, margin, zIndex, delay) { setTimeout(function() { if (img.dir==dir) { img.style.width=width; img.style.height=height; img.style.margin=margin; img.style.zIndex=zIndex; img.parentNode.parentNode.style.zIndex=zIndex; } }, delay); } function larger(img, width, height) { img.dir='rtl'; now=parseInt(img.style.zIndex); for (i=now+1; i<=10; i++) { w=(width*(10+i))/20+'px'; h=(height*(10+i))/20+'px'; m=(-i)+'px 0 0 '+(-width*i/40)+'px'; setZoom(img, 'rtl', w, h, m, i, 20*(i-now)); } } function smaller(img, width, height) { img.dir='ltr'; now=parseInt(img.style.zIndex); for (i=now-1; i>=0; i--) { w=(width*(10+i))/20+'px'; h=(height*(10+i))/20+'px'; m=(-i)+'px 0 0 '+(-width*i/40)+'px'; setZoom(img, 'ltr', w, h, m, i, 20*(now-i)); } } </script>
Setelah selesai cari tag </head> trus paste diatas tag </head>
Lalu pada <body> format gambar seperti brikut ini
<div class="preview" style="width:80px;height:80px;float:left; padding-left:20px;"> <a href=""><img class="preview" style="width:80px;height:60px;border:1px solid # 000000;z-index:0" src="gambar.jpg" alt="" onmouseover="larger(this,240,180)" onmouseout="smaller (this,160,120)" /></a> </div>
keterangan gambar.jpg Adalah gambar yang akan dimunculkan,lalu 240,180 adalah ukuran gambar setelah di besarkan ganti ukuran menurut besar gambar yang di mau,160,120 adalah ukuran gambar sebelum di besar kan..

selanjutnya...

Sabtu, 20 Desember 2008

Membuat text seperti lampu berjalan

Buat hiasan lampu yang kaya di restoran seperti lampu berdetan Berikut ini adalah contoh text lampu berjalan

contoh text lampu berjalan modifikasi blog


Cara buatnya tinggal copy paste code pada body aja koq Ini code script nya..
<!-- This script and many more are available free online at --> <!-- modifikasi blog!! http://oce-modifblog.blogspot.com --> <!-- Original: JavaScript Kit --> <!-- Web Site: http://javascriptkit.com --> <h1> <script language="JavaScript1.2"> var message="contoh text lampu berjalan modifikasi blog" var neonbasecolor="gray" var neontextcolor="yellow" var flashspeed=100 //in milliseconds ///No need to edit below this line///// var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) //eval("document.all.neonlight"+m).style.color=neonbasecolor crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script> </h1>
Yang warna merah it tulisan yang akan tampil, jadi ganti seperti apa ya mau di tulis di situ..

selanjutnya...

Senin, 15 Desember 2008

Membuat read more yang simple

Read more adalah pemenggal kalimat agar tidak memenuhi halamam utama suatu blog, Berikut adalah cara membuat read more yg lebih simpel.. Sebagai contoh sperti yang saya gunakan ini Pertama-tama kita login ke blogger, -trus edit html -klik expand widget -bila takut terjadi kesalahan backup template terlebih dahulu agar gampang mengembalikanya seperti semula -langkah selanjutnya Cari kode

<head>

Copy code ini dan paste diatas head tadi

<style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style>

-Selanjutnya cari kode berikut

<p><data:post.body/></p>

Atau

<data:post.body/>

Setiap template berbeda2 -Paste code ini di bawahnya

<b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> Read More..</a> </b:if>

-Simpan template Lihat blog,pada setiap postingan pasth terdapat read more Nah berikut ini adalah Format untuk memengal kalimat yaitu seperti berikut : Tulis dsini kalimat yang akan terlihat <span class="fullpost"> tulis disini kalimat penggalan </span>

-Terbitkan postingan coba liht apakan anda berhasil? Simple kan? Selamat mencoba...

selanjutnya...

Minggu, 14 Desember 2008

Membuat highlight efek link

Membuat link hightlight seperti ini,contoh arahkan kursor pada link

Yahoo! Excite AltaVista Infoseek Lycos MSN WebCrawler Hotbot Snap

Setiap cursor yang berada di link maka akan terdapat backgraund warna yg dpat di ubah tergantung warna yang kita suka, Caranya seperti berikut Copy scipt berikut pada body page

<script> /* Highlight Link script By Website Abstraction (http://wsabstract.com) and Java-scripts.net (http://www.java-scripts.net) */ function highlight(which,color){ if (document.all||document.getElementById) which.style.backgroundColor=color } </script>

Format penulisan link sebagai berikut

<a href="http://www.yahoo.com"onMouseover=highlight(this,'red') onMouseout="highlight(this,document.bgColor)">Yahoo!</a>

selanjutnya...

Jumat, 12 Desember 2008

Meningkatkan seo blog

Salah satu teknik SEO yang digunakan oleh para master SEO adalah dengan memainkan atau manambahkan suatu text didalam html yang biasa disebut Meta Tag. Meta tag digunakan untuk mendapatkan nilai tinggi blog atau web pada search engine. Untuk mendapatkan posisi teratas pada search engine misalnya dengan (modifblog) pada bloggger kita dapat menambahkan meta tag Langkah awal adalah masuk ke dalam Panel Kontrol blog kita, kemudian menuju ke Tata Letak, dan pilih Edit HTML. Untuk title tags, gunakan trik Title . Intinya, cari baris kode berikut:

<title><data:blog.title/></title>
dan ganti dengan kode berikut:

<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> -<data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>
mengoptimalkan kata kunci utama blog anda.Tambahankan kode di bawah kode untuk Title Tags di atas:

<meta expr:content='data:blog.pageTitle + " - deskripsi tambahan "' name='description' /> <meta expr:content='data:blog.pageTitle + ", kata kunci 1,kata kunci2,kata kunci3,dst "' name='keywords' />
Deskripsi adalah deskripsi tentang blog anda Kata kunci adalah keyword yg terdapat pada search engine Dengan begitu mudah2an blog anda bisa lebih baik dari sebelumnya.. Sumber= all master

selanjutnya...

Rabu, 10 Desember 2008

Translate bahasa

Scriptnya adalah seperti berikut <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

selanjutnya...

Minggu, 07 Desember 2008

Membuat gambar kelap kelip dengan script slidesow

Untuk membuat gambar kelap kelip harus mempunyai 2 gambar yg sama hanya warna gambar saja yg berbeda Contoh saya mempunyai 2 gambar
dan
Mengabunganya dengan menggunakan script slideshow dibawah ini dan mempercepat slideshownya ,membuat gambarnya gampang, hanya mengedit gambar dan memberi efek negatif gambar. Script dibawah adalah script gambar di atas Selamat berkreasi Copy script dibawah pada head
<script language="JavaScript1.1"> <!-- /* JavaScript Image slideshow: By Website Abstraction (www.wsabstract.com) and Java-scripts.net (www.java-scripts.net) */ var slideimages=new Array() var slidelinks=new Array() function slideshowimages(){ for (i=0;i<slideshowimages.arguments.length;i++){ slideimages[i]=new Image() slideimages[i].src=slideshowimages.arguments[i] } } function slideshowlinks(){ for (i=0;i<slideshowlinks.arguments.length;i++) slidelinks[i]=slideshowlinks.arguments[i] } function gotoshow(){ if (!window.winslide||winslide.closed) winslide=window.open(slidelinks[whichlink]) else winslide.location=slidelinks[whichlink] winslide.focus() } //--> </script>
Lalu copy script dibawah pada body untuk menampilkan gambar slide <a href="javascript:gotoshow()"><img src=" http://www.geocities.com/ocewijaya/oce1.jpg" name="slide" border=0></a> <script> <!-- //configure the paths of the images, plus corresponding target links slideshowimages(" http://www.geocities.com/ocewijaya/oce1.jpg", "http://www.geocities.com/ocewijaya/oce2.jpg") slideshowlinks("http://ocewijaya.blogspot.com", "http://oce-modifblog.blogspot.com") //configure the speed of the slideshow, in miliseconds var slideshowspeed=80 var whichlink=0 var whichimage=0 function slideit(){ if (!document.images) return document.images.slide.src=slideimages[whichimage].src whichlink=whichimage if (whichimage<slideimages.length-1) whichimage++ else whichimage=0 setTimeout("slideit()",slideshowspeed) } slideit() //--> </script> Warna biru adalah tempat letak gambar

selanjutnya...

Sabtu, 06 Desember 2008

Alert massage



Alert Box

Alert Message:


Cara meletakan code, -Sign blogger
-tata letak
-tambah gadget html/javascript
-simpan Contoh blog yang udah di beri code alret masage
disini

selanjutnya...

Jumat, 05 Desember 2008

Random backgroun color

Script berikut berfungsi sebagai random warna backgraund, setiap kali masuk ke web trsbut warna background akan berubah2
<script> /*Random background color- by javascriptkit.com Visit JavaScript Kit (http://javascriptkit.com) for script Credit must stay intact for use*/ //Enter list of bgcolors: var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00") document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)] </script>

selanjutnya...

Kamis, 04 Desember 2008

Color chart picker

000000 000020 000040 000060 000080 0000a0 0000c0
002000 002020 002040 002060 002080 0020a0 0020c0
004000 004020 004040 004060 004080 0040a0 0040c0
006000 006020 006040 006060 006080 0060a0 0060c0
008000 008020 008040 008060 008080 0080a0 0080c0
00a000 00a020 00a040 00a060 00a080 00a0a0 00a0c0
00c000 00c020 00c040 00c060 00c080 00c0a0 00c0c0
00ff00 00ff20 00ff40 00ff60 00ff80 00ffa0 00ffc0

200000 200020 200040 200060 200080 2000a0 2000c0
202000 202020 202040 202060 202080 2020a0 2020c0
204000 204020 204040 204060 204080 2040a0 2040c0
206000 206020 206040 206060 206080 2060a0 2060c0
208000 208020 208040 208060 208080 2080a0 2080c0
20a000 20a020 20a040 20a060 20a080 20a0a0 20a0c0
20c000 20c020 20c040 20c060 20c080 20c0a0 20c0c0
20ff00 20ff20 20ff40 20ff60 20ff80 20ffa0 20ffc0

400000 400020 400040 400060 400080 4000a0 4000c0
402000 402020 402040 402060 402080 4020a0 4020c0
404000 404020 404040 404060 404080 4040a0 4040c0
406000 406020 406040 406060 406080 4060a0 4060c0
408000 408020 408040 408060 408080 4080a0 4080c0
40a000 40a020 40a040 40a060 40a080 40a0a0 40a0c0
40c000 40c020 40c040 40c060 40c080 40c0a0 40c0c0
40ff00 40ff20 40ff40 40ff60 40ff80 40ffa0 40ffc0

600000 600020 600040 600060 600080 6000a0 6000c0
602000 602020 602040 602060 602080 6020a0 6020c0
604000 604020 604040 604060 604080 6040a0 6040c0
606000 606020 606040 606060 606080 6060a0 6060c0
608000 608020 608040 608060 608080 6080a0 6080c0
60a000 60a020 60a040 60a060 60a080 60a0a0 60a0c0
60c000 60c020 60c040 60c060 60c080 60c0a0 60c0c0
60ff00 60ff20 60ff40 60ff60 60ff80 60ffa0 60ffc0

800000 800020 800040 800060 800080 8000a0 8000c0
802000 802020 802040 802060 802080 8020a0 8020c0
804000 804020 804040 804060 804080 8040a0 8040c0
806000 806020 806040 806060 806080 8060a0 8060c0
808000 808020 808040 808060 808080 8080a0 8080c0
80a000 80a020 80a040 80a060 80a080 80a0a0 80a0c0
80c000 80c020 80c040 80c060 80c080 80c0a0 80c0c0
80ff00 80ff20 80ff40 80ff60 80ff80 80ffa0 80ffc0

a00000 a00020 a00040 a00060 a00080 a000a0 a000c0
a02000 a02020 a02040 a02060 a02080 a020a0 a020c0
a04000 a04020 a04040 a04060 a04080 a040a0 a040c0
a06000 a06020 a06040 a06060 a06080 a060a0 a060c0
a08000 a08020 a08040 a08060 a08080 a080a0 a080c0
a0a000 a0a020 a0a040 a0a060 a0a080 a0a0a0 a0a0c0
a0c000 a0c020 a0c040 a0c060 a0c080 a0c0a0 a0c0c0
a0ff00 a0ff20 a0ff40 a0ff60 a0ff80 a0ffa0 a0ffc0

c00000 c00020 c00040 c00060 c00080 c000a0 c000c0
c02000 c02020 c02040 c02060 c02080 c020a0 c020c0
c04000 c04020 c04040 c04060 c04080 c040a0 c040c0
c06000 c06020 c06040 c06060 c06080 c060a0 c060c0
c08000 c08020 c08040 c08060 c08080 c080a0 c080c0
c0a000 c0a020 c0a040 c0a060 c0a080 c0a0a0 c0a0c0
c0c000 c0c020 c0c040 c0c060 c0c080 c0c0a0 c0c0c0
c0ff00 c0ff20 c0ff40 c0ff60 c0ff80 c0ffa0 c0ffc0

ff0000 ff0020 ff0040 ff0060 ff0080 ff00a0 ff00c0
ff2000 ff2020 ff2040 ff2060 ff2080 ff20a0 ff20c0
ff4000 ff4020 ff4040 ff4060 ff4080 ff40a0 ff40c0
ff6000 ff6020 ff6040 ff6060 ff6080 ff60a0 ff60c0
ff8000 ff8020 ff8040 ff8060 ff8080 ff80a0 ff80c0
ffa000 ffa020 ffa040 ffa060 ffa080 ffa0a0 ffa0c0
ffc000 ffc020 ffc040 ffc060 ffc080 ffc0a0 ffc0c0
ffff00 ffff20 ffff40 ffff60 ffff80 ffffa0 ffffc0

This free script provided by
JavaScript Kit

selanjutnya...

Membuat menu pulldown

Contoh

membuat menu dropdown atau pulldown seperti diatas adalah sebagai berikut <script language="JavaScript"> function pulldown_menu() { // Create a variable url to contain the value of the // selected option from the the form named pulldown and variable selectname var url = document.p ulldown.selectname.options [do cument.pulldown.selectname.sel ectedIndex].value // Re-direct the browser to the url value window.location.href = url } </script> <center> <form name="pulldown"> <select name="selectname" SIZE="1"> <option value="">Select A Site</option> <option value= " http://www.yahoo.com ">Yahoo.com</option> <option value= " http://www.goto.com ">Goto.com</option> <option value= " http://www.altavista.com ">AltaVista</option> <option value= "http://www.go.com ">Go.com</option> <option value= "http://www.msn.com ">MSN.com</option> </select> <input type="button" value="Go" onClick="JavaScript:p ulldown_menu()"> </form> </center>

selanjutnya...

Selasa, 02 Desember 2008

Membuat pertanyaan konfirmasi



Dalam membuat program, ada kalanya kita ingin agar data yang diinput tidak salah. Teknik Validasi yang anda terapkan pun, misalnya validasi nama tidak boleh angka terkadang tidak maksimal. Kalau misalnya kita salah mengetik nama "Ivan" dengan "Ivam", pasti nama akan lansung tersimpan bukan? Bukan hanya itu, biasanya seorang user tidak sengaja menekan tombol "enter". Padahal belum selesai mengetik. Ada cara untuk mengatasi hal diatas, yakni dengan membuat pertanyaan konfirmasi. Pertanyaan konfirmasi berfungsi untuk menampilkan pertanyaan "ok" dan "cancel". Ini untuk memastikan apakah data yang diinput sudah benar dengan melakukan pengecekan ulang.

Pertanyaan konfirmasi sepeti diatas dapat dibuat dengan javascript.

Buat file dengan nama pertanyaan.js lalu ketikkan script berikut :

pertanyaan.js

function pertanyaan()
{
      if(confirm('Anda yakin yang ingin anda posting ini sudah benar?'))
      {
            return true;
      }
      else
      {
            return false;
      }
}

index.html

<html>
<body>
                <script language="javascript" src="pertanyaan.js"></script>
                <a href=# onclick="return pertanyaan ()">Tes membuat pertanyaan.....</a>
</body>
</html>

Sedikit Penjelasan kode diatas :

Pada pertanyaan.js, dibuatkan perintah confirm untuk menampilkan kotak pesan ok dan cancel. Karena menggunakan function, kita gunakan return TRUE jika benar dan return FALSE jika salah. Lalu pada bagian yang ingin dimunculkan pertanyaan, tambahkan perintah onclick. Maksudnya ketika diklik,event apa yang terjadi.

Yah, sekian dulu lah penjelasan dari saya. Jika ada yang ingin ditanyakan, silahkan menghubungi saya di

Email1 : ivan@ilmuwebsite.com
  Email 2 : ivan_wen_piao@yahoo.co.id
Web :  http://ivan.ilmuwebsite.com

Silahkan download sourcenya  Disini

Sumber dari situs Ilmu Website dalam kategori javascript dengan judul Membuat pertanyaan konfirmasi

selanjutnya...