Konversi Tanggal ke bentuk data String menggunakan Javascript

Merubah bentuk type data tanggal / Date ke bentuk String dengan menggunakan Javascript.

Demo

1. <script type="text/javascript">  
2. var dtNow = new Date();  
3.   
4. dtNow.setDate(18);  
5. dtNow.setMonth(10);  
6. dtNow.setYear(2008);  
7. dtNow.setHours(7);  
8. dtNow.setMinutes(2);  
9.   
10. document.writeln(dtNow.toString() + "<br />");  
11. document.writeln(dtNow.toLocaleString() + "<br />");  
12. document.writeln(dtNow.toLocaleDateString() + "<br />");  
13. document.writeln(dtNow.toLocaleTimeString() + "<br />");  
14. document.writeln(dtNow.toGMTString() + "<br />");  
15. document.writeln(dtNow.toUTCString());  
16.     
17. </script>  

Read more

Javascript History Back

Membuat Tombol back atau kembali menggunakan javascript

---

Demo

1. <script language="JavaScript">  
2. function function1(){  
3.     history.back(1);  
4. }  
5. </script></head>  
6.   
7. <input id="myButton"   
8.        type="button"   
9.        onclick="function1();"   
10.        value="Go back 1 step in the history list">  

Read more

Membuat Validasi Email Menggunakan Javascript

Menggunakan validasi email untuk mendapatkan data atau inputan yang aktual dengan data email. berikut adalah function untuk mengecek validasi email menggunakan javascript.

1. <script>  
2. function EmailCek()  
3. {  
4. var x=document.forms["myForm"]["email"].value;  
5. var atpos=x.indexOf("@");  
6. var dotpos=x.lastIndexOf(".");  
7. if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)  
8.   {  
9.   alert("Not a valid e-mail address");  
10.   return false;  
11.   }  
12. }  
13. </script>  
14.   
15. <form name="myForm" action="demo_form.asp" onsubmit="return EmailCek();" method="post">  
16. Masukkan Email: <input type="text" name="email">  
17. <input type="submit" value="Submit">  
18. </form>  

Demo

Email:

Read more

Simple Validasi Form Kosong

1. <script>  
2. function palidasi()  
3. {  
4. var x=document.forms["myForm"]["fname"].value;  
5. if (x==null || x=="")  
6.   {  
7.   alert("Nama Ridak Boleh Kosong");  
8.   return false;  
9.   }  
10. }  
11. </script>  
12. <form name="myForm" action="demo_form.asp" onsubmit="return palidasi()" method="post">  
13. Masukkan Name: <input type="text" name="fname">  
14. <input type="submit" value="Submit">  
15. </form>  

Demo

Masukkan Name:

Read more

Mengganti gambar dengan menggunakan javascript

1. <script>  
2. function gantiGambar()  
3. {  
4. element=document.getElementById('gbrSaya')  
5. if (element.src.match("bulbon"))  
6.   {  
7.   element.src="gambar1.jpg";  
8.   }  
9. else  
10.   {  
11.   element.src="gambar2.jpg";  
12.   }  
13. }  
14. </script>  
15.   
16. <img id="gbrSaya" onclick="gantiGambar()"  
17. src="pic_bulboff.gif" width="100" height="180">  
18.   
19. <p>Klik Gambar Untuk Merubah</p>  

Demo

Click the light bulb to turn on/off the light

Read more

Menampilkan Tanggal dan Geo Tagging dengan Jquery

Untuk memanggil tanggal lengkap dengan posisi geo tagging dengan menggunakan javascript, pertama yang harus dilakukan adalah membuat funnction javascriptnya seperti dibawah ini.

1. <script>  
2. function tampilTanggal()  
3. {  
4. document.getElementById("demoTanggal").innerHTML=Date();  
5. }  
6. </script>  

Setelah itu kita beri satu buah tag element dengan nama id sesuai dengan yang kita beri pada function

1. <p id="demo">This is a paragraph.</p>  

setelah sudah di siapkan persiapan tadi,sekarang kita hanya tinggal memanggil function tersebut.

1. <button type="button" onclick="tampilTanggal()">Display Date</button>  

Demo :

Demo Tampil Tanggal Geo Tagging.

Read more