Ads 468x60px

Featured Posts

12 November 2014

Cara Memberi Efek Box Shadow Pada Input Type Text, Input Type Password, dan Textarea dengan CSS


Assalamu'alaikum Warohmatullahi Wabarokatuh

Pada artikel ini, menjelaskan mengenai bagaimana caranya memberikan efek cahaya ketika kursor diletakkan pada input type text, input type password dan pada textarea pada HTML. Jadi ketika input type text diklik, boxshadow akan muncul. Perhatikan script ini, script ini sudah saya coba dan bisa. Silahkan copykan dan jalankan jika ingin mencoba melihat hasilnya.

<html>
<head><title>Coba Teks Area</title>
<style type="text/css">

input[type=text], input[type=password], textarea {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
outline: none;
font-family: verdana;
color: purple;
padding: 5px;
border-radius: 5px 5px 5px 5px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
box-shadow: 0 0 5px rgba(81, 103, 238, 3);
font-family: verdana;
color: purple;
padding: 5px;
border-radius: 5px 5px 5px 5px;
}

</style>
</head>
<body><br>
<input type="text" placeholder="Ini yang input type text"><br><br>
<input type="password" placeholder="Ini yang input type password"><br><br>
<textarea>Ini yang teks area</textarea>
</body>
</html>

Lama waktu box shadow muncul setelah kursor diletakkan bisa diubah pada bagian script "all 1s ease-in-out;" maksud dari 1s ialah 1 detik. Jadi box shadow akan muncul sepurna secara berangsur selama satu detik tersebut. Ubah 1s menjadi waktu yang diinginkan misalnya 5s. Ketebalan box shadow juga bisa ditambahkan atau dikurangi pada bagian script "box-shadow: 0 0 5px rgba(81, 103, 238, 3);" ubah 5px sesuai keinginan. 
Sekian sedikit artikel tentang cara memberikan efek box shadow pada input type text, input type password, dan textarea ini. Jika ada kekurangan mohon dimaafkan. Semoga bermanfaat.

Wassalamu'alaikum Warohmatullahi Wabarokatuh


8 November 2014

Cara Agar Link pada HTML Kembali Ke Halaman Sebelumnya


Assalamu'alaikum Warohmatullahi Wabarokatuh

Pada artikel ini, menjelaskan tentang sedikit script HTML untuk kembali pada halaman sebelumnya atau back page pada sebuah link. Perhatikan script berikut.

<a href='javascript:history.back()'>KEMBALI</a>

Link tersebut dapat berjalan jika javascript pada browser diaktifkan. Tapi bisasanya javascript sudah aktif. Sekian sedikit artikel tentang bagaimana cara agar link dapat kembali pada halaman sebelumnya. Jika ada kesalahan mohon dimaafkan. Semoga bermanfaat.

Wassalamu'alaikum Warohmatullahi Wabarokatuh

5 November 2014

Cara Agar Input Type Tidak Boleh Kosong dengan Javascript


Assalamu’alaikum Warohmatullahi Wabarokatuh

Pada postingan kali ini, akan menjelaskan tentang bagaimana cara agar input type pada HTML tidak boleh dikosongi. Jadi jika tombol submit diklik dan input type belum diisi, data tidak akan diproses. Validasi input type harus terisi ini ialah menggunakan javascript atau jquery. Perhatikan script berikut.
<html>
<head><title>Validasi Input Tidak Boleh Kosong dengan Javascript</title>
<script>
 function cekFile() {
   var cek = document.forms['cekForm']['kode_barang'].value;
     if(cek==null || cek=="")
     {
       alert("Kode Barang Belum Di isi");
       return false;
     }
}
 </script>

</head>
<body>
<form method='POST' action='inputbarang.php'  name="cekForm" onSubmit="return cekFile()">
<input type='text' name='kode_barang'>
<input type='submit' value='Simpan'>
</form>
</body>
</html>

Sudah saya praktekkan dan hasilnya berhasil. Sekian sedikit artikel ini jika ada kesalahan mohon dimaafkan dan mudah-mudahan bermanfaat. Terima kasih
Wassalamu’alaikum Warohmatullahi Wabarokatuh

4 November 2014

Cara Agar Input Type Hanya Boleh Diisi Dengan Angka Menggunakan Javascript


Assalamu’alaikum Warohmatullahi Wabarokatuh


Pada postingan kali ini, akan menjelaskan tentang bagaimana cara agar input type pada HTML hanya boleh diisi oleh angka. Jadi jika diisi oleh huruf, akan menghapus sendiri. Validasi input type hanya boleh diisi angka ini ialah menggunakan javascript atau jquery. Perhatikan script berikut.


<html>
<head><title>Validasi Input hanya untuk Angka dengan Javascript</title>
<script>
function checkInput(obj)
{
    var pola = "^";
    pola += "[0-9]*";
    pola += "$";
    rx = new RegExp(pola);

    if (!obj.value.match(rx))
    {
        if (obj.lastMatched)
        {
            obj.value = obj.lastMatched;
        }
        else
        {
            obj.value = "";
        }
    }
    else
    {
        obj.lastMatched = obj.value;
    }
}
 </script>

</head>
<body>
<input type='text' onKeyUp="return checkInput(this);">
</body>
</html>

Disini saya tidak mengerti arti dari script javascript tersebut. Tapi sudah saya praktekkan dan hasilnya berhasil. Sekian sedikit artikel ini, jika ada kesalahan mohon dimaafkan dan mudah-mudahan bermanfaat. Terima kasih

Wassalamu’alaikum Warohmatullahi Wabarokatuh

13 June 2014

Download Ringtone Katak dan Ringtone Kambing


Assalamu'alaikum Warohmatullahi Wabarokatuh

Pada artikel ini, terdapat link untuk download ringtone MP3 suara kambing dan suara katak. Langsung saja jika ingin mengunduh Ringtone Katak dan Ringtone Kambing ini, silahkan klik saja link di bawah ini.



Download Ringtone Katak 

  Download Ringtone Kambing

Sekian sedikit artikel ini, kurang lebihnya mohon dimaafkan. Semoga bermanfaat,. :)

Wassalamu'alaikum Warohmatullahi Wabarokatuh



10 June 2014

Kata-kata Lucu Cak Lontong


Assalamu'alaikum Warohmatullahi Wabarokatuh

Untuk sedikit hiburan pada artikel ini admin ingin berbagi informasi lucu tentang kata-kata dari cak lontong. Sudah pada tahu kan cak lontong itu siapa ? Kalau di acara TV Indonesia Lawak klub Cak Lontong atau Lis Hartono ini terkenal dengan lawakannya yang unik. Berikut ini Kata-kata Lucu dari Cak Lontong diambil dari salah satu user di situs 1cak.com. Untuk hiburan aja ya,. 

Nasehat Cak Lontong....

Berhentilah menuntut ilmu, karena ilmu tidak bersalah. 

Jangan membalas budi, karena belum tentu budi yang melakukannya.

Jangan mengarungi lautan, karena karung lebih cocok untuk beras.

Berhenti juga menimba ilmu, karena ilmu tidak ada di dalam sumur.

Yang paling penting, jangan lupa daratan, karena kalau lupa daratan, akan tinggal dimana....????

Jangan ngurusin orang, karena belum tentu orang itu pingin kurus.

Dan janganlah bangga menjadi atasan, karena di pasar baru, atasan 100 ribu dapat 3.

Salam Lemper..! :D

 

Sekian sedikit artikel ini, jika ada kekurangan mohon dimaafkan, dan Semoga menghibur,. :)

Wassalamu'alaikum Warohmatullahi Wabarokatuh