Node.js installation 1. Install python-software-properties sudo apt-get install python-software-properties 2. add repository chris-lea sudo add-apt-repository ppa:chris-lea/node.js 3. update apt-get sudo apt-get update 4. install node.js sudo apt-get install nodejs express.js installation 1. install express npm install -g express 2. check npm installation npm ls Done!
Pada artikel ini dijelaskan cara mengubah action click button secara dinamis. Contoh apabila ada 3 button, button_pertama, button_kedua dan button_ketiga. Action pada button_ketiga ditentukan oleh action button_pertama atau action button_kedua. Apabila button_pertama di click, maka button_ketiga akan memanggil fungsi_pertama apabila di-click. Apabila button_kedua di-click, maka button_ketiga akan memanggil fungsi_kedua. Setiap button_pertama atau button_kedua di-click akan dipanggil dahulu fungsi unbind click action untuk button_kedua Fungsi unbind pada javascript digunakan untuk melepaskan action fungsi sebelumnya. Setelah fungsi unbind dipanggil, button_ketiga dapat di-bind pada fungsi baru. Berikut baris kode javascript menggunan JQuery, kode
Continue readingMengubah Action Click Button Secara Dinamis dengan Fungsi unbind
Ajax merupakan teknik pemrograman web dinamis menggunakan javascript. Ajax dapat digunakan untuk mengambil data dari database tanpa harus me-reloading halaman atau berpindah url. Fungsi ajax dapat dikombinasikan dengan button atau event lainnya. Pada artikel ini akan dijelaskan mengenai penggunaan Ajax pada JQuery, pembaca diharapkan sudah mengerti dasar php, html, javascript dan JQuery seperti membuat function, deklarasi variabel dan mengakses DOM dengan JQuery. Berikut ini adalah contoh penggunaan Ajax pada JQuery. Kode ini diletakkan di dalam $(document).ready(function(){} ) $.ajax({ url: http://www.yohanli.com/index.php/c_contoller_anda/fungsi_yang_dipanggil, //misalnya url controller anda data: parameter, cache: false, dataType: “json”,
Berikut ini adalah contoh aplikasi kode javascript menggunakan event onkeyup pada input form. <html> <head> <script type=”text/javascript”> function hitung() { var ttlbelanja=document.getElementById(“totalbelanja”).value; var tendered=document.getElementById(“uang”).value; var kembali=tendered-ttlbelanja; if(kembali<0) { kembali = “Uang Belum Cukup”; } document.getElementById(“kembali”).innerHTML=kembali; } function uangotomatis() { var ttlbelanja=document.getElementById(“totalbelanja”).value; document.getElementById(“uang”).value=ttlbelanja; document.getElementById(“kembali”).innerHTML=0; } </script> </head> <body> <h1>Menghitung Uang Kembali</h1> <form> Total Belanja: <input type=”text” id=”totalbelanja” name=”totalbelanja” onkeyup=”uangotomatis()” /> <br /> Uang: <input type=”text” id=”uang” name=”uang” onkeyup=”hitung()”/> <br /> </form> <div style=”float:left;”>Kembali: </div> <div style=”float:left;” id=”kembali”> </div> <br /> </body> </html>