Harapan Putra

Delivery to you the hottest news from harapanputra.com 2013 everyday with no delay

Home » Posts filed under PHP dan jQuery
Showing posts with label PHP dan jQuery. Show all posts
Showing posts with label PHP dan jQuery. Show all posts

Memahami Selectors

PHP dan jQuery No comments:
Selectors berfungsi untuk memilih/mengambil elem-elemen tertentu yang ingin dilakukan operasi terhadap elemen tersebut atau manipulasi terhadap elemen-elemen tersebut.

Adapun elemen-elemen dasar yang dapat dipilih oleh selectors adalah sebagai berikut :
  1. Nama tag
  2. id
  3. class
Untuk mengetahui bagaimana cara Selectors dalam memilih elemen-elemen tersebut, penulis akan sajikan beberapa contoh sederhana pada sub/artikel berikutnya sehingga mempermudah anda dalam memahami Selectors.

Selectors tag

Cara menggunakan Selectors tag adalah dengan langsung menyebut nama tag/elemenya --> $("div"). Untuk lebih jelasnya, perhatikan skrip selector_tag.html pada gambar di bawah ini.

<html>   <head>   <script type="text/javascript" src="jquery-1.5.js"></script><script type="text/javascript">    $(document).ready(function(){       $("div").addClass("merah")    });</script><style type="text/css">.merah {    color: red;    font-weight: bold;}</style>    </head>    <body>       <div>            <p>Paragraf pertama.</p>
</div>            <div>                <ul>                    <li>Item 1</li>                    <li>Item 2</li>                    <li>Item 3</li>                </ul>
</div>    </body></html>

skrip selector_tag.html

Penjelasan skrip selector_tag.html :

Semua tag dengan nama div akan terpilih oleh Selectors, kemudian diberikan operasi "merah" terhadap elemen terpilih tersebut (operasi "merah" mengacu pada style yang telah kita definisikan di bagian head, yaitu .merah), sehingga semua teks akan berwarna merah dan tebal.

Dalam contoh berikutnya, kita juga bisa memilih tag yang berada didalam tag, misalnya didalam tag div terdapat tag p. Untuk lebih jelasnya, perhatikan contohskrip selectors_tag2.html di bawah ini

<html>
   <head>
   <script type="text/javascript" src="jquery-1.5.js">
    </script>
<script type="text/javascript">
    $(document).ready(function(){
       $("p").addClass("merah")
    });
</script>
<style type="text/css">
.merah {
    color: red;
    font-weight: bold;
}
</style>
    </head>
    <body>
       <div>
            <p>Paragraf pertama.</p>
        </div>
            <div>
                <ul>
                    <li>Item 1</li>
                    <li>Item 2</li>
                    <li>Item 3</li>
                </ul>
            </div>
    </body>
</html>


Apabila skrip selector_tag2.html dijalankan di browser, maka hanya Paragraf pertama saja yang berwarna merah dan tebal. Sedangkan Item 1. Item 2, dan Item 3 tetap normal berwarna hitam dan tidak tebal.


Edited From
harapan putra
Selengkapnya → Memahami Selectors

Filosofi Pemrograman jQuery

PHP dan jQuery 1 comment:
Sebelum masuk ke pembahasan dasar-dasar jQuery, ada baiknya kita mengetahui dasar dari filosofi jQuery, karena secara keseluruhan pemrograman jQuery nantinya akan mengacu pada filosofi dasarnya yang dapat dilihat pada gambar dibawah ini :


Pada umumnya, perintah jQuery digantikan dengan tanda dollar ($) yang merupakan simbol resmi dari fungsi jQuery, sehingga sering dituliskan seperti pada gambar dibawah ini

Intinya, fungsi jQuery akan mencari suatu elemen tertentu yang telah didefinisikan di bagian body, kemudian melakukan sesuatu terhadap elemen tersebut, itulah filosofi dasar dari jQuery.

Catatan :

