Jquery shake effect - part 2

Hurrey 100th post , and again on Jquery :)


Jquery shake effect is very popular & more searchable topic now a days.

Long back i had written a post on jquery shake effect. this is my part 2 post where here I'm going to explain what all method and what option you may find in JRumble plugin
 
You must have seen that vibrant, rotate, shake and many other elements of effects. using css and other scripting language you can create more eye catch able effects.

JRumble is new plugin which has more elements on effects. it also a good plugin with hover and direction effect.

Below are few objects

  $('imgName').jrumble();
  // you may stop the elements like this way
  $('imgName').trigger('stopRumble');

You many even customize this options with below attributes:

Rotation : set the range , default is 1

Speed : set  frequency or speed between the two movements

X : set horizontal pixels

Y : set vertical pixels

and there are many other elements. 

The below code shows the example along with basic functionality.

$(document).ready(function() {
    $('ImageName').jrumble({
        y:4,
        x:3,
        rotation: 10,
    speed:500,
    opacity:100
    });

    $('ImageName').hover(function() {
        $(this).trigger('startRumble');
    }, function() {
        $(this).trigger('stopRumble');
    });
});​

See the below example :

Jquery 1.4.1 released

very good news to all the Jquery users and jquery lovers. the latest version of Jquery ( which is 1.4.1 has been released).it has lot of improvement on bases of performance , new additonal features and many new functions are added to make
jquery very popular. i really enjoy with the same. as you can see the execution time of realease version is very less in time as compare with the previous one.
here are the Minified and Regular version .

• jQuery Minified (23kb minified version.)


• jQuery Regular (154kb regular version)

You can download the js frem the above link.or you can take a advantage of Google CDN on : http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js
while using CDN one is very good idea , because if anything get change on current realease then it will automatically updated on your application ,. if your using Google CDN features , Microsoft is also providing the same kind of feature of CDN you can also take the help form there also.

on new release they have added methds like , Setter , Getter and many more ajax features. the Whole API Documentation you
can get it from here. http://api.jquery.com/category/version/1.4/

now guys why your waiting , just use latest version of Jquery on your application and make your application very cool and attractive .

Microsoft AJAX CDN

hi guys , on my last blog you have seen how microsoft ajax minifer get work and how its useful while developing a application. fine now one more great feature today i will discuss with you . that is ajax CDN (Content Delivery Network ), yes as the name suggested content get deliver on network, no need of updation of code and all auto m atically it get updated all over the world,

some time back google get introduce this in terms of Jquery and all , now microsoft is also take a part on same while using ajax cdn. at first is service is free, does not require king of registration or anything ,and one thing is you can use it in both commercial and non-commercial purposes.

What does a CDN ?
it get composed of "edge cache" servers which are highly strategically placed in all over the world at Internet network points. These "edge cache" servers can be used to cache and deliver all types of content – which get including images, CSS and JavaScript files ,videos and many more.

How to use
now for example if you want to use jQuery from the Microsoft AJAX CDN you can simply add a standard script tag to your page, that you can put in you <Head > section

now whenever the script get required the browser get send the request to the microsoft cdn for functiuon and from there automatically updation get happen
one better advantage is it get cache automatically so no need to send request and make http page heavier. so from the SEO (search engine optimization ) point of view also its too good .

now how you can use that on Visual Studio on your application,
now a days The ASP.NET 4.0 control includes a new property named EnableCdn. that means When you assign the value true to this property, your application will use the Microsoft CDN to request JavaScript files automatically:
that means script get generate automatically so no need of write a code for same , this again useful for SEO purpose for JS minfication . this problem get solve ones you check you application in terms of Google page speed issue.

you need to simply set EnableCDn="true" automatically it get work look at below how exactly it get work



now hope u got the idea clear how exatly it get work and how its useful
thanx , if u want more on same plz add a comment on this post

microsoft ajax minifier

hi all , yes long time while posting a article on my blog, now i m back , hei i have seen
most of the people are uses Microsoft ajax control in there web application , its also working fine
and also good looking in projects ,

but at a time testing of web site performance then so many issues get arises , they may be all related with speed , performance , ratio and all , now i also face this problem on my applicatin
and while searching i found good article on how to minify the ajax control auto generated (runtime) script there are two ways
either u can compress them or u can use ajax CDN facility to handle them , yes ajax introduces the CDN faliclity for ther JQUERY, AJAX tools , yes its really good while use them in out application.

now u can see how its very important in terms of project implementation.
you can refer this Scott 's blog post ,you wil come to know how its useful . announcing-microsoft-ajax-library

hope u like this

ASP.NET AJAX and the MS Virtual Earth Control

i was just refering some site regarding on

Microsoft Virtual Earth Control

.so i just found very nice and simple article on "Master/Detail with ASP.NET AJAX and the MS Virtual Earth Control" written by matt berseth , its really nice

This application allows users to browse zip-codes using the Virtual Earth Map Control , on below pics you can see how to accomplish this , The example uses PageMethods to fetch the latitude and longitudes for the zip-codes , if you want more about PageMethods
just google it out or else refer it here


Live Demo | Download

JQuery Plugins and Demos for Developers.

hello ,i have again come up with some collection of jquery plugins with Demos , hope u like it.

1. jGoogle
jGoogle will wrap google AJAX search APIs in a single jQuery plugin to extract usable data.
on the first version they have included GImageSearch option
- View demo
- View Source


2. Virtual jQuery Keyboard
jquery Virtual Keyboard is one of the good feature for preventing keystrokes , it will very dangerous when you enter some bank account and password like information , virtual keyboard will play very imp role here, you can't get the stoke on your log ,
-View Demo

3. Scrolling with Load Effects.
when we have lots of content then its not looking good when we are showing them in one and too long panel, instead of that we can show loading effects the it also look beautiful and cool
- View demo

4. Tablesorter 2.0
When we showing the records on table then sorting is one of the basic option , to show the records like date wise , increasing decrease order and so on like this feature you can add here
- View demo

5. jQuery Right-click Plugin
This plugin enable you to detect the event when user get click right button of mouse . so as per the click you can do your operation like disable the right click and so on or adding any information to drop down when clicking right click
-View demo

6. Jquery: Progress Bar
Progress bar is one of the cool feature that use can use anywhere where you are data get retrieve from database and if it will take too much time to load that page , in this case you can show loading like Effects so user can understand that page is being lead
- view Demo


7. jQuery Feed Menus
Feed is used for bookmarking and all other purpose , you can show multiple feed under one category , so you can use your space and its also look nice
- view Demo

8. gShuffle
The plugin animation is triggered every time the Shuffle button is clicked. Each time, the code will choose two squares to switch positions with one another.
- view Demo

9 -Mark It Up
MarkItUp, you can convert text areas into powerful HTML, BBCode or Wiki editor.

----
hope you like it ,
will add more on it, if you found anything could be related with this plz add on comments

Jquery ToolTip

Tooltip is one of the Cool & useful feature in Jquery , its mostly used for showing
Additional information for that records , you can use that anywhere like showing Customer information, Suggestion for form fillup , for zoom image and many more

here are some collection of tooltips .

1. Bottom slide tooltip

2. jQuery Tooltip Plugin

3.jTip

4.SimpleTip

5.BoxOver Tooltip

6.qTip

7.EZPZ jQuery Tooltip

8. CSS Globe jQuery Tooltip plugin


hope u like it

Best Ajax , Jquery ,Css Calendar collections

Calendar is one of the requirement while taking a input from user in terms of
Data of Birth , Start Journey , Admission Date and so many .its a Essential Control in terms of all the Application Development.

here are the some cool and nice collections of calendar most of them are in ajax, css , and Jquery . hope you like it .

1. VLA Calendar



2. ASP.Net calendar



3. Date Input Calendar



4. using Prototype date picker



5. Jquery Calendar



6. Date and Time Picker




hope u like this collection , will keep on updating ,
if u know any one in this plz send a comment on it,

Use XMLHTTP Object in C#

The XMLHttpRequest object can be used by scripts to programmatically connect to their originating server via HTTP. you can use this XMLHTTP object in C#.

follow the steps to do thi.

Steps
1. Add New Refrence to the Microsoft,Ver3.0 (Msxml 3/4) in your project.

how to add new Refrence

2. import the Namespace Using MSXML2;

3. now add this code in codebehind



using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using MSXML2;

public partial class MSXML : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

}

protected void Button1_Click(object sender, EventArgs e)
{
// to get page data (using msxml4)
XMLHTTP40 http = new XMLHTTP40();
http.open("GET", "http://www.xyz.xom/sendResult.aspx"+TextBox1.Text+"", false, null, null);
http.send();
string value = http.responseText;
Response.Write(value.ToString());
}
}





4.Add this code in Html



<form id="form2" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /></div>
</form>