There are times when people resort to server side code instead of keeping code on client side to skip through voluminous JavaScript code and the additional technical logic that needs to be maintained.
One such scenario is when the JSON data for certain UI-related logic has to come from a different site. Due to http://en.wikipedia.org/wiki/Same_origin_policy restriction, this might not be possible with straight JavaScript. Here, the most favorite workaround is either to set up a proxy on the server side which calls the cross domain data and then use it on the client side, or move the handling of the logic complete to the server side. This is fine for certain not-so-popular sites with limited APIs. But not for Web 2.0-aware sites, especially for almost all of the social networking sites.
Why so? This is because, most of these sites offer a callback functionality whenever a URL is invoked requesting the data. While this would not make any difference for a browser to bypass the Same Origin Policy restriction, this could be utilized to a developer’s advantage. The callback-enabled URLs wraps the JSON data with a function. For example, consider this JSON data:
[
{
name:"Krupa",
age:20,
department:"IT"
}
]
Read more…
This is nice post from Sam who has come up with idea of using jquery to track user’s abandonment for any website when have to fill out a form. Web site owners who have forms would have experienced this sometime or another of user’s quitting when it comes to fill up forms.
This would help them to analyze what part of forms they really hated when they decided to call quits. Here is the post
This JQuery CSS validation tutorial explain how to do client-side validation using jQuery’s validation plugin. This is how the validation snapshot of the validation page. The link to download the code is at end of this tutorial.
Read more…
Introduction
Today JQuery is a buzz in every tinsel town. From the day web sites began coming into the world wide web space, developers are trying hard to please their users. Javascript arrived and it added spices in it. Developers began playing with javascript and created tens of thousand useful things for the users and made things interactive. But this comes with a price. Creating and maintaining javascript application requires a lot of patience and a lot of trial and error. On the top of this if we wanted to write a piece of javascript that creates effects and animation, we had make sure every thing is working and sometimes struggling with table, div, span bla bla bla. JQuery came into the picture like life savior and it made our life very much comfortable. Just have a look at the piece of code written below :-
<html>
<head>
<script src=”jquery-1.3.2.js”></script>
<script>
$(document).ready(function(){
$(”p”).click(function(){
$(this).hide()
})
})
</script>
</head>
<body>
<p>You click on me, I will come after “Introduction”</p>
</body>
</html>
You can download code examples used in this tutorial here jquery code examples
This is just beginning and it can bring a lot of fun on your website. Imagination is the only limit.
Objective
(1) What is JQuery
(2) Why use JQuery
(3) How JQuery works
(4) Creating effects with JQuery
(5) JQuery with server side technologies (ASP.net)
(6) Future of JQuery Read more…
