coverflow effect

http://addyosmani.com/blog/jqueryuicoverflow/
http://www.deensoft.com/lab/protoflow/
http://blarnee.com/wp/an-improved-javascript-coverflow-demo-using-canvas-and-html5/
http://www.weberdesignlabs.com/blog/2007/09/flash-itunes-cover-flow/
http://jacksasylum.eu/ContentFlow/docu.php

scrolling vertical and horizontal

http://www.webdesignbooth.com/create-a-vertical-scrolling-news-ticker-with-jquery-and-jcarousel-lite/
http://sorgalla.com/jcarousel/

Lightbox

http://www.zimbio.com/Interesting+webthings/articles/97/Web+2+0+Round+up+Modal+Window+Lightbox+Effect
http://www.hiddenpixels.com/designer-and-developer-resources/lightbox/
http://www.bugninja.com/code/rounded-corners-tooltip-lightbox-example/#
http://planetozh.com/projects/lightbox-clones/

Clickable DIV

add onClick="window.location.href='http://www.google.com'"

Jquery Plugins

http://www.malsup.com/jquery/
http://slidesjs.com/ - slide show plugins
http://webdesignerwall.com/tutorials/jquery-tutorials-for-designers

back-and-forth scrolling effects

http://www.malsup.com/jquery/cycle/scrollhv.html
http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
http://www.ndoherty.biz/demos/coda-slider/
http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/

Thickbox

http://jquery.com/demo/thickbox/

Floating div on top and bottom

Top - http://roshanbh.com.np/2008/07/top-floating-message-box-using-jquery.html

Bottom - http://www.matto1990.com/jquery/catfish/

Javascript Validate Number Integer

IsFound = /^-?\d+$/.test($('number').value);

if (IsFound == false) {



$('error_msg').innerHTML = "* Please Enter a valid number.<br>";



}

Onfocus and Onblur input field

<input id="search_field" type="text" name="s" value="Search this blog" onfocus="if (this.value == 'Search this blog') {this.value = ''; document.getElementById(this.id).style.color='#666666';}" onblur="if (this.value == '') {document.getElementById(this.id).style.color='#cccccc'; this.value = 'Search this blog'; }" />

Adding "_blank" of all links

var anchors = document.getElementById('div').getElementsByTagName('a');

var sDom    = document.domain;

for (var i=0; i<anchors.length; i++) {

var anchor = anchors[i];

if (anchor.getAttribute("href")) {

iPosition = anchor.href.indexOf(sDom);

if (iPosition == -1 || 

iPosition > sDom.length) {

anchor.target = "_blank";

}

}

}

Display Twitter RSS on your website using Google AJAX Feed API

It's a simple code to display twitter rss on your website. You can display the twitter user image, user name, user url, user id, title and content.

Sample Twitter Search with google feed api:

 <script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">    
google.load("feeds", "1");       
function getTwitterSearch(q, id, callbackfunction)    
{ 

 q = encodeURI(q);
 id = encodeURI(id); 
 var feed = new google.feeds.Feed("http://search.twitter.com/search.atom?q="+q+"&rpp=100&show_user=true&since_id="+id);      feed.setNumEntries(10);      feed.setResultFormat(google.feeds.Feed.MIXED_FORMAT);            feed.load(function(result)      {       if (!result.error)             {              var ava = google.feeds.getElementsByTagNameNS(result.xmlDocument, "http://www.w3.org/2005/Atom", "link"); //google.feeds.getElementsByTagNameNS(result.xmlDocument, "http://search.yahoo.com/mrss/", "content");  ;              var imageA = new Array();              j=0;              for (var i = 0; i < ava.length; i++)              {                                    if(ava[i].getAttribute('rel')=="image")                  {                                   imageA[j]=ava[i].getAttribute('href');                   j++;                  }                             }                var tA = new Array(result.feed.entries.length);              for (var i = 0; i < result.feed.entries.length; i++)              {                              var twitterMessage = new Object;                 entry = result.feed.entries[i];               temp = entry.link.split("/");                                               twitterMessage =               {                text: entry.title,                link: entry.link,                date: entry.publishedDate,                user: entry.author,                statusid: temp[5],                image: imageA[i]               };               tA[i]=twitterMessage;                              }                callbackfunction(tA);             }                        });        }                          function reverseSimpleWrite(tA)      {       tA.reverse();            var container = document.getElementById("feed");            for (var i = 0; i < tA.length; i++)            {               var entry = tA[i];               var div = document.createElement("li");               div.innerHTML="<img src='"+entry.image+"' width='48' height='48' > "+entry.image+"<br>user: "+entry.user+"<br>date: "+entry.date+"<br> text: "+entry.text+" <br> link: <a href='"+entry.link+"'>"+entry.link+"</a><br> statusid: "+entry.statusid+"<br><br>";               container.appendChild(div);            }      }        google.setOnLoadCallback(function(){ getTwitterSearch("iphone", 0, reverseSimpleWrite); } );        </script>  

See the original code and sample here:
http://www.facesaerch.com/widget/twitterjs.php

Table Sort using javascript

a script where you can sort a records on the the table using javascript. you can sort by number or by alphabetical.

Table Sort
http://www.brainjar.com/dhtml/tablesort/default2.asp


Demo
http://www.brainjar.com/dhtml/tablesort/demo.html

Sorting Number using Javascript

simple way to sort a number using javascript.

<script type="text/JavaScript" language="JavaScript">

function compare(a,b){

return a-b;

}

var num = [5,2,10,6,8,1,7,4,3];



document.write("Result :"+num.sort(compare));



</script>