Ajax Web Development
|
 |
(This is a sticky post, please find current news items below) By Vinod Kumar Vasudevan in Web Development |
| ||
For all those who want to know more on web development using AJAX (Asynchronous Javascript and XML) and DHTML here's a site that I created. You can find much more than what I have setup here @ terapad.
So check it out
flickr-like Editing Fields Using AJAX & CSS
|
|
|
Saturday, 05 January 08 - 07:48 PM (GMT +08:00) By Vinod Kumar Vasudevan in Web Development |
| ||
If you want to create flickr like edits in your webpage using AJAX and CSS then here's a nice solution for you to do that.
Here's how the edits happen on flickr.
- Show user the data field normally (for instance: the title of a picture)
- When mouse rolls over that title, make the background of the word yellow
- If the user clicks on the word, change that word to a input box with the word in it. Also show a “save” and “cancel” button
- A user can rename the picture and then push “save.”
- Run a little script that updates the name into the database
- Remove the input box and the buttons and return to the original title display (updated with new title).
You can go ahead and try the sample below which is actually hosted on the site "Dustin Bachrach a developer blog". I am just using an IFrame to show the demo right here.
If you liked it and want to get this solution on to your website then go ahead and follow the link below.
http://dbachrach.com/blog/2007/01/07/create-flickr-like-editing-fields-using-ajax-css/
Bubble Tooltip in Javascript
|
|
|
Wednesday, 02 January 08 - 10:36 PM (GMT +08:00) By Vinod Kumar Vasudevan in Web Development |
| ||
Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page.
Like this tooltip. Want to implement it in your website. Follow the link below the creators site.
http://web-graphics.com/mtarchive/001717.php
Alternative SlideShow Using Javascript
|
|
|
Tuesday, 01 January 08 - 12:24 PM (GMT +08:00) By Vinod Kumar Vasudevan in Web Development |
| ||
JTip - Javascript Tooltip solution
|
|
|
Tuesday, 01 January 08 - 07:55 AM (GMT +08:00) By Vinod Kumar Vasudevan in Web Development |
| ||
CSS Dock Menu using Javascript
|
|
|
Monday, 31 December 07 - 10:26 PM (GMT +08:00) By Vinod Kumar Vasudevan in Web Development |
| ||
Create a SlideShow In No Time
|
|
|
Monday, 31 December 07 - 09:53 PM (GMT +08:00) By Vinod Kumar Vasudevan in Web Development |
| ||
If want to create a slideshow of your favourite pics on the web and get it up and running on your site in no time check out the TripTracker slideshow. Its a Lightweight JavaScript image viewer with an animated slideshow feature.
A lot of customization features are available. For example in the demo I have tried I have completely removed the toolbar that you can see in the above screenshot.
Click here to view the script in action. To exit from the slideshow just right click the mouse anywhere on the screen or hit the ESC key.
If you want to know more visit the link below. The link below points to the website of the guys who created this fantastic script.
http://slideshow.triptracker.net/index.html
AJAX Star Rating Bar (Unobtrusive)
|
|
|
Saturday, 29 December 07 - 12:08 AM (GMT +08:00) By Vinod Kumar Vasudevan in Web Development |
| ||
Here's a script that allows users to provide rating stars without refreshing the page. All in AJAX style
Get it from http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/
AJAX Loader Icon
|
|
|
Friday, 28 December 07 - 05:03 PM (GMT +08:00) By Vinod Kumar Vasudevan in Web Development |
| ||
If you ever need to generate an AJAX loader icon on your webpage, this site is going to be really really helpful. Makes it a breeze to generate AJAX loader images.
... More items are available in my News Archive
