Primasaja.com: Service WEB, MOBILE & SOFTWARE DEVELOPMENT , ENGINEERING & ARCHITECTURE , DESIGN & CREATIVE , ADMIN SUPPORT , SALES & MARKETING , INSTALASI JARINGAN & KOMPUTER
Email: jakaprima123@gmail.com
Phone: 081311086653
Fax: -
Url:
cash, credit card
Perum Griya Rajeg Lestari Blok C No 24
Tangerang indonesia 15540

Belajar Jquery Dasar Focusin Dan Focusout Mudah Dimengerti

0
jaka

gambar hasil tutorial jquery focusin dan focusout


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.
www.primasaja.com - "

gambar hasil tutorial jquery focusin dan focusout


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.

Tidak Ada Komentar: