JQuery HowTo

Add jQuery to your Greasemonkey script

2011-08-05T06:07:00.001-07:00

Greasemonkey is a Firefox add-on that lets you run JavaScript on web pages you specify. Using Greasemonkey you can improve and change the way websites look and behave (see examples of what is possible here). To learn more about it see it's official site, to learn how to include and write your own custom scripts (aka "user scripts") visit coder's manual. Usually Greasemonkey scripts work with the

HTML: The difference between attribute and property

2011-06-13T04:37:00.001-07:00

In this short post I will explain the difference between attributes and properties in HTML. The .prop() function introduced in jQuery 1.6 raised a lot of questions about the difference and I hope this post will help you to understand it. What is an attribute? Attributes carry additional information about an HTML element and come in name=”value” pairs. Example: <div class=”my-class”></div>. Here

Check if a language file is loaded for jQuery Globalization plugin

2010-10-15T13:23:00.001-07:00

Recently, I wrote my first jQuery Globalization plugin introductory post. I mentioned that I will write a tutorial for Globalization plugin and I am. While writing the tutorial I thought I’ll write one of my short Friday jQuery tips. In this post you will learn how to check if a specific jQuery Globalization plugin language file is loaded or not. Globalization plugin saves localization data and

JavaScript to detect iPad visitors

2010-10-06T13:15:00.001-07:00

