Postingan

Menampilkan postingan dari November, 2012

Kotak Penelusuran Blogger dengan Ajax JQuery

Gambar
Kotak Penelusuran Blogger dengan Ajax JQuery Beberapa waktu yang lalu Saya pernah menuliskan cara menampilkan hasil penelusuran dengan JSON Blogger tanpa harus berpindah dari halaman awal menuju halaman hasil penelusuran dengan JavaScript (Anda bisa membacanya di sini ). Melalui JQuery $.ajax() kita bisa meniadakan penyisipan script callback dan langsung memanggil JSON dengan cara seperti ini: $('#search-form').on("submit", function() { $.ajax({ url: '../feeds/posts/summary?alt=json-in-script&q= KATA_KUNCI ', type: 'get', dataType: 'jsonp', success: function(json) { ... } }); }); Sehingga jika dijabarkan akan menjadi seperti ini: HTML Formulir <form action="/search" id="ajax-search-form"> <input type="text" name="q"> <input type="submit" value="Search"> </form> JQuery (function($) { v
Posting Komentar
Baca selengkapnya

Memperbaharui Pemuatan JSON berdasarkan Event Scroll

Gambar
Sebuah kumpulan data dalam daftar akan menampilkan indikator sedang memuat dan akan memulai pemuatan data baru saat jarak gulungan telah mencapai titik maksimal Metode ini masih sama dengan metode-metode penundaan pemuatan JSON yang biasa Saya lakukan untuk widget-widget Saya yaitu dengan cara menyisipkan script callback secara tidak langsung ke dalam area <head> dengan ID tertentu. Kemudian, jika Saya ingin memperbaharui muatan JSON yang sudah ada, Saya tinggal menyingkirkan script callback yang lama kemudian menggantinya dengan duplikat baru dengan parameter yang sudah diperbaharui. Bayangkan saja bahwa sudah terdapat sebuah script callback dengan ID foo di dalam area <head> seperti ini: ... ... <script id="foo" src="../feeds/posts/summary?alt=json-in-script&callback=functionName" type="text/javascript"></script> </head> Kemudian Saya akan menyingkirkannya dengan cara menangkap ID elemen tersebut sebagai awalan un
Posting Komentar
Baca selengkapnya

Widget Recent Comment dengan Sistem Notifikasi

Gambar
Pembaharuan 22 April 2013: Mengintegrasikan widget dengan cookies , menambahkan opsi summary dan menyingkirkan opsi tt_id . Widget ini bukan widget recent comment biasa yang biasanya Anda temukan di blog-blog lain, karena widget ini memiliki kemampuan untuk memberitahu kepada administrator bahwa terdapat komentar baru yang telah masuk. Demonya bisa Anda lihat di sini, namun efeknya hanya akan terlihat apabila terdapat (paling tidak) satu komentar baru yang masuk di blog ini: Lihat Demo Unduh JavaScript Untuk memasang widget ini, pertama-tama tambahkan sebuah elemen halaman HTML/JavaScript . Salin kode ini kemudian letakkan di dalam formulirnya: <style type="text/css" scoped="scoped"> .cm-outer { margin:0 auto; padding:0 0; font:normal normal 11px Arial,Sans-Serif; border:1px solid; border-top:none; } .cm-outer li { margin:0 0; padding:7px 10px 12px; list-style:none; clear:both; border-top:1px solid; } .cm-outer .cm-header {margin:0 0 5p
Posting Komentar
Baca selengkapnya

XHTML Blogger, Item Kontrol

Tombol Edit Cepat Posting Biasanya berbentuk gambar/ikon pensil dan terletak di dalam footer posting: <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='&quot;item-control &quot; + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src=' http://img2.blogblog.com/img/icon18_edit_allbkg.gif ' width='18'/> </a> </span> </b:if> </b:includable> Data Keterangan Tampilan/Contoh Tampilan data:post.editUrl Elemen ini akan menghasilkan URL pengeditan posting http://www.blogger.com/post-edit.g?blogID=489094982896596XXXX&postID=622513084927827XXXX&from=pencil data:top.editPostMsg Elemen ini akan menghasilkan deskripsi/pesan tautan pengeditan posting Edit Entri data:post.adminClass Ele
Posting Komentar
Baca selengkapnya

How to Fix the Typical "My PHP Script Does Not Work" Problem

Gambar
A PHP script that "does not work" because of an error will emit error messages such as "use of undefined variable", "an error in MySQL query", "permission denied", "parse error", etc. If you do not see an error when you should, it could mean that PHP is configured to suppress errors; a common practice in production environments. Developers who use AMP stacks unknowingly have PHP setup this way, and when they run into "does not work" problems and see no errors, they start asking silly questions. The environment in which you develop code must be setup differently. Here is what you need to do in order to make PHP more verbose about errors. display_errors = On The most common reason for not seeing an error is that that the display_errors » setting is off. Set its value to on so that the PHP displays the errors as part of the output. error_reporting = E_ALL | E_STRICT The error_reporting » setting determines the type of
Posting Komentar
Baca selengkapnya