pushStack() is a very useful function to handle the jQuery stack. $.pushStack( elements, name, arguments ) is very handy when you need to apply a method on the array of DOM elements. Recently I was doing some experiment on pushStack to create a sortable table. You can see it in action here. The source code is self-explanatory. (In fact I’m very busy right now to explain it. lol)

Related posts:

1. jQuery vs. prototype.js I’m basically a jQuery developer. I had little knowledge about prototype.js. All I knew is jQuery is better than prototype, so I never got interested about it. However, for some reason I started a project with prototype.js and each line of code makes it clearer that which one is better. Somehow I finished the project [...]...
2. A better process to find maximum z-index within a page A jQuery approach to find the maximum z-index of an element in DOM. You'll find it helpful and handy for your complex javascript application when you need to handle the absolute positioned message windows layers or similar cases....
3. jQuery “live” event jQuery live event is a great new dynamic feature. You can assign live events to current elements in dom as well as it'll be automatically applied to newly created (future) elements. You do not need to bind the event each time after creating a new element again and again unlike bind event. It'll make your code clean and you'll get more time for dating :P...

This is a very interesting post! I was doing some experiments with CSS. Using css border properties I created arrow shapes. Hope you’ll enjoy it.

Link to the html page.

Screenshot:

Related posts:

1. CSS Equal Height Columns Pure CSS three columns equal height hack with and without background image, bottom border fix and many more. Please go through the full article for different phenomena of div based multi-columns layout with free html, jQuery, javascript, css source code and images....

Recently I coded an interesting photo gallery using jQuery. I’ve named it “jQuery Mix Photo Gallery”. I’ve included the screen-shots here.

You may have a look at the live demo here. The photo gallery is free to download. Here is the download link. You may modify it according to your need and use it in your commercial projects. Please drop a comment if you like it and suggest me how can I make it much better.

Related posts:

1. jQuery Drop down menu without setTimeout jQuery drop down menu without using setTimeout function of javascript. It uses the magic of jQuery's hover function. The magical thing happens when the hover function is called inside another hover function with first function to null. So the menu doesn't hide and so no need to use the setTimeout. It's a very smart solution in the "jQuery way"!...
2. jQuery Manual in .chm format (Update: version 1.4.2) Download jQuery Manual in a single .chm file for Free! Update: version 1.4.2 .air and html...
3. Advanced cycle plugin integration Load only the current slide of a jQuery cycle plugin slideshow. For large size images slideshow, loading all the images at once highly affects the page loading time. Here is the technique to load one image once only before starting of the next slide. It'll definitely reduce the page loading time....

You already know ajax is one-man’s-girl, no way to make it work cross-domain(not even subdomain) due to browsers’ same origin policy security restriction. But using ajax is so sleek, you can’t even resist yourself using it under different domains. There is always a way around for everything. Do I sound contradictory? Ajax is based on the XMLHttpRequest and as long as we use it we can’t do cross-domain data transfer. Let’s think something else other than ajax.

We are used to loading images, css, javascript files from other domains and it’s okay if we use any server-side dynamic link as the src, this is a common phenomena on web. For example:

<script type="text/javascript" src="http://www.other-domain.com/dynamic-js.php?id=5&name=Matt"></script>

There is no security restriction including javascript source from different domains, and fortunately enough you can pass GET variables (don’t over-expect for POST) with the url. This is how JSONP (JSON with padding) works, thanks to the open policy for <script> tag. May be you’r already thinking how to implement this idea, hold on! you don’t need to reinvent the wheel.

Here comes jQuery’s $.getJSON(), with this function you can pass url of another domain and get JSON data. Lemme warn you, for the very first time most of you won’t be able to make it work. Here is an example:

$.getJSON("http://www.other-domain.com/dynamic-js.php?id=5&name=Matt&jsoncallback=?",
function(data){
    // your code goes here
});

You need to understand this “jsoncallback=?” bit clearly. From your firebug Net panel you can see the “?” is replaced with “jsonp1277557614558″ (random value on each request).

The common mistake you’re gonna do is you expect to see something on firebug’s Console tab, but nothing there, once again JSONP is NOT Ajax request. This is merely an external javascript file being added to your document dynamically, if you don’t believe me on your firebug panel click the JS from Net tab to filter out the JS only(marked in the screen-shot above). You’ll definitely see the JSONP url there. This is the client-side part of $.getJSON(). The confusion still remains with the server-side code.

Back to “http://www.other-domain.com/dynamic-js.php?id=5&name=Matt&jsoncallback=?”, the file being called is dynamic-js.php. Put this one line of code in that file:

<?php print_r($_GET); ?>

And check the Response output from firebug’s Net tab. It’ll be something like:

