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 :

Access content of iframe using jquery

It's very simple and straightforward.

Lets say, your using iframe and hello.aspx page like

1. < iframe id="frametemp" height="20px" width="90px"> </iframe>

which contain some control likes

2. <div id="divDisplayBox" > Say, Hello world! </div>

you can use .contents() method to find the specific id and like

3. $('#frametemp').contents().find('#divDisplayBox').html();

Hope this will helps you, Put your comments/suggestion if any.

 

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 .

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,