tag:blogger.com,1999:blog-82473671606764795102026-01-26T11:31:40.123-08:00Short and "to the point" jQuery & JavaScript related posts for your daily pleasure.Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.comBlogger121125tag:blogger.com,1999:blog-8247367160676479510.post-90631211807356383472013-09-23T10:00:00.000-07:002013-09-23T12:06:16.589-07:00

The web has changed and with it the way we develop websites. Today, the web is becoming a place where we develop web apps, rather than websites. We use third party API's to create our next mashups. So knowing how to make a cross-site AJAX request or requests that do not comply with the same origin policy is a must. In this article, you will learn 4 cross-site AJAX request methods (plus 4 bonus

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-91964010707028932312013-09-03T07:35:00.002-07:002013-09-03T07:35:47.079-07:00

Anyone who used jQuery, starts with a CSS selector to either attach an event or apply some DOM manipulation. The power of jQuery lies in it’s CSS selector. One of the reasons why jQuery become so popular is probably in the concept shift it made to front-end development. Instead of starting your code with javascript function definitions, you start with DOM element selection and straight to your

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-72539114899516439962013-09-02T06:29:00.000-07:002013-09-02T06:29:05.553-07:00

In this post you will learn how to add a table column with a row count in it. If you are looking for "how to add a new table row", please refer to previous post. Recently, a user on the jQuery mailing list asked how she could automatically add a table row counter into her table. She wanted to add a new column to her table and display the row number, so that her users could refer to row numbers

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-68923675295645128252013-09-01T12:21:00.000-07:002013-09-01T12:21:45.906-07:00

In this post, we will go through some of the features of JavaScript's Arrays. I thought this would be a good place to come back time to time and refresh my memory about special cases and notes I've collected on Arrays in Javascript. Without futher ado, 5 notes on JavaScript Arrays. 1. Arrays are Objects in JavaScript Arrays are Objects in JavaScript. Let me repeat it one more time: "Arrays are

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-85893859423302431202013-08-30T23:30:00.000-07:002013-08-30T23:30:58.443-07:00

This post describes how to get & set element’s attributes. Using jQuery you can get/set any attributes like id, class, style, name, title, etc. on any tag (<div>, <span>, <p>, etc.). This can be done using jQuery's .attr() and .prop() methods. If you are using jQuery version earlier than 1.6, then you have .attr() only. The two methods are named accordingly to work with

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-58489744821838498562013-08-17T02:46:00.000-07:002013-08-17T02:46:41.661-07:00

This post shows you how to reset HTML form using jQuery. Also, in the notes section below, you will find a list of special cases and things to keep in mind while resetting form. Please note that this post discusses 2 cases of resetting a form: Resetting form values to their default/initial values (similar to clicking on form "reset" button); Clearing form values (clearing form values, no

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-40258777188410961122013-02-18T00:34:00.000-08:002013-02-18T10:10:27.098-08:00

This post covers all about jQuery’s .type() method. You will learn what it does, see its’ usage examples and understand the difference between jQuery’s .type() and JavaScripts’ typeof operator. Without further ado, let’s find an answer to the following question. What does $.type() do? jQuery.type() method returns internal JavaScript class name of the passed argument. jQuery.type(1) // &

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-88270725825933324832013-02-15T01:31:00.000-08:002013-02-15T01:31:45.738-08:00

This weeks humor post is about dropping IE 6, 7 and 8 support in the next jQuery 2.0 version. One of the advantages of using jQuery is to get on with your app logic and not worry about the cross-browser scripting issues. I don't think anyone would trade their website's IE support for a digit in their jquery.js file. Would you?

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-10665082053536628782013-02-14T05:40:00.001-08:002013-02-14T05:40:57.069-08:00

In this post, we will talk about JavaScript’s typeof operator. We will start with its’ purpose. Then discuss its’ flaws and finally see when should you use it. typeof's usage doesn’t happen to match its’ initial purpose. What is typeof? The typeof operator is used to identify the type of an object. It always returns a String value, so you should always compare return value to a string. //

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-68091980277657463652013-02-07T09:01:00.002-08:002013-02-07T09:01:45.600-08:00

This post will explain the root cause of the Reference Error in your browser’s console log. Also, list most common cases with examples and solutions. Without any further ado, lets see what a reference error is. This is a common JavaScript error that says: you are trying to access a variable or call a function that has not been defined yet. Reproducing the error: // VARIABLES foo; //

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-26408631276631553712013-02-06T05:01:00.000-08:002013-02-06T05:01:14.082-08:00

Testing if certain checkbox is checked using jQuery is pretty simple task. But I, just like many other developers, keep forgetting the exact syntax. So I decided to carry on a little research on the subject and gather all related information including small caveats and write this article for the future reference. This post covers 4 methods to check if checkbox is checked. All methods especially

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-61378540729834239552013-01-28T12:13:00.000-08:002013-01-28T12:13:15.145-08:00

jQuery's .end() method is one of the most rarely used methods that I know of. In this post I would like share remind you what it does and how we can use it to make our jQuery code more readable. Firstly, what does it do? Put simply .end() cancels the last filtering action and returns a set like it was before the filtering was applied. It's best explained with an example. Consider we have this

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-56590127483886394632013-01-25T13:10:00.001-08:002013-01-25T21:38:46.126-08:00

Covering your JavaScript and jQuery code with tests isn't that popular today. Don't you think?

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-61735759660071797652013-01-22T09:59:00.000-08:002013-01-22T10:13:44.178-08:00

This post shows you how to bind JavaScript functions that will fire when user navigates away from your page, closes browser or a tab. Browsers have native JavaScript events on window object: unload and beforeunload. beforeunload is a proprietary event introduced by Microsoft and supported by other browsers, but not all. Please note, these events will be fired when user navigates away from the

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-77209369104988155112013-01-18T11:28:00.001-08:002013-01-25T11:20:17.431-08:00

Sometimes, including JavaScript library is an overkill. Example: just to get focus on form field. But sometimes, persisting on writing your own javascript library for a task that is solved by an existing framework is double overkill. And this Fridays humor post is just about that... ) NOTE: I am not against developers creating new stuff and challenging existing norms, on the very contrary.

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com1tag:blogger.com,1999:blog-8247367160676479510.post-16283509816512794182013-01-15T11:49:00.001-08:002013-01-15T12:19:29.534-08:00