This post gives you a short JavaScript function to detect your iPad users. Without any further ado, a javascript code to detect iPad users: function isiPad(){ return (navigator.platform.indexOf("iPad") != -1); } You can also detect browser version and some other stuff by parsing user agent string. Here is an iPad Safari’s user agent string for your reference: Mozilla/5.0 (iPad; U; CPU OS 3

jQuery Globalization plugin — jquery.glob.js

2010-10-05T15:17:00.001-07:00

This is the first post of a series that are dedicated to jQuery’s new Microsoft contributed Globalization plugin or shortly jquery.glob.js. In this first post I will try to cover the very basics like library licensing, “the good & the bad” and some thoughts on how it could be improved (IMO). I will be post some jQuery globalization plugin tutorials in coming days, so bare with me. Before we

Russian CDN for jQuery

2010-09-25T10:19:00.001-07:00

I recently discovered that the biggest Russian search engine Yandex (yeah, it’s bigger than Google in Russia) is using jQuery on its home page. It also hosts all previous jQuery versions on it’s fast gzip enabled servers just like Google and MIcrosoft do. Because most of the Russian internet users have visited Yandex already, they already have it in their browser cache. I also did route tracing

iPhone / iPod detection using jQuery & JavaScript

2010-09-24T10:36:00.000-07:00

In this post you will learn how to detect iPhone/iPod using javascript/jQuery, redirect your iPhone users to mobile version of your site using javascript and alternative and better way to redirect your visitors using server-side PHP code snippet. The latest buzz around jQuery is upcoming jQuery mobile – support for mobile devices. Current jQuery core work fine on iPhone and iPod touch browsers

jQuery mobile source code

2010-09-22T10:30:00.001-07:00

If you want to download jQuery Mobile source code and look into it just like everybody else, we are all out of luck :( As I mentioned in my previous post jQuery mobile facts, the source code will be available in October this year. The jQuery Mobile source will not be in a separate jquery.mobile.js file. It will be right in the jQuery core. This means that jQuery team is fixing and improving

jQuery & Cookies (get/set/delete & a plugin)

2010-09-21T15:04:00.001-07:00

In this post I would like to share javascript functions that will help you easily get, set, delete and basically manage your cookies. Also, link to jQuery Cookie plugin, it’s improved version with more functions and of course easy to read and short examples on how to use these functions. I will try to keep this post short and will not explain what cookies are and how to eat them. There are

jQuery Mobile

2010-08-29T09:38:00.001-07:00

jQuery Mobile is an attempt to create a javascript framework that would work on all major mobile browsers. In this post I will try to lay down all the facts that I could find about jQuery Mobile, so that you are up to date. jQuery team has mentioned that they were planning and started to work on jQuery for Mobile devices when they announced jQuery 1.4. John Resig said that they already had

jQuery.live() – event binding to AJAX loaded elements

2010-08-11T10:33:00.001-07:00

jQuery.live() function was introduced in jQuery version 1.3. It makes it easy to dynamically bind events to DOM elements that have not yet been created. In other words, it helps you to easily attach events to AJAX loaded elements that match your criteria. NOTE: If for some reason you are using old versions of jQuery, prior to 1.3, you will need to use event delegation or another method as

How to check loaded jQuery UI version?

2010-07-12T00:10:00.001-07:00

In this post I will show how to check currently loaded jQuery UI version on the page. Unlike checking loaded jQuery version ( $().jquery ), checking jQuery UI version is a bit different. Checking currently loaded jQuery UI version on the page: // Returns jQuery UI version (ex: 1.8.2) or undefined $.ui.version // Alternatively jQuery.ui.version You would most probably use it in the if

jQuery YouTube plugin demo

2010-04-19T05:51:00.001-07:00

Long overdue demo for my jQuery YouTube plugin – jYouTube is now available here. The plugin can fetch and get you any YouTube video’s screenshot or thumbnail by its URL or video id. Here is an example: // Getting video screenshot by YouTube video ID $.jYoutube('rSUfWXcNAOw'); // Returns video thumbnail by YouTube video URL $.jYoutube('http://www.youtube.com/watch?v=rSUfWXcNAOw', 'small'); By

jQuery Twitter plugin update

2010-02-28T06:10:00.001-08:00

A lot of users requested a demo for my jQuery Twitter plugin. It has been a while since I updated the plugin, so I downloaded the latest version and while looking thought the code found couple of bugs. So, here comes updated and fixed jQuery Tweeter plugin - jTwitter 1.1.1. In this release, I fixed a little bug that would not allow you request Tweets without number of posts like this: //

jQuery code / syntax guidelines

2010-02-18T12:06:00.001-08:00

We all write our own jQuery code and since creating custom jQuery plugins is so easy, we all create our own jQuery plugins. And all of us have our own code syntax preferences. For example: function myFunction() { ... } // some prefere it like this function myFunction() { ... } If you want to publish your jQuery plugins following jQuery core code writing guidelines is a good idea. This

Dynamically create iframe with jQuery

2010-02-13T10:19:00.001-08:00

This article explains and shows how to dynamically create an iframe in your HTML document’s DOM using jQuery and/or JavaScript. It also gives you an example code. This post is not extensive explanation of how to manage and work with iframes using jQuery. This post simply shows you how to dynamically create iframes using jQuery and JavaScript and serves as a note. Creating iframe is similar to

jQuery 1.4 Released

2010-01-14T06:49:00.001-08:00

After a long break on the blog, I am back on the release date of jQuery version 1.4! Today is jQuery’s birthday and what can be a better present than a new version release? As I tweeted previously jQuery 1.4 has a lot to offer: better iframe support, flexible events (this in particular), etc. If you have not been keeping up to date with jQuery 1.4 features John Resig will announce 1.4 release

Cross-domain RSS to JSON converter [jQuery plugin]

2009-11-06T08:13:00.001-08:00

No doubt that Web2.0 is one of the best things that happened in our lifetime (besides the internet itself). When we mention Web2.0 first things that come into our minds are AJAX, rounded corners, clean and light layouts and of course RSS feeds. Nowadays, you either provide an RSS feed or consume it in your web app using AJAX/JavaScript. The only bad thing is that you can not request cross-site

Create callback functions for your jQuery plugins & extensions

2009-11-03T07:54:00.000-08:00

Most of the time custom jQuery plugins and extensions that we create do not use a callback functions. They usually simply work on DOM elements or do some calculations. But there are cases when we need to define our own custom callback functions for our plugins. And this is especially true when our plugins utilize AJAX querying. Let’s say our custom jQuery extension gets data by making some

jQuery Twitter plugin update – jTwitter 1.1

2009-11-01T23:08:00.001-08:00

Some time ago I created jQuery Twitter plugin – jTwitter. Plugin lets you get data about any Twitter user, such as user’s bio, profile image, homepage URL, background image URL, following count, followers count, messages count, etc. without any Twitter API key. It is very useful to attach additional Twitter data to your site’s user profiles, etc. However, it was not very handy for creating your

JavaScript / jQuery password generator

2009-10-20T06:37:00.001-07:00

This month, October, is a National Cyber Security Awareness Month. The aim is to increase cyber and internet security awareness among surfers. Google and others are joining the move. So I thought I would write a post regarding internet security to add my 2 cents. In this post you will find JavaScript function that generates random passwords of any length as well as jQuery version. JavaScript

Host jQuery on Microsoft CDN servers

2009-09-17T23:05:00.001-07:00

After Microsoft decided to ship and use jQuery library for its JavaScript needs in Visual Studio, hosting jQuery on Microsoft CDN servers is actually a logical and good decision. Yes, some of us might argue that Google already hosts jQuery, but Microsoft can not recommend to use its competitor’s services, can it?! :) Anyway, intention of this post is not to discuss why Microsoft introduced its

Get URL parameters & values with jQuery

2009-09-16T00:59:00.001-07:00

In this post, I would like to share a little jQuery code snippet that makes getting URL parameters and their values more convenient. Recently, while working on one of my projects, I needed to read and get parameter values from URL string of the current page that was constructed and sent by PHP script. I came across this short and sweet JavaScript code snippet by Roshambo that does just that. //

QR Code (generator) plugin for jQuery & JavaScript

2009-08-11T02:43:00.001-07:00

I recently came across a 2 dimensional barcode called QR Code. QR code’s are popular in Japan and they are mainly used there to quickly get to some website on their mobiles by simply taking a picture of the QR code. You may read more about QR codes on Wikipedia. Here is an example of QR code for jQuery HowTo blog: If you have a QR code reader on your mobile take a picture of it and it will

Can't set / change CSS background image with jQuery problem solution

2009-08-04T00:36:00.001-07:00

Hello everyone. I’ve been busy lately with some projects and could not write much on “jQuery HowTo” blog. So, when I came across this little problem, I thought I would share it with you. Anyway, I was working on one of my projects and I needed to set a background image using jQuery on some div. At first my background setting code looked like this: $('#myDiv').css('background-image', '