Source Code | Ajax Updates

Mobile Tooltip Widget...

(No Ratings Yet)

Loading ...

223 views

I am making an Ajax application using GWT and I need some kind of facility to display a tooltip on an image when I hover my mouse over it. Unfortunately GWT does not provide such widget that I can use directly. After spending some time on GWT forum, I found two neat posts (refer to post 1 and post 2),...

More Details

jQuery Spoilers plugin...

(No Ratings Yet)

Loading ...

949 views

Scroll down that page until you see some red “Spoilers!” text, then move your mouse over that text. Moving the mouse over it causes “Spoilers!” to disappear and the underlying text to be revealed. The intention is to keep the casual reader from inadvertently reading details which...

More Details

Tags: Addclass , Array , Background Image Url , Css , Demo Document , Demo Html , Hot Spot , Html Code , Intention , jquery , Mouse Pointer , Moving , Outer Wrapper , Plugin Source , Png , Public Domain , Side Edge , Source Code , Span Elements , Spoiler , Text Modes , Unfortunate Side Effect , Visibility

jQuery FrameReady...

(1 votes, average: 4.00 out of 5)

Loading ...

2,306 views

The best way to see how this works is to view source for the root document and each frame, then inspect the HTML and DOM inside firebug. To see a demo of loading content into a div inside an iFrame using ajax: To download just the frameReady source: To download a zip file with all the source code and...

More Details

Tags: ajax , Css , Css Demo , Demo , Div , Dom , Download File , Download Zip , Firebug , Frame Script , Iframe , jquery , Loading Content , Root Document , Source Code , Stylesheets , Zip File , Zip Source

File uploads using ajax...

(1 votes, average: 1.00 out of 5)

Loading ...

2,247 views

Here you can test out the AJAX file upload script. You can actually see if it works before you even download it. This employs a similar method to what is found in the GMail file upload, using a hidden IFRAME to post the file and AJAX to check the progress. There is also a tester script in the zip file...

More Details

Tags: ajax , Blank Page , File Boxes , File Cleanup , File Upload Script , file uploading , File Uploads , Global Variables , Javascript Object , Maximum Size , Progress Bar , Progress Bars , Prototype , Query Strings , Reliance , Scripts , Source Code , Time Update , Upload Files , Zip File

Multiple file upload – Moo tools...

(No Ratings Yet)

Loading ...

2,310 views

It’s about 18 months since I released my simple script for creating a prettier way to include multiple file elements on a page. In that time it has remained by far the most popular page on this site, in spite of the fact that I haven’t updated it since and have long since given up trying to keep...

More Details

Tags: Compatible Code , Demo , Download Files , Elements , file upload , file uploader , Moo Tools , MooTools , Multiple File , Readme , Source Code , Spite , Stickman , Web Development , Zip File

Tetris Script using jQuery...

(No Ratings Yet)

Loading ...

479 views

The tetris game implemented with jQuery. Demo available with source code. var tetris = { // Shape colors colors: ['#eaeaea','#ff6600','#eec900','#0000ff', '#cc00ff','#00ff00','#66ccff','#ff0000'], // Starting line...

More Details

Tags: Backgroundcolor , Cells , Colors , Coordinates , Css , Cur , Demo , Elements , Game Demo , Shape , Shapes , Shift Function , Source Code , Starting Line , Tetri , Tetris Game , Tetris X , X Tetris , X0 , Y0

Image Gallery using Spry...

(No Ratings Yet)

Loading ...

1,931 views

These versions use various coding techniques like, from inline Spry attributes to progressive enhancement for graceful degradation. DIfferent coders have different goals and these sample show various ways to accomplish the same end product.. Source code: <html xmlns="http://www.w3.org/1999/xhtml"...

More Details

Tags: Adobe , Attributes , Demo , Demos , Enhancement , Gallery Index , Gallery Photo , Gallery Photos , Graceful Degradation , Html Source , image gallery , Product Source , Progressive , Source Code , Source View , View Source , Xml

RSS Reader demo using Spry...

(No Ratings Yet)

Loading ...

705 views

A great looking RSS Reader built on the spry framework. See the source code: <html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>RSS...

More Details

Tags: Adobe , Ajax Feeds , Demo , Demos , Html Source , Rss Reader , Rssreader , Source Code , Source Html , Spry Framework , Title Subject , View Source

Effects Library Slider – Spry...

(No Ratings Yet)

Loading ...

712 views

A collection of 14 different effects using the spry framework. Here is the source code: < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta...

More Details

Tags: Adobe , Amp , Buttons , Demo , Demos , Effects Library , Html Source , Slider , Source Code , Source Html , Spry Framework , View Source

Lighter.js – Syntax highlighting f...

(No Ratings Yet)

Loading ...

346 views

Lighter.js is a free syntax highlighting class developed with MooTools. It was created with the MooTools developer in mind and takes advantage of many of the Framework’s features. Using it can be as simple as adding a single script to your webpage, selecting the elements you wish to highlight,...

More Details