There have been many method additions and deprecations in the last jQuery releases, but never so many changes that remove previous deprecations and make backward incompatible changes in a single release. Final release of jQuery 1.9 will be announced today. This article will help you get an overview of what’s changing and how to get prepared. So lets review these changes. 1) $.browser is no

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-19325090554195188072013-01-14T10:00:00.000-08:002013-01-14T10:00:09.110-08:00

This is not a catchy post title or usual marketing trick. 2 hours is actually how long it would take to learn QUnit for an average developer (provided you are familiar with JavaScript and web dev basics of course). Well, that's how long it took me to learn. I read the docs (very short and concise), read QUnit tests of some popular jQuery plugins, wrote some tests of my own, and all these got me

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-51628964692481589492013-01-12T11:00:00.000-08:002013-01-16T12:34:11.408-08:00

This week's "Friday jQuery humor" post is a bit late. Anyway, let's see how tough are you?

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-32231636254915877822013-01-06T23:15:00.000-08:002013-01-08T04:36:39.961-08:00

As it was described in our previous post “How to prepare your plugin for the new jQuery plugins site” you will need to add a manifest file if you want your plugin to appear on the new jQuery plugins site. In this post we will cover everything you need to know about the manifest file, how to format it and where to put it. What is a jQuery plugin manifest file? It is a JSON file (not JavaScript

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-73087594323632338482013-01-04T14:38:00.001-08:002013-01-11T12:57:00.279-08:00

I thought I’d spice thing up a bit with some humour related to jQuery and JavaScript from my experience. With the new work and responsibilities, this kind of “surprise” happened to me more than once :) If you like it, please share. Depending on the interest, this might become more periodic thing.

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com1tag:blogger.com,1999:blog-8247367160676479510.post-65926936172780054652013-01-04T11:48:00.001-08:002013-02-02T04:43:55.055-08:00

It’s been over a year since the unfortunate event that whipped out the plugins.jquery.com site’s database. But sometimes unfortunate events lead to better things and that’s the case with the Plugins site. Instead of trying to reinvent the wheel and create a website equally useful for plugin users and plugin developers (while fighting spam, maintaining the servers, etc.), the team decided to

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-382863223794577022013-01-03T07:25:00.001-08:002013-01-03T07:30:42.035-08:00

Happy New Year everyone! I would like to give you a heads up with the news that the blog will become “live” again with more regular and interesting posts around jQuery and JavaScript. For the last couple of years I have been involved in a very fast growing start-up with a vibrant developers team. I have learned a lot during this period, so I decided to also cover topics about maintaining

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-78382546845563823262012-12-23T16:30:00.000-08:002013-01-23T04:31:48.717-08:00

This is a common error in Firefox. It is logged in console when you try to call on non existent DOM API method. Seeing this error message is very common with methods call to alert(), confirm(), drawImage() (canvas) and window.open(). You may think "how those methods could be 'non-existent'?", since they are standard APIs of the window object. Well, that's true, they can't, but consider the case

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-15638377006462862162012-12-10T10:30:00.000-08:002013-01-29T06:34:45.313-08:00

In this post I will show how to dynamically change document's title using JavaScript and jQuery. Browsing the web (and StackOverflow) I saw a lot of posts that say you can't do it using jQuery. Actually, there is a jQuery syntax that is basically a wrapper for javascript code (see below). Note: just to clarify, by document title we mean the text that is displayed in the browser window or a tab.

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0tag:blogger.com,1999:blog-8247367160676479510.post-78184886915783153062012-11-09T01:19:00.000-08:002013-02-02T01:58:30.091-08:00

In this post I would like to explain the difference between double (==) and triple (===) equals in JavaScript/jQuery. A quick and short explanation is that == does type coercion (conversion) before checking for equality; and === does strict equation which requires values to have the same type as well. Here is what it means: 0 == false // true 0 === false // false, because they have

Uzbekjonhttp://www.blogger.com/profile/05106688925204046678noreply@blogger.com0