Array
(
    [id] => 5
    [name] => Matt
    [jsoncallback] => jsonp1277557614558
)

In Ajax when the dataType is json the response from server-side script is just the json string:

{
	// your json data
}

Here is the most important part, unlike ajax for JSONP the $.getJSON() expects the response like:

 jsonp1277557614558({
	// your json data here
})

So you must wrap the json output with jsonp1277557614558( ). If you don’t do it the callback will fail silently without any error, which makes it tough to detect the exact problem. Remember the jsonp1277557614558 is a random string. For php the code will be something like this:

<?php
// your code here
// get the output in an array say $output_array
$jc = $_GET['jsoncallback'];
echo $jc . '(' . json_encode($output_array) . ')';
/*
// For ajax response, simply
echo json_encode($output_array);
// is enough
*/
?>

This is the most crucial thing, most programmers do the mistake for their very first time as there is no clear elaboration on $.getJSON documentation page. FYI, json_encode() function is not available on older version of php. You can get the php class from json.org.

Hope your $.getJSON() is now working! :)

Comments, criticism are most welcome.

Related posts:

1. Javascript timer – advanced features, simple to use javascript is the core of rich UI development and ajax driven website. i enjoy doing these. but in many cases, i thought things would be easier if the setTimeout(…) or setInterval(…) functions were simpler to handle. if you ever tried to make something like fadeout effect or accordion or anything that happens with a certain [...]...
2. IE6 png alpha transparency fix for dynamically loaded images via ajax Simple javascript and jQuery code for fixing the alpha transparency problem of png image on Internet explorer 6. iepngfix.htc does not work for dynamic images loaded via ajax call. But this simple code works great for dynamically loaded images....
3. How to get currently logged on windows username in PHP and Javascript Get current windows username in php and javascript! Is that possible?...

While virtually all mobile platforms now have app stores, Microsoft is taking a few cues from Apple. For instance, the software Giant said all windows Phone 7 applications in the Windows Marketplace for Mobile store must be approved by Microsoft first, as Apple requires for its App Store.

Microsoft has announced more details about Windows Phone 7 Series applications in its online store as it moves to get third-party developers excited about the new platform, but Microsoft didn’t specify which apps will be offered for the successor to the current Windows Mobile operating system, or the price ranges. But the company said its Silverlight multimedia technology will be the basis for “rich Internet application” development. Microsoft also said Windows Phone 7 supports XNA programming tools for game development.

The Windows Phone 7 Series platform was unveiled in mid-February at the World Mobile Congress.

Related posts:

1. Windows phone 7 cannot run applications written for older versions Microsoft Corp. has said its new software for smart phones, Windows Phone 7 series, is a "clean break" with the past. But Windows phone 7 cannot run any applications written for older versions of Microsoft's phone software. Windows Phone 7 Series is designed for touch screens that work well with fingers but don't work with fine styluses....
2. Microsoft is on the way to release its Office for Mac Microsoft sneak peak offer of Office for Mac will be available later this year. Microsoft has Previewed Office for Mac in San Francisco lately. It includes new connections to Microsoft services which will help users collaborate more effectively....
3. Symbian has switched to Open-source version of Software The Symbian Foundation planned to release, a large part of the software for free....

Microsoft Corp. has said its new software for smart phones, Windows Phone 7 series, is a “clean break” with the past. But Windows phone 7 cannot run any applications written for older versions of Microsoft’s phone software. Windows Phone 7 Series is designed for touch screens that work well with fingers but don’t work with fine styluses.

The news also leaves software developers with a dilemma: they can write applications for Windows Mobile 6.5, which will soon be a dead end, or they can write for Windows Phone 7, which isn’t coming out until later this year.

Phone providers compete in part by providing support for as many applications as they can, and everyone is trying to catch up the success to Apple Inc.’s App Store. Among tens of thousands of applications written for different versions of Windows, few of those applications are up to today’s standards.

Palm Inc. made a similar “clean break” last year, abandoning an operating system that was more than a decade old in favor of a completely new one. However, the new system is able to run applications written for the old one.

No related posts.

Exactly 25 years ago, computer manufacturer Symbolics, Inc. registered the first .com web domain ever: symbolics.com. In 1985, a Cambridge, Mass, company named Symbolics became the first to register a dot-com domain. By the end of the year, only five other companies had dot-com addresses, and it was nearly two years before there were a hundred.

And while the .com crash proved that a well-chosen name isn’t enough for a successful company, .coms still play a very important part of our online lives. Despite many other top-level domains available, .com is still the most coveted TLD — the one that many people still associate with the world wide web in general.