jQuery mempunyai fungsi-fungsi yang tergabung dalam kelompok Class yang berguna untuk menambahkan dan menghapus atribut Class beserta nilainya pada suatu elemen. ada tiga fungsi yang termasuk dalam kelompok Class, yaitu :
  • addClass("nama_class"): menambahkan Class pada elemenyang dipilih.
  • removeClass("nama_class"): menghapus Class pada elemen yang dipilih.
  • togleClass("nama_class"): menambah Class pada suatu elemen apabila pada elemen tersebut belum digunakan Class, namun apabila pada elemen tersebut telah menggunakan Class, maka Class pada elemen tersebut akan dihapus.

    Contoh-contoh mengenai ketiga fungsi Class tersebut banyak dijumpai ketika menggunakan Selectors..so buruan lanjut ke artikel berikut ya..

Edited From
harapan putra
Selengkapnya → Filosofi Pemrograman jQuery

Trik Dasar Memahami jQuery

PHP dan jQuery No comments:
Kalau kita lihat di website resminya jQuery pada bagian dokumentasi (http://docs.jquery.com/), maka ada sebelas hal yang harus kita pelajari untuk menguasai jQuery atau dikenal dengan sebutan jQuery API (Application Programming Interface), diantaranya :

1. jQuery Core
2. Selectors
3. Attributes
4. Traversing
5. Manipulation
6. CSS
7. Events
8. Effects
9. Ajax
10. Plugin/jQuery UI (User Interface)
11. Utilities

Namun, sebagai fondasi awal dalam mempelajari jQuery (agar tidak terlalu ribet), saya akan jabarkan tiga hal yang paling mendasar saja, yaitu Selector, Events, dan Effects.
Selengkapnya → Trik Dasar Memahami jQuery

Apa yang Perlu Dipersiapkan

PHP dan jQuery No comments:
Apa yang Perlu Dipersiapkan sebelum mempelajari jQuery?, Sebaiknya anda sudah mengenal (bukan menguasai lho, tapi kalau menguasai lebih baik sih) empat pengetahuan berikut :

1. Javascript
, karena jQuery merupakan library Javascript, jadi bahasa dasarnya pastilah mengacu kepada Javascript

2. CSS
, karena ham[pir secara keseluruhan nantinya jQuery akan mengontrol/memanipulasi DOM dari CSS

3. PHP
dan MySQL, Karena dalam Artikel ini akan dibahas bagaimana cara mengkolaborasikan jQuery dengan PHP dan MySQL.

4. Ajax
, seperti halnya Javascript, jQuery mampu menyederhanakan perintah-perintah Ajax yang cukup njelimet dan puanjang
Dari ke empat pengetahuan tersebut, hal yang paling mendasar yang harus anda ketahui adalah CSS, terutama mengenai DOM (Document Object Model). Kalau saya Analogikan, DOM itu layaknya seperti variable (identitas/pengenal), pada contoh pertama.html (Bagaimana menggunakan jQuery), elemen Dom didefinisikan menggunakan id dan class :

<button class="sembunyi">
<button class="tampil">
<img id="foto" src="Osama bin Laden.jpg" />


Pada contoh tersebut, ada dua class, yaitu tampil dan sembunyi serta terdapat satu id, yaitu foto. jadi, nanti skrip jQuery yang kita buat harus sesuai dengan class dan id yang telah kita definisikan pada bagian body, misalnya untuk menampilkan foto yang disembunyikan, klik tombol tampilkan, maka skrip jQuery yang dibuat harus sesuai dengan class tampil dan id foto, ilustrasinya seperti gambar dibawah ini
skrip disesuaikan dengan class yg didefinisikan di bagian body
Selengkapnya → Apa yang Perlu Dipersiapkan

Bagaimana Cara Kerja jQuery

PHP dan jQuery No comments:
Cara kerja jQuery dapat dijabarkan sebagai berikut (masih menggunakan contoh Bagaimana Menggunakan jQuery) :

1. jQuery akan memastikan bahwa semua elemen atau elemen yang diinginkan sudah ditampilkan semua dihalaman web, fungsi yang digunakan adalah :
$(document).ready(function(){
//baris kode jQuery akan dijalankan
//apabila semua elemen sudah ditampilkan semua

}

2. Setelh semua elemen ditampilkan, tahap berikutnya adalah memilih elemen berdasarkan class atau id yang telah didefinisikan. dalam hal ini, jQuery menggunakan fungsi Selector. Contoh skripnya :

$("#foto")
$(".sembunyi")
$(".tampil")


3. Setelah elemen dipilih, tahap berikutnya adalah memberikan aksi/operasi terhadap elemen yang sudah dipilih. Misalnya, operasi klik dan hide, dimana apabila tombol diklik, maka akan menyembunyikan elemen foto.

$ (".sembunyi").click(function){
$("#foto").hide("slow");
});


Dengan memahami cara kerja jQuery, semoga lebih mempermudah anda dalam mempelajari jQuery.

Tiga langkah pokok dalam menggunakan jQuery
Selengkapnya → Bagaimana Cara Kerja jQuery

Bagaimana Menggunakan jQuery

PHP dan jQuery No comments:
Harapan Putra Blogspot - Artikel sebelumnya yaitu Apa Kemampuan yang Dimiliki jQuery, dan kali ini kita akan belajar bagaimana menggunakan jQuery. Saya akan menjabarkan langkah-langkah detailnya sebagai berikut :
  1. Download library jQuery di http://jquery.com, silahkan pilih versi jQuery yang diinginkan, misalnya Development, kemudian klik tombol Download, nanti nama file yang terdownload adalah jquery-1.4.js.
     
  2. Simpan file jquery-1.4.js pada folder latihan anda, misalnya di C:\latih. Kemudian buat dokumen baru yang isinya berikut:

    <html>
            <head>
            </head>
                 <body>
                 </body>
    </html>

  3. Selanjutnya panggil library jQuery diantara tag <head>...</head>, maka sekarang skripnya menjadi (perhatikan teks yang ditebalkan):

    <html>
        <head>
            <script type="text/javascript" src="jquery-1.4.js"></script>
        </head>
           <body>

           </body>
    </html>


  4. Sebagai contoh, kita akan membuat dua buah tombol yang akan mengontrol sebuah foto, contoh skripnya adalah (perhatikan teks yang ditebalkan) :

    <html>
        <head>
            <script type="text/javascript" src="jquery-1.4.js">
            </script>
        </head>
             <body>
               <button class="sembunyi">Sembunyikan</button>
               <button class="tampil">Tampilkan</button>
               <p><img id="foto" src="peluk.jpg" /></p>

             </body>
         </html>


  5. Selanjutnya, buat jQuery dan sesuaikan dengan id atau class yang telah kita definisikan pada langkah 4. Skripnya sebagai berikut (perhatikan teks yang ditebalkan) :

    <html>
      <head>
        <script type="text/javascript" src="jquery-1.4.js">
        </script>

         <script type="text/javascript">
           $(document).ready(function() {
              $(".sembunyi").click(function(){
                 $("#foto").hide("slow);
              });

              $(".tampil").click(function(){
                 $("#foto").show("slow");
              });
           });
         </script>

      </head>
         <body>
           <button class="sembunyi">Sembunyikan</button>
           <button class="tampil">Tampilkan</button>
           <p><img id="foto" src="peluk.jpg" /></p>
         </body>
    </html>              
Simpan filenya, misalnya dengan nama pertama.html. untuk menjalankanya, Anda bisa langsung mengklik 2x pada nama filenya melalui Windows Explorer, maka hasilnya akan langsung tampil di browser. Untuk mencobanya, silahkan klik tombol Sembunyikan dan Tampilkan

Bagaimana Menggunakan jQuery
Contoh

O iya, mungkin Anda kurang paham dengan skrip-skrip jQuery yang telah kita buat pada latihan pertama.html, tapi nggak usah khawatir, karena pada artikel berikutnya akan dibahas mengenai dasar-dasar jQuery.

Catatan : 

jQuery selalau merilis dua versi untuk librarynya, yaitu Production dan Development. Perbedaanya, ukuran file untuk versi Production lebih kecil dibandingkan Development. Karena, versi Production telah 'dimanpatkan', sehingga kodenya agak sulit dibaca. Sedangkang versi Development, isi filenya lebih mudah dibaca, sehingga versi ini diperuntukkan bagi developer yang tertarik mempelajari/memanipulasi fungsi-fungsi yang dimiliki oleh jQuery.

Saat artikel Bagaimana Menggunakan jQuery ini saya tulis, versi terbaru dari jQuery adalah jQuery 1.5. jadi, nama file untuk versi production adalah jquery-1.5.min.js. Sedangkan nama file untuk versi Development adalah jquery-1.5.js.

Kalau boleh saya ringkas, sebenarnya hanya ada tiga langkah pokok dalam menggunakan jQuery,
yaitu :

1. Panggil/load library jQuery
  • Buat objek beserta elemenya berupa id atau class di bagian body.
    2. Buat skrip jQuery di bagian head untuk mengontrol objek berdasarkan elemenya.
  • Selengkapnya → Bagaimana Menggunakan jQuery

    Apa Kemampuan Yang Dimiliki jQuery

    PHP dan jQuery No comments:
    Point berikut merupakan penjabaran lengkap tentang kemampuan yang dimiliki oleh jQuery, diantaranya :
    • Mempermudah akses dan manipulasi elemen tertentu pada dokumen.

      Biasanya diperlukan baris program yang cukup panjang untuk mengakses suatu elemn dokumen. Namun, jQuery dapat melakukan hanya dalam beberapa baris program saja, karena jQuery mempunyai Selector yang sangat efesien untuk mengakses suatu elemen tertentu pada dokumen yang selanjutnya bisa dimanipulasi sesuai dengan keinginan kita
    • Mempermudah modifikasi/perubahan tampilan halaman web

      Biasanya untuk memodifikasi tampilan halaman web digunakan CSS. Permasalahanya, CSS sangat dipengaruhi oleh web browser yang digunakan, sehingga sering terjadi halaman web yang dibuat sudah rapi dan bagus tampilanya di browser Mozilla, namun ketika ditampilkan di Opera menjadi berantakan. Namun jQuery dapat menyesuaikan style CSS pada semua browser, sehingga permasalahan tersebut dapat dihindari.
    • Mempersingkat Ajax (Asynchronous Javascript and XML).

      Kemampuan favorit dari Ajax adalah mampu mengambil informasi dari server tanpa melakukan refresh pada halaman web, artinya halaman web terlihat berganti secara otomatis. Apabila kita menuliskan kode Ajax secara manual, biasanya diperlukan baris yang cukup panjang, namun jQuery dapat mempersingkatnya menggunakan Ajax call, perbandingan 25 baris kode Ajax dapat disingkat menjadi 5 baris kode saja dengan jQuery.
    • Memiliki API (Application Progamming Interface)

      Dengan API, jQuery dapat memanipulasi ccontent pada suatu halaman web, seperti pengubahan teks, manipulasi gambar (resize, rotate, crop), penyusunan daftar (list), pengurutan list, paging, dll.
    • Mampu merespon interaksi antara user dengan halaman web dengan lebih cepat.
    • Menyediakan fasilitas untuk membuat animasi sekelas Flash dengan mudah.
    Demikian beberapa kemampuan yang ditawarkan jQuery, apakah anda sudah tergoda untuk mempelajarinya??

    Edited From
    harapan putra
    Selengkapnya → Apa Kemampuan Yang Dimiliki jQuery

    Mengapa Memilih jQuery?

    PHP dan jQuery No comments:
    Mengapa kita lebih memilih jQuery dibandingkan JavascriptLibrary pendahulunya seperti Prototype, Mootools, YUI (Yahoo User Interface), dan Dojo? Berikut beberapa alasan yang membuktikan jQuery sangat powerful dan layak dijadikan pilihan, yaitu :

    1. jQuery telah banyak digunakan oleh website-website terkemuka di dunia.
    2. Kompatibel/cocok dengan semua browser yang populer, seperti Mozilla, Internet Explorer, Safari, Chrome, dan Opera.
    3. Kompatibel dengan semua versi CSS (CSS 1 sampai dengan CSS3).
    4. Dokumentasi, Tutorial dan contoh-contohnya lengkap, silahkan kunjungi website resminyya di http://jquery.com.
    5. Didukung oleh komunitas yang besar dan akatif, seperti forum, milis, blog, social engineering (twitter dan facebook), website, dan tutorial.
    6. Ketersediaan plugin yang sangat banyak jumlahnya. Plugin merupakan kemampuan tambahan yang bisa disertakan pada jQuery.
    7. Filenya hanya satu dan ukuranya pun kecil, hanya sekitar 20 KB, sehingga cepat aksesnya.
    8. Open source/free (gratis) dengan lisensi dari GNU (General License) dan MIT License.
    9. jQuery lebih banyak digunakan oleh para developer web dibandingkan Javascript Library lainya.

    Dalam tren google pun, jQuery paling mendominasi dibandingkan Javascript Library lainya. Biasanya tren google berhungan dengan tren skill pekerjaan, khususnya di bidang IT. Untuk mengetahui perkembangan tren google mengenai Javascript Library bisa dilihat di alamat ini : http://www.google.com/trends?q=jquery%2C+prototype%2C+yui%2C+dojo%2C+mootools&ctab=0&geo=all&date=ytd&sort=0

    Selengkapnya → Mengapa Memilih jQuery?

    PHP & jQuery

    PHP dan jQuery No comments:
    jQuery merupakan library JavaScript terhandal saat ini. Faktanya, banyak perusahaan besar tingkat dunia menggunakan jQuery dalam teknologi website mereka. Bahkan website-website lokal pun juga tidak mau ketinggalan.

    jQuery berhasil menyederhanakan fungsi-fungsi Javascript dan Ajax yang rumit, sehingga hanya dengan beberapa baris kode, kita bisa membuat website dengan tingkat interaktivitas yang tinggi (responsif), bahkan membuat animasi yang canggih tanpa memerlukan instalasi plugin flash pada browser.

    Sebenarnya penggunaan jQuery sangatlah mudah, karena tanpa dibekali penguasaan pemrograman Javascript sekalipun, karena semuanya sudah dibungkus dalam bentuk library dan plugin. Intinya, kita hanya perlu tahu cara menerapkanya dalam website kita.

    Selain membahas dasar-dasar jQuery, secara praktis juga membahas beberapa koleksi jQuery yang sering digunakan dalam website, seperti accordion, datepicker, tabs, expose, overlay, tooltip, scrollable, flashembed, news ticker, kotak dialog, menu dropdown superfish, animasi slideshow headline berita. galeri foto carousel, validasi interaktif, grafik 3D, efek dan animasi. Dan diakhir bab juga disajikan cara menggabungkan beberapa teknik jQuery sekaligus yang semuanya langsung diterapkan dalam sebuah proyek website lengkap yang sesuai judulnya

    PHP & jQuery
    Bikin Website Super Keren Dengan Php & Jquery


    BAB 1. Kenalan Dulu Yuk Sama jQuery

    1.1. Apa itu jQuery
    1.2. Mengapa Memilih jQuery
    1.3. Apa Kemampuan yang Dimiliki jQuery
    1.4. Bagaimana Menggunakan jQuery?
    1.5. Bagaimana Cara Kerja jQuery
    1.6. Apa yang Perlu Dipersiapkan?

    BAB 2. Trik Dasar Memahami jQuery

    2.1. Filosofi Pemograman jQuery
    2.2. Memahami Selectors
    2.2.1. Selectors tag
    2.2.2. Selector id
    2.2.3. Selector class
    2.3. Memahami Events
    2.3.1. Events click()
    2.3.2. Events dblclick()
    2.4. Memahami Effects

    BAB 3. Berkreasi dengan Plugin

    3.1. jQuery UI: Ciptakan Efek yang Canggih
    3.1.1. Instalasi jQuery UI
    3.1.2. Prinsip Menggunakan jQuery UI
    3.1.3. Percantik Tanggal dengan Datepicker
    3.1.3.1. Datepicker Standar
    3.1.3.2. Datepicker Format Bahasa Indonesia
    3.1.3.3. Mengubah Format Penanggalan Datepicker
    3.1.3.4. Menampilkan Pilihan Bulan dan Tahun
    3.1.3.5. Memilih Tanggal Menggunakan Tombol
    3.1.3.6. Mengganti Themes Datepicker
    3.1.3.7. Animasi Datepicker

    3.1.4. Alunan Keindahan Menu Accordion
    3.1.4.1. Accordion Standar
    3.1.4.2. Efek Hover Accordion
    3.1.4.3. Menentukan Bagian Accordion yang Aktif
    3.1.4.4. Animasi Accordion
    3.1.4.5. Menentukan Lebar dan Tinggi Accordion

    3.1.5. Bukan Kotak Dialog Biasa
    3.1.5.1. Kotak Dialog Standar
    3.1.5.2. Drag dan Resize Kotak Dialog
    3.1.5.3. Membuka Kotak Dialog
    3.1.5.4. Modal Kotak Dialog
    3.1.5.5. Menentukan Posisi Kotak Dialog
    3.1.5.6. Animasi Kotak Dialog
    3.1.5.7. Menampilkan Accordion dalam Kotak Dialog

    3.1.6. Efek-Efek Spesial
    3.1.6.1. Efek Bounce (Memantul)
    3.1.6.2. Efek Explode (Ledakan)

    3.2. jQuery Tools: Hadirkan Efek yang Memukau
    3.2.1. Download jQuery Tools
    3.2.2. Efisiensi Content dengan Tabs
    3.2.2.1. Tabs Standar
    3.2.2.2. Mempercantik Tampilan Tabs
    3.2.2.3. Membuat Accordion dengan Tknik Tabs
    3.2.2.4. Efek Kedipan Warna Accordion
    3.2.3. Tooltip yang Menawan
    3.2.3.1. Tooltip Standar
    3.2.3.2. Tooltip Form
    3.2.4. Tonjolkan dengan Expose
    3.2.4.1. Expose Standar
    3.2.4.2. Expose Form
    3.2.5. Bikin Lapisan dengan Overlay
    3.2.5.1. Overlay Standar
    3.2.5.2. Modal Kotak Dialog Ala Overlay
    3.2.6. Scrollable (Efek Menggulung)
    3.2.6.1. Scrollable Standar
    3.2.6.2. Scrollable Galeri Foto
    3.2.7. Flashembed (Menampilkan Animasi Flash)
    3.2.8. Mengkombinasikan Beberapa Efek
    3.2.8.1. Kombinasi Efek Scrollable dan Tabs
    3.2.8.2. Kombinasi Efek Scrollable, Overlay dan Tooltip

    3.3. Gudang Penyimpanan Plugin

    BABA 4. Kolaborasi Cantik PHP dan jQuery

    4.1. Tabel Berkulit Zebra
    4.1.1. Tabel Berkulit Zebra (Statis - jQuery)
    4.1.2. Tabel Berkulit Zebra (Dinamis - PHP)
    4.2. Animasi SlideShow Headline Berita
    4.2.1. Animasi SlideShow Headline Berita (Statis - jQuery)
    4.2.2. Animasi SlideShow Headline Berita (Dinamis - PHP)
    4.3. Menu Dropdown yang Sexy
    4.3.1. Menu Dropdown (Statis - jQuery)
    4.3.2. Menu Dropdown (Dinamis - PHP)
    4.3.3. Menambahkan Sub Submenu pada Menu Dropdown
    4.3.4. Mengubah Tampilan Menu Dropdown
    4.4. Cara Gampang Membuat Grafik 3D
    4.4.1. Membuat Grafik 3D (Statis - jQuery)
    4.4.2. Membuat Grafik 3D (Dinamis - PHP)
    4.5. Membuat Validasi Lebih Responsif

    BAB 5. Proyek Bikin Website Super Keren

    5.1. Persiapan Database (Import Database)
    5.2. Anatomi Layout Website (File Utama)
    5.3. Menu Dropdown Superfish
    5.4. Animasi SlideShow Headline Berita
    5.5. Pengelompokan Content dengan Teknik Tabs
    5.6. Percantik Pop-Up Windows dengan FancyBox
    5.7. Sekilas Info (News Ticker)
    5.8. Catatan Akhir jQuery
    Selengkapnya → PHP & jQuery

    Apa itu jQuery

    PHP dan jQuery No comments:
    jQuery adalah Javascript Library -&gt; kumpulan kode/fungsi javascript siap pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript. Secara standart, apabila kita membuat kode javascript, maka diperlukan kode yang cukup panjang, bahkan terkadang sangat sulit dipahami, misalnya fungsi Javascript untuk membuat stripe (warna selang-seling) pada baris suatu tabel adalah sebagai berikut :
    Lihat Script Spoiler:



    function stripe(id)  {
    var even = false;
    var evenColor = arguments[1]  ? arguments[1]  : "#fff";
    var oddColor = arguments[2]  ? : "#eee";
    var table = document.getElementbyId(id);
    var (! table)  { return; }
    var tbodies = table.getElementsByTagName("tbody");
    for (var h = 0; h < tbodies.leght; h++)  {
      var trs = tbodies[h].getElementsByTagName("tr");
      for (var i = 0; i < trs.length; i++)  {
       if (! has Class(trs[i]) && ! trs[i].style.backgroundColor)  {
        var tds = trs[i].getElementsByTagName("td");
        for (var j = 0; j < tds.length; j++)  {
         var mytd = tds[j];
         if (! hasClass(mytd).style.backgroundColor)  {
         mytd.style.backgroundColor = even ? evenColor : oddColor;
         }
        }
       }
      }
     }
    }
    Nah, disinilah peran jQuery sebagai Javascipt Library, dimana kita bisa langsung memanggil fungsi yang terdapat didalam Library tersebut, menariknya kita hanya memerlukan satu/dua baris untuk membuat warna-seling pada suatu tabel, yaitu:

    jQuery('table tr:nth-child(odd)').addClass('odd');

    Kesimpulannya, jQuery menyederhanakan kode Javascript. Hal ini sesuai dengan slogan 'Write less, do more' cukup tulis sedikit, tapi bisa melakukan banyak hal
    Kembali ke Halaman Sebelumnya
    PHP & jQuery
    Selengkapnya → Apa itu jQuery

    Kenalan Dulu Yuk Sama jQuery

    PHP dan jQuery No comments:
    Semenjak dirilis pertama kali pada tahun 2006 oleh John Resig, jQuery telah mencuri perhatian para developer web. Buktinya, pada tahun-tahun berikutnya jQuery telah banyak digunakan oleh wesite-website terkemuka di dunia seperti Google, Microsoft, Intel, Nokia, Oracle, IBM, DELL, BBC, NBC, ESPN, EA Sport, Twitter, Facebook, Amazon, Time, Youtube, Apple, Wordpress, Mozilla, Netflix, Digg, Technorati, dan masih banyak lagi.. bahkan website lokalpun tidak mau ketinggalan, lihat saja Detik, Studio 21 (21cineplex.com), Indosiar, Vivanews, Kompas, dan lain-lain.
    Dan sampai saat ini sudah tercatat ada jutaan website yang telah menggunakan jQuery. Untuk Lebih lengkapnya, silahkan lihat daftarnya di website http://docs.jQuery.com/Sites_Using_jQuery .
    So, kalau kita yang ngaku-ngaku developer web belum kenal ama jQuery, waduh..bisa dikatain kuper (kagak gaul).. capek dech, hari gini kagak kagak kenal ama jQuery, bisa teridap penyakit gapweb kita alias gagap web.. nggak lah yau. Oleh karena itu, mari kita jelajahi dunia jQuery yang penuh dengan keindahan.
    Selengkapnya → Kenalan Dulu Yuk Sama jQuery
    Subscribe to: Comments (Atom)

    Daftar Isi Blog

    Blog Archive

    • ▼  2017 (4)
      • ▼  February (1)
        • Berbagi Tips Menghangatkan Ranjang
      • ►  January (3)
    • ►  2016 (10)
      • ►  December (10)
    • ►  2014 (23)
      • ►  November (1)
      • ►  October (2)
      • ►  August (2)
      • ►  May (13)
      • ►  February (4)
      • ►  January (1)
    • ►  2013 (63)
      • ►  December (1)
      • ►  November (8)
      • ►  October (7)
      • ►  September (47)
    • ►  2012 (72)
      • ►  November (3)
      • ►  August (7)
      • ►  July (7)
      • ►  June (4)
      • ►  May (3)
      • ►  April (20)
      • ►  February (19)
      • ►  January (9)
    • ►  2011 (358)
      • ►  December (15)
      • ►  November (24)
      • ►  October (33)
      • ►  September (51)
      • ►  August (27)
      • ►  July (3)
      • ►  June (28)
      • ►  May (51)
      • ►  April (48)
      • ►  March (38)
      • ►  February (22)
      • ►  January (18)
    • ►  2010 (440)
      • ►  December (98)
      • ►  November (59)
      • ►  October (123)
      • ►  September (33)
      • ►  August (44)
      • ►  July (47)
      • ►  June (29)
      • ►  May (1)
      • ►  April (4)
      • ►  March (2)

    Entri Populer

    • Bude Yayuk [Kisah Nyata]
      Beliau adalah kakak kandung dari istri kedua pamanku. Selisih umur dengan adiknya sekitar 3 tahun, mendekati 50 tahun. Sehari-hari mengajar...
    • Awal Liarnya Istriku
      “Lihat nih, bini aku sexy kan?” kataku bangga. Rendy melotot dan berdecak kagum, “Ck..ck…sexy sekali ya?” “Yuli (nama istri Rendy) pernah d...
    • Janda Bahenol Penjual Nasi Kuning
      Bu Sarmin gak kpikiran bakal ngalamin nasib tragis hari itu, dia pikir dgn karakternya yg keras hati bisa naklukin segalanya, termasuk gue. ...
    • Merawat Mama
      Liburan semester, Musa tak bisa kemana-mana, karena harus merawat mama-nya. Mamanya mendapat kecelakaan lalu lintas, hingga betisnya mengala...
    • Smartphone Nokia Ram 3 GB Monster Keyboard QWERTY
      Nokia Express Music vs BlackBerry Priv: Dua Smartphone Dengan Keyboard QWERTY Seirin dengan Nokia yang menegaskan kebangkitannya kemb...
    • Tidur Dengan Kakak Ipar
      Ketika aku menikah dua tahun yang lalu, rasanya dunia ini hanya milikku seorang. Betapa tidak, aku mendapatkan seorang pria yang menjadi im...
    • Dilema (Mama)
      Namaku Rio umur 16 th,anak tunggal dan masih sekolah SMK otomotif kelas 2 di Yogyakarta. Aku pendiam dan tak pandai dalam hal pergaulan, ta...
    • Kisah Nyata Antara Aku, Mama dan Kakak Erni
      Tak terasa sudah hampir setahun lebih aku menjalani hari – hari menyenangkan bersama mama. Saat itu usiaku sudah mau 17 tahun, sudah naik k...
    • Salahkah Aku Menikmati Saat Ku Di Perkosa?
      Cerita ini merupakan cerita yang terjadi antara diriku dengan seorang lelaki yang telah tega memperkosaku meskipun aku akhir nya menikmati ...
    • Mertuaku yang Baik Hati
      Artikel ini juga berisi cerita tentang : Mertuaku Puber Kedua Kejadian ini adalah sebagian dari kisah nyataku, yang terjadi setahun yang ...
    Copyright © Harapan Putra All Right Reserved
    Template by SEO Template