Senin, 24 Agustus 2015
Belajar Jquery Dasar Focusin Dan Focusout Mudah Dimengerti
Label:
Jquery
Belajar Jquery Dasar Focusin Dan Focusout Mudah Dimengerti
Jaka Prima Maulana |
| gambar hasil tutorial jquery focusin dan focusout |
Selamat Datang Pengunjung primasaja.com,
Tutorial kali ini akan membahas tentang penggunaan jquery focusin dan focusout yaitu penanganan yang memanggil fungsi atau event data ketika focus in atau fokus out di jalankan
Contoh
HTML : .focusin dan .focusout
- pertama - tama buat dahulu script seperti berikut :
<html>
<head>
<title>Tutorial Jquery .focusin dan .focusout PrimaSaja.com</title>
<style>
.info{
display: none;
}
.klik{
background-color: #E5ECEC;
}
</style>
</head>
<body>
<center><h1><p>Tutorial Jquery .focusin dan .focusout PrimaSaja.com</p></h1></center>
<p><input class="klik" type="text"> <span class="info"> silahkan masukkan nama </span></p>
<p><input class="klik" type="password"> <span class="info">silahkan masukkan password</span></p>
<div id="focusout"></div>
</body>
</html>
- jika sudah lalu masukkan library jquery anda dapat mendapatkannya disini
- lalu taruh diantara head
<head>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
- lalu buat javascript seperti berikut tepat diatas </body> atau dibawah </body>
<script type="text/javascript">
$( "p" ).focusin(function(){
$(this).find(".info").css("display", "inline").fadeOut(1500);
});
fokusout_primasaja = 0;
$("p").focusout(function(){
fokusout_primasaja++;
$("#focusout").text("anda keluar dari fokus sebanyak" + fokusout_primasaja + " X ");
});
</script>
- itu adalah akhirnya baik silahkan test tutorial jquery tersebut.
Langganan:
Posting Komentar
(
Atom
)
Tidak ada komentar :
Posting Komentar