In 1997, when the Internet was start booming there were about one million dot-coms had been registered. When the first dot-com addresses were registered, no one expected it would become as pervasive in our lives as it is today. Today, there are about 80 million dot-com sites.

Related posts:

1. Zynga’s revenue has touched the sky in 2009 Zynga is the number one social gaming company on the web. Based on preliminary sales trend on virtual goods, Zynga will likely do at least $200 million in revenues this calendar year through virtual farm games only....
2. Google’s new move to buy ‘Picnik’ Google has bought online photo-editing site Picnik. It will take about three weeks to complete the deal. The firm did not disclose the cost of buying this online photo-editing site. As, five-year old start-up Settlement, 20-strong team will start working on Picasa, Google's online photo sharing service. ...

According to Samsung, iPad is lack of processing power and it doesn’t have enough connectivity options. Samsung claimed this tablet PC has more potential than an iPad. It also claimed that Slate PC will also have greater flexibility. Samsung reports that it is looking at two platforms from Intel to power the unnamed device: Atom or the Moorestown System on a Chip.

Samsung’s Emmanuele Silanesu assures that the upcoming new tablet pc will have a much stronger focus on the consumer market than the Q1. So that consumer can get an attractive device in a reasonable price.

Related posts:

1. iPad: Apple’s advanced technology in a magical and revolutionary device iPad is a whole new kind of device by Apple. Apple believes this new tablet PC will be the killer Web browsing device, the best way to read newspapers and magazines, perfect way to watch movies on the go, ruling portable gaming devices Because of its large, high-resolution LED-backlit IPS display, Multi-Touch screen, powerful Apple-designed chip....
2. Intel releases new server chips ahead of rival AMD Recently Intel Corp. has released its newest server chips ahead of its rival AMD (Advanced Micro Devices Inc.)...
3. The world’s fastest supercomputer introducing by IBM The real supercomputer Blue Waters is going to be up in 2011-2012, using IBM power7 CPUs, offering beyond petaflops, and be water cooled....

Popular mobile internet browser provider Opera has decided to remove beta tag from its latest mobile browsers Opera mini 5 and Opera mobile 10. The beta version of Opera Mini 5 and Opera mobile 10 have been used for several months. From now the two popular mobile web browsers like Opera Mini 5 and Opera mobile 10 are available in stable version.

Opera mini 5 beta has brought many expansions including tabs options, and speed dial option. Opera Mobile 10 beta also have some improvements like tabs and speed dial (probably being the most important). This expansions have made its (Opera mini 5 and Opera mobile 10) predecessor pale in comparison.

Compared to the betas, Opera Mini 5 and Opera Mobile 10 don’t bring any new feature.

Related posts:

1. Opera 10.51, the fastest Web browser ever! Opera recently released Opera 10.51. Opera claims this as the fastest Web browser thus-far produced for Windows computers....
2. MOG Mobile Music Service for $10/month MOG announced the launch impending mobile application for iPhone and Android mobile in the early second quarter of this year....
3. Google Chrome for Mac and Linux operating system now on air Google Chrome for Mac and Linux operating system is now on air. Also Google Chrome Extensions are available in beta format....

MOG announced the launch impending mobile application for iPhone and Android mobile in the early second quarter of this year. It will require a fee cost $10 per month including on-demand desktop streaming. This fee is $5 lower than undercuts competitor Rhapsody’s Rhapsody $15/month fee.

Back in December, the MP3 blog network launched its all-you-can-eat music-streaming service, offering on-demand listening to its seven million song library from a web browser for $5 per month.

The mobile version of the All Access service includes the ability to download tracks to a local cache on listening device. An “HQ Audio” option allows users to opt for a higher audio quality download in exchange for the tradeoff of larger file sizes.

MOG has just raised $9.5 million funding for tune. This funding is backed by Universal Music Group and Sony Music.

Related posts:

1. Opera has decided to promote Opera Mini 5 and Opera Mobile 10 to stable versions Popular mobile internet browser provider Opera has decided to remove beta tag from its latest mobile browsers Opera mini 5 and Opera mobile 10. The beta version of Opera Mini 5 and Opera mobile 10 have been used for several months. From now the two popular mobile web browsers like Opera Mini 5 and Opera mobile 10 are available in stable version. ...
2. Zynga’s revenue has touched the sky in 2009 Zynga is the number one social gaming company on the web. Based on preliminary sales trend on virtual goods, Zynga will likely do at least $200 million in revenues this calendar year through virtual farm games only....
3. Google’s new move to buy ‘Picnik’ Google has bought online photo-editing site Picnik. It will take about three weeks to complete the deal. The firm did not disclose the cost of buying this online photo-editing site. As, five-year old start-up Settlement, 20-strong team will start working on Picasa, Google's online photo sharing service. ...