Polyfill untuk JSON.parse ini hanya berkas salinan yang saya tulis disini Sumber : https://gist.github.com/cloudxero/2369301 Mengenai apa itu Polyfill, silahkan kunjungi tautan berikut Polyfill (programming) ( function ( a, b ) { typeof define == "function" && define.amd ? define( "json" , [ "exports" ], b) : b( typeof exports == "object" && exports || this .JSON || ( this .JSON = {})) })( this , function ( a ) { var b = {}.toString, c = {}.hasOwnProperty, d, e, f; return e = typeof a.stringify == "function" , f = typeof a.parse == "function" , function ( ) { var c = '{"result":[1,true,false,null,"\\u0000\\b\\n\\f\\r\\t"]}' , d, g, h; if (e) { d = function ( ) { return 1 }, d.toJSON = d; try { ...

Baca selengkapnya

Cara Memuat jQuery.js dengan metode Async dan Defer Tutorial kali ini adalah tentang bagaimana cara menulis jquery kode secara inline, tapi librari jquery nya dimuat secara Asynchronous dan Deferred (Asinkron dan Ditangguhkan). Table of contents Cara Memuat jQuery.js dengan metode Async dan Defer Apa itu jQuery Kenapa menggunakan jQuery Cara Penulisan Library jQuery dengan Async dan Defer Cara menuliskan Library jQuery Cara penulisan kode jQuery pada secara inline pada Halaman HTML Contoh Lengkap Apa itu jQuery jQuery adalah pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML. Dewasa ini, jQuery merupakan pustaka JavaScript yang paling po...

Baca selengkapnya

Triksonic - Tutorial kali ini adalah tutorial ringan dengan tema bahasan Toggle ClassName. Walaupun tutorial sejenis sudah banyak yang membahas, tidak salahnya juga, jika saya membahasnya lagi diblog ini, hitung hitung menambah perbendaharaan pengetahuan tentang javascript. JavaScript function toggleClass ( selectorID,newClass ) { var selector = document .getElementById(selectorID); //metode classList if (selector.classList) selector.classList.toggle(newClass); else { //jika tidak support classList var splitClass = selector.className.split( " " ), i = splitClass.indexOf(newClass);i>= 0 ?splitClass.splice(i, 1 ):splitClass.push(newClass), selector.className=splitClass.join( " " ) } } HTML Example < button onclick = 'toggleClass(" demo "," red ");' > Toggle Class </ button > < div class = 'boxs' id = 'demo' > </ div > Penjelasa...

Baca selengkapnya

Cara memasang widget artikel terbaru berdasarkan label di blogger - kali ini TrikSonic akan share tutorial cara membuat atau memasang widget artikel terbaru berdasarkan label. Tutorial yang saya bagikan kali ini hanya menampilkan judul artikel saja tanpa gambar atau image, jadi akan mengurangi beban pada saat loading page. Javascript dan html : Copy dan pastekan kode berikut pada template atau widget html/javascript, disesuikan dengan keperluan < div id = "artikel-terbaru" > < ol > < script > var jumlahnewpost = 5 ; //jumlah post yang ingin ditampilkan var create = true ; </ script > < script > //<![CDATA[ function showrecentposts ( e ) { for ( var t = 0 ; t < jumlahnewpost; t++) { var r, n = e.feed.entry[t], i = n.title.$t; if (t == e.feed.entry.length) break ; for ( var l = 0 ; l < n.link.length; l++) if ( "alternate" == n.link[l].rel) { ...

Baca selengkapnya

Cara membuat seleksi teks otomatis dengan metode double click - kali ini kita akan mempelajari tutorial tentang bagaimana membuat seleksi teks otomatis. Tutorial kali ini kita akan menggunakan cara metode double click atau klik dua kali pada teks yang sudah disetting sebelumnya. Metode seleksi teks otomatis pada tutorial kali ini penggunaannya menggunakan javascript. Mengapa menggunakan double click atau klik 2 kali, karena dengan menggunakan cara ini akan memudahkan user atau pengunjung/pembaca artikel dalam melakukan seleksi sebuah teks. Kenapa tidak menggunakan one click atau satu kali klik, karena tidak semua pembaca artikel suka dengan metode satu kali klik otomatis terseleksi, misal anda pengunjung blog hanya ingin menyeleksi bagian bagian tertentu saja pada teks atau code yang anda buat Contoh 1 Javascript Kode var TargetSeleksi = document .querySelectorAll( "pre,blockquote,i,code" ); for ( var i = 0 ; i < TargetSeleksi.length; i++) { TargetSelek...

Baca selengkapnya

Tutorial Cara Membuat Pop-Up Search Box Membuat Pop-Up Search Box - kali ini kita akan belajar bagaimana cara membuat Pop-Up untuk kotak pencarian atau biasa disebut Search Box. Tutorial kali ini menampilkan Search Box dengan metode Klik fungsi pada element Nah dapat dilihat pada contoh gambar diatas, kurang lebih seperti itulah hasil tutorial kali ini. Oke langsung pada inti cara membuat Pop-Up kotak pencarian. HTML < span id = 'btn_seacrh' onclick = 'open_search();' > KLIK AKU </ span > < div class = 'conteainer-search' id = 'conteainer-search' > < div class = 'position_mode_form' id = 'position_mode_form' > < span id = 'search_close' onclick = 'close_search();' > X </ span > < form action = '/search' id = 'search-form' method = 'get' > < input class = 'input_text_search' id = 'input_text_sear...

Baca selengkapnya