Posts Tagged ‘jquery’

vBulletin forum thread preview, a userscript – GreaseMonkey script

// January 15th, 2010 // 13 Comments » // Programming

Userscript Logo

Baru baru ini aku buat script userscript untuk melihat thread forum vBulletin tanpa membuka thread itu sendiri.

Semula, script ini aku buat untuk forum terbesar di Indonesia kaskus. Hanya saja, teknisnya script ini jalan di semua forum vBulletin.  Seharusnya…

Script ini dibuat dengan bantuan framework jQuery. Script jQuery akan diambil dari Google repository. Jika anda punya webserver lokal, anda dapat mempointingkannya ke lokal, agar load makin cepat, untuk caranya, edit scriptnya.

Perlu diketahui, loading script jquery hanya dilakukan pada saat page load, bukan pada saat membuka thread.

Oya, satu lagi, ini adalah script greasemonkey, bukan module atau addons vBulletin

Tentang Userscript.org

Apa itu userscript? userscript adalah script javascript (ECMAscript) yang dibuat oleh user, bukan oleh pemilik website, bukan oleh developer website dan di injectkan dengan tools tertentu ke website tujuan.

Tools ini berbeda-beda tiap browser, fiturnya juga berbeda. Untuk Firefox ada GreaseMonkey, Google Chrome ada GreaseMetal, untuk Safari ada GreaseKit dll. Oleh karena itu, script yang aku buat ni hanya untuk Greasemonkey dan Mozilla Firefox browser. Jika anda ingin mencoba di browser lain, silakan, hanya saja saya tidak bisa menjamin akan jalan, wkwkkwkw…

Fungsi:

Untuk melihat isi dari thread tanpa harus membuka halaman. Dan reply langsung ke thread tersebut. Thread akan diload, menggunakan AJAX.

(more…)

Simple WordPress AJAX shoutbox

// June 19th, 2009 // 217 Comments » // Programming

Shoutbox

Shoutbox

Hi , i have just create a WordPress AJAX shoutbox.

Im using jQuery Framework for this plugin, althought it using compatibility mode, im not very sure it will compatible with your other plugin that uses other javascript framework.

So what is really good about this shoutbox?

  • Simple design. Does’nt have graphics, colors, etc. So it definetely fit into your templates.
  • AJAX technology. Visitor doesnt have to refresh page to post into shoutbox.

(more…)

jQuery causing error on WordPress 2.8

// June 17th, 2009 // 1 Comment » // Programming, Uncategorized

jquery causing error on wordpress 2.8

jQuery framework

I have just upgrade my blog’s WordPress to WordPress 2.8, the newest one. After a couple of days i’ve just noticed that the javascript does’nt working accordingly. Not all javascript but just several, plain old javascipt and jquery.

When i check using firebug found that google ANALityc is giving error. Re-paste it again with new code does’nt work.
Being too lazy to check all javascript code on my site, i just replace jquery 1.3.1 with the old one, jquery 1.2.6 (i think) and it works! No error and all script working as they should.

I check jquery 1.3.2 theres Sizzle CSS Selector. what this for? i dont think wordpress using it.
Have you check your blog?

Jquery framework for dummies

// May 22nd, 2009 // No Comments » // Design, Programming

So you’ve heard of this wonderful JavaScript library called jQuery. What exactly is jQuery?

How can I make my life easier as a developer? How do I start? Well, writing Javascript jQuery is fun again and you can really enjoy some of the most difficult aspects of Javascript with relative ease. Today we take a look at how to start with jQuery and writing your first script!

What is jQuery?

jQuery is a lightweight Javascript library (some call it a framework), which makes most of the headaches from writing pure Javascript in your applications. It has many powerful features, some of which include: easily through the DOM, adding animations and effects to elements slick, and super simple Ajax techniques and methods. Perhaps the homepage of  jQuery described more precisely:

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animation, and Ajax interactions for rapid web development. jQuery is designed to change the way you write JavaScript.

How do I start?

The first thing you need to do to start with jQuery jQuery is to visit the home page and download the latest version of jQuery. Once you’ve downloaded the jQuery library, just load the library to your server and link to the <head> section of your document, as shown in the code below.

<script type="text/javascript" src="/jquery.js"></script>

In addition, you can let google host your jQuery code for you, which can result in faster loading times for the end user, especially if the version of jQuery is already cached by their browser. To learn more about letting google host your code, visit the Google Ajax libraries.

(more…)