Top 10 Ajax scripts...
<!– @page { margin: 0.79in } P { margin-bottom: 0.08in } H3 { margin-bottom: 0.08in } H3.cjk { font-family: “Lucida Sans Unicode” } H3.ctl { font-family: “Tahoma” } –>
Image Zoomer:
Image zoomer script is generally called as an image magnifier. It is basically a CSS/DOM/Javascript. The script is very userfriendly and if we mouse over the picture, we can see a little zoom window with a magnified version of a part of the picture in it. The zoom ratio increases or decreases as per the mouse options. The attracting features are it is too Faster,Works on IE7,cleaner code to insert, can change the relative position of the zoom box,works with all types of imageformats.
35mm Photo Viewer:
Generally photography is an art.There is only one way to look at photos, but in this technical world there are an infinite number of ways to organize and present them.Photoviewer script is a DHTML-driven browser-based app which provides viewing of photos with a sortedcollection. In addition to it a few different CSS-driven “skins” are available and XML/XSLT functionality provides more dynamic data sources and updates. The additional features are Thumbnails and fun filled soundeffects.Development,Testing can be done with IE5,6,7 and opera,Netscape.
Cross-fade Anything:
CrossFade Anything is an unobtusive script that will reveal multiple elements one at a time with a transition effect.Both Ajax and Jquery scripts are used.There are 4 different transition styles supplied with the library, each one is different and specific.There is another option to add a class name inside the parent element.The attracting feature in the script is the best presentation with many fadein,Fadeout images.It is processed in such a way that, making all immediate descendants absolutely positioned to tile them on top of each other.
Codylindley-Rollover script:
The Rollover script is basically an ajax script and the links will be coded with a specific content within the script.The working demonstrates how the tool tip will flip horizontally depending upon the space between the tool tip and the right side of the window. We can easily adjust the browser window so that the links in the paragraphs are placed as close to the right side of the window to maintain the width and an image.The interesting feature of the script is it accounts for the custom widths.
Highslide JS:
Highslide JS is an image, media and gallery viewer written in JavaScript.By a Single click the content opens within the active browser window easily. After opening the image or HTML popup, the user can scroll further down or leave the page without closing it.The Source code is included for all the images.The important underlying feature is its Compatibility and safe degrading and no Popup blockers,no plugins like Flash or Java required. If the user has disabled JavaScript or using an old browser, the browser quickly redirects directly to the image itself or to a given HTML page.
Bubble Tooltips:
The bubbling tooltip consists of a simple combination effects. Both Java and Ajax scripts are use in bubbling.To create the puff popup bubble effect,Markup that assumes that JavaScript is disabled. It would be fair to say that the popup would be hidden from the CSS. Then the hidden popup, is correctly styled for good appearance. CSS requirement is too lessThe one piece of tricky logic initially used is the mouse over option which gives a brief explanation about the link and codes.
Dhtmlgoodies.com:
Dhtmlgoodies script is a perfect example of Pollscript or voting script which is a library of
both Dhtml and Ajax. Ajax is used to send the vote to the server and to return the results from the poll to the users specific browser.The special technic used in this script is no limitations for the number of votes per user. So there is no specific restriction for multiple voting but we can implement a restriction by setting the Javascript variable useCookiesToRememberCastedVotes.
Ajax Tabs Content Script:
Ajax Tabs scriptis a versatile Ajax Tabs Content script that display content pulled from external files inside a DIV and organized via CSS tabs. A fully unobtrusive, CSS and HTML based script, it supports practical features such as persistence of the active tab ie: when the page is reloaded, we can see 3 different types of modes such as an “IFRAME” mode, a “slideshow” mode, ability to expand/contract arbitrary DIVs on the same page at the same time, nested tabs, and much more.The interesting note is it supports multiple Ajax Tabs Contents on the same page.
AJAX Chat:
AJAX Chat is a free and fully customizable open source web chat software implemented in JavaScript, PHP and MySQL. The Sound support is implemented using Flash and the Socket support is done using Flash on client-side and Ruby on server-side. The client-side logic is written in JavaScript. The server-side logic is written in PHP. The chat messages are stored in a MySQL database. AJAX Chat integrates nicely with other PHP community software, Used as shoutbox and Optional visual update information.
AJAX instant edit script:
Using the Instant editor we can easily edit,update the content in the same page.The working process is too simple and a small piece of javascript reads all SPAN tags, checks if it has class=”editText” and a id.If the id is true, adds a onclick function. The onclick function will create a textfield or input depending on the size of the editable text. Someone has the ability to edit the field. When the text field is blurred, it will read the contents, and starts a XMLHttpRequest and sends the content + fieldname + any set vars to an update file. Then this file will update the database, and reply with the newly set text and the textfield will dissapear again.
-
About the Author: