80+ AJAX-Solutions For Professional Coding

Advertisement

Web-developers can create amazing web-applications with AJAX. Stikkit1, Netvibes2, GMail3 and dozens of further web-projects offer a new level of interactivity we’ve used to give up the idea of. Modern web-applications can be designed with enhanced user interfaces and functionalities, which used to be the privelege of professional desktop-applications. AJAX makes it possible to create more interactive, more responsive and more flexible web-solutions. And it’s the first step towards rich internet applications of the future.

Asynchronous JavaScript and XML isn’t a new programming language, as it is often mistakingly called. Basically, AJAX is a set of XHTML, CSS, DOM, XMLHttpRequest and XML, put together and used together for the same purpose – to improve the user-server-interaction.

In this article we’d like to present a list of over 90 useful AJAX-based techniques you should always have ready to hand developing AJAX-based web-applications. Auto-completion, instant field editing, menus, calendars, interactive elements, visual effects, animation, basic javascripts, as well as an extensive developer’s suite should give you a useful and powerful toolbox you can use every day, without a need to go through hundreds of AJAX-related bookmarks.

You may also want to take a look at the article 60 More Ajax and Javascript Solutions For Professional Coding9.

AJAX Auto Completer

1. AJAX AutoSuggest10: An AJAX auto-complete text field

AJAX Scripts - AutoSuggest: An AJAX auto-complete text field : CSS . XHTML . Javascript . DOM, Development : Brand Spanking New11

2. AJAX Autocompleter / script.aculo.us library12

AJAX Scripts - script.aculo.us - web 2.0 javascript demos13

3. AJAX AutoCompleter14

AJAX Scripts - digitarald.de » Playground - Widget Birthplace15

4. Ajax autosuggest/autocomplete from database16

AJAX Scripts - Ajax autosuggest/autocomplete from database17

5. Ajax dynamic list18

AJAX Scripts - Ajax dynamic list19

AJAX Instant Edit

6. AJAX inline text edit 2.020

AJAX Scripts - YvoSchaap.com - Easy AJAX inline text edit 2.021

7. AJAX & CSS Flickr-like Editing Fields22

AJAX Scripts - Create flickr-like Editing Fields Using AJAX & CSS » Dustin Bachrach Blog23

8. AJAX Instant Edit24

AJAX Scripts - xmlHttpRequest - Instant Edit25

AJAX Menus, Tabs

9. 14 Tab-Based Interface Techniques26

14 Tab-Based Interface Techniques27

10. AJAX Menu Widget

AJAX Scripts - Comunidade brasileira da biblioteca EXTJS

11. AJAX Accordion Navigation28: mootools demos

AJAX Scripts - mootools demos - Accordion29

12. AJAX Dialogs, Menus, Grids, Trees and Views30

AJAX Scripts - Comunidade brasileira da biblioteca EXTJS31

13. AJAX Tab Module – Closeable Implementation32

AJAX Scripts - Tab Module - Closeable Implementation33

14. Ajax Tabs Content34

AJAX Scripts - Dynamic Drive DHTML Scripts- Ajax Tabs Content script35

15. AJAX Tabbed Content

AJAX Scripts - Ajax Lessons » Ajax Workshop 2: Building Tabbed Content

16. MooTabs – Tiny tab class for MooTools36

AJAX Scripts - MooTabs - Tiny tab class for MooTools37

17. Dynamically loaded articles38

AJAX Scripts - Dynamically loaded articles39

AJAX Date, Time, Calendars

18. AJAX Datetime Toolbocks – Intuitive Date Input Selection40

AJAX Scripts - Datetime Toolbocks - Intuitive Date Input Selection41

19. AJAX Calendars42

AJAX Scripts - RibosoMatic » 10 calendarios con PHP, CSS y Javascript43

AJAX Interactive Elements

20. AJAX Floating Windows44

AJAX Scripts - Prototype Window Class : Introduction45

21. AJAX Star Rating Bar46

AJAX Scripts - Masuga Design » Unobtrusive AJAX Star Rating Bar47

22. Ajax poller48

AJAX Scripts - Ajax poller49

AJAX Developer’s Suite

23. AJAX HistoryManager, Pagination50

AJAX Scripts - digitarald » HistoryManager51

24. AJAX Login System Demo52

AJAX Scripts - AJAX Login System Demo53

25. AJAX image preloader54

AJAX Scripts - Javascript image preloader55

26. AJAX Tooltips: Nice Titles revised | Blog | 1976design.com56

AJAX Scripts - Nice Titles revised | Blog | 1976design.com57

27. 40+ Tooltips Scripts With AJAX, JavaScript & CSS | Smashing Magazine58

AJAX Scripts - 40+ Tooltips Scripts With AJAX, JavaScript & CSS | Smashing Magazine59

28. AJAX Web Controls60

AJAX Scripts - Pageproperties test page61

29. AJAX syntaxhighlighter62

AJAX Scripts - syntaxhighlighter - Google Code63

30. GMail Ajax Style Username Signup

AJAX Scripts - Cyber Dummy - Web Developer

31. Gmail Ajax Style Check Username

AJAX Scripts - Gmail Style Check Username AJAX

32. Transparent Message64

AJAX Scripts - Transparent Message65

33. ModalBox — An easy way to create popups and wizards66

AJAX Scripts - ModalBox — An easy way to create popups and wizards67

34. AJAX File Uploads progress bar

AJAX Scripts - CakeTimer - Demo Page | An Ajax file uploads progress bar

35. Chained select boxes68

AJAX Scripts - Chained select boxes69

36. Fly to basket70

AJAX Scripts - Fly to basket71

37. AJAX Key Events Signal72

AJAX Scripts - Signal Example73

38. Disable form submit on enter keypress74

AJAX Scripts - AS Workshop » Disable form submit on enter keypress75

Enhanced AJAX Solutions

39. AJAX Instant Completion76: Rico Framework

AJAX Scripts - Rico77

40. Novemberborn: Event Cache78

AJAX Scripts - Novemberborn: Event Cache79

41. Altering CSS Class Attributes with JavaScript80

AJAX Scripts - Altering CSS Class Attributes with JavaScript81

42. Select Some Checkboxes JavaScript Function82

AJAX Scripts - Select Some Checkboxes JavaScript Function83

43. AJAX Emprise Charts84: 100% Pure JavaScript Charts

AJAX Scripts - Emprise JavaScript Charts :: 100% Pure JavaScript Charts85

44. amCharts: customizable flash Pie & Donut chart86

AJAX Scripts - amCharts: customizable flash Pie & Donut chart87

45. PJ Hyett : The Lightbox Effect without Lightbox88

AJAX Scripts - PJ Hyett : The Lightbox Effect without Lightbox89

Ajax Forms

46. AJAX Upload Form90

AJAX Scripts - digitarald.de » Playground - Widget Birthplace91

47. An AJAX contact form92

AJAX Scripts - An AJAX contact form93

48. AJAX contact form94

AJAX Scripts - AJAX contact form95

49. Ajax.Form96: mootools demo

AJAX Scripts - mootools demos - Ajax.Form97

50. Ajax form validation98

AJAX Scripts - Ajax form validation99

51. Really easy field validation100

AJAX Scripts - Really easy field validation * Dexagogo101

52. AJAX fValidate102: a high quality javascript form validation tool

AJAX Scripts - fValidate | Type Reference | A high quality javascript form validation tool103

53. Ajax newsletter form104

AJAX Scripts - Ajax newsletter form105

54. wForms106: A Javascript Extension to Web Forms – The Form Assembly

AJAX Scripts - wForms - A Javascript Extension to Web Forms - The Form Assembly - The Form Assembly107

AJAX Grids, Tables

55. Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine108

AJAX Scripts - Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine109

56. Grid3 Example110

AJAX Scripts - Grid3 Example111

57. AJAX Table Sort Script (revisited)112

AJAX Scripts - frequency decoder | Unobtrusive Table Sort Script (revisited)113

58. AJAX Sortable Tables114: from Scratch with MochiKit

AJAX Scripts - Sortable Tables from Scratch with MochiKit115

59. AJAX TableKit116

AJAX Scripts - TableKit117

AJAX Lightboxes, Galleries, Showcases

60. 30 Scripts For Galleries, Slideshows and Lightboxes | Smashing Magazine118

AJAX Scripts - 30 Scripts For Galleries, Slideshows and Lightboxes | Smashing Magazine119

61. AJAX LightBox, Sexy Box, Thick Box120

AJAX Scripts - NoFunc · Sexy Box · Javascript121

62. AJAX Lightbox JS122

AJAX Scripts - Lightbox JS123

63. AJAX Unobtrusive Popup – GreyBox124

AJAX Scripts - Orangoo Labs - GreyBox125

64. SmoothGallery: Mootools Mojo for Images | Full gallery126

AJAX Scripts - JonDesign's (Javascript) SmoothGallery: Mootools Mojo for Images | Full gallery127

65. AJAX Libraries and Frameworks128

AJAX Libraries and Frameworks | Smashing Magazine129

Visual Effects, Animation

66. How to Create Digg Comment Style Sliding DIVs with Javascript and CSS130

AJAX Scripts - Firblitz: Re: How to Create Digg Comment Style Sliding DIVs with Javascript and CSS131

67. How to Create a Collapsible DIV with Javascript and CSS132

AJAX Scripts - Harry Maugans » How to Create a Collapsible DIV with Javascript and CSS133

68. How to Create an Animated, Sliding, Collapsible DIV with Javascript and CSS134

AJAX Scripts - Harry Maugans » How to Create an Animated, Sliding, Collapsible DIV with Javascript and CSS135

69. AJAX Shopcart136

AJAX Scripts - script.aculo.us - web 2.0 javascript demos137

70. Draggable content138

AJAX Scripts - Dragable content139

71. Dragable RSS boxes140

AJAX Scripts - Dragable RSS boxes141

72. AJAX Pull Down Effect142: Rico Framework

AJAX Scripts - Rico143

73. AJAX Animation Effects144: Rico Framework

AJAX Scripts - Rico145

74. Combination Effects in scriptaculous wiki146

AJAX Scripts - Combination Effects in scriptaculous wiki147

75. AJAX Motion Transition148: Fx.Morph

AJAX Scripts - mootools demos - Fx.Morph149

Useful Basic JavaScripts

76. 9 Javascript(s) you better not miss !!150

AJAX Scripts - 9 Javascript(s) you better not miss !!151

77. Top 10 custom JavaScript functions of all time152

AJAX Scripts - Top 10 custom JavaScript functions of all time153

78. Hyperdisc Materials: JavaScript: Top 10: Automatic Breadcrumb Trail154

AJAX Scripts - Hyperdisc Materials: JavaScript: Top 10: Automatic Breadcrumb Trail155

79. JavaScript: Top 10 Most Useful JavaScripts156

AJAX Scripts - Hyperdisc Materials: JavaScript: Top 10: Top 10 Most Useful JavaScripts157

80. My Favorite Javascripts for Designers: Blakems.com ?158

AJAX Scripts - My Favorite Javascripts for Designers: Blakems.com ?159

Galleries, Resources

81. MiniAjax.com160: a showroom of nice looking simple downloadable DHTML and AJAX scripts.

AJAX Scripts - MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts161

82. Ajax Rain162: growing showcase of AJAX-examples.

AJAX Scripts - Ajax Rain163

83. Max Kiesler – mHub : Ajax and rails examples & how-to’s164

AJAX Scripts - Max Kiesler - mHub : Ajax and rails examples & how-to's165

84. Ajax Resources166

AJAX Resources167

85. DZone Snippets: Store, sort and share source code, with tag goodness168

AJAX Scripts - DZone Snippets: Store, sort and share source code, with tag goodness169

Footnotes

  1. 1 http://www.stikkit.com/
  2. 2 http://www.netvibes.com/smashingmagazine
  3. 3 http://www.gmail.com
  4. 4 http://www.adaptivepath.com/publications/essays/archives/000385.php
  5. 5 http://en.wikipedia.org/wiki/Ajax_(programming)
  6. 6 http://www.smashingmagazine.com/2007/01/26/tutorials-round-up-ajax-css-javascript-php-mysql-and-more/
  7. 7 http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/
  8. 8 http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/
  9. 9 http://www.smashingmagazine.com/2008/04/15/60-more-ajax-and-javascript-solutions-for-professional-coding/
  10. 10 http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html
  11. 11 http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html
  12. 12 http://demo.script.aculo.us/ajax/autocompleter_customized
  13. 13 http://demo.script.aculo.us/ajax/autocompleter_customized
  14. 14 http://digitarald.de/playground/auto2.html
  15. 15 http://digitarald.de/playground/auto2.html
  16. 16 http://www.roscripts.com/Ajax_autosuggest_autocomplete_from_database-154.html
  17. 17 http://www.roscripts.com/Ajax_autosuggest_autocomplete_from_database-154.html
  18. 18 http://www.dhtmlgoodies.com/index.html?whichScript=ajax-dynamic-list
  19. 19 http://www.dhtmlgoodies.com/index.html?whichScript=ajax-dynamic-list
  20. 20 http://www.yvoschaap.com/index.php/weblog/ajax_inline_instant_update_text_20/
  21. 21 http://www.yvoschaap.com/index.php/weblog/ajax_inline_instant_update_text_20/
  22. 22 http://dbachrach.com/blog/2007/01/07/create-flickr-like-editing-fields-using-ajax-css/
  23. 23 http://dbachrach.com/blog/2007/01/07/create-flickr-like-editing-fields-using-ajax-css/
  24. 24 http://www.ideasfreelance.com/lab/instant_edit/
  25. 25 http://www.ideasfreelance.com/lab/instant_edit/
  26. 26 http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/
  27. 27 http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/
  28. 28 http://demos.mootools.net/Accordion
  29. 29 http://demos.mootools.net/Accordion
  30. 30 http://extjs.com/deploy/ext/docs/
  31. 31 http://extjs.com/deploy/ext/docs/
  32. 32 http://www.nodetraveller.com/sandbox/moduleTabs/closeable.php
  33. 33 http://www.nodetraveller.com/sandbox/moduleTabs/closeable.php
  34. 34 http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/
  35. 35 http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/
  36. 36 http://www.silverscripting.com/mootabs/
  37. 37 http://www.silverscripting.com/mootabs/
  38. 38 http://www.dhtmlgoodies.com/index.html?whichScript=ajax_dynamicArticles
  39. 39 http://www.dhtmlgoodies.com/index.html?whichScript=ajax_dynamicArticles
  40. 40 http://datetime.toolbocks.com/
  41. 41 http://datetime.toolbocks.com/
  42. 42 http://www.ribosomatic.com/articulos/10-calendarios-con-php-css-y-javascript/
  43. 43 http://www.ribosomatic.com/articulos/10-calendarios-con-php-css-y-javascript/
  44. 44 http://prototype-window.xilinus.com/
  45. 45 http://prototype-window.xilinus.com/
  46. 46 http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/
  47. 47 http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/
  48. 48 http://www.dhtmlgoodies.com/index.html?whichScript=ajax-poller
  49. 49 http://www.dhtmlgoodies.com/index.html?whichScript=ajax-poller
  50. 50 http://digitarald.de/project/historymanager/
  51. 51 http://digitarald.de/project/historymanager/
  52. 52 http://www.jamesdam.com/ajax_login/login.html
  53. 53 http://www.jamesdam.com/ajax_login/login.html
  54. 54 http://www.roscripts.com/Javascript_image_preloader-111.html
  55. 55 http://www.roscripts.com/Javascript_image_preloader-111.html
  56. 56 http://www.1976design.com/blog/archive/2003/11/21/nice-titles/
  57. 57 http://www.1976design.com/blog/archive/2003/11/21/nice-titles/
  58. 58 http://www.smashingmagazine.com/2007/06/12/tooltips-scripts-ajax-javascript-css-dhtml/
  59. 59 http://www.smashingmagazine.com/2007/06/12/tooltips-scripts-ajax-javascript-css-dhtml/
  60. 60 http://www.mathertel.de/AJAXEngine/S03_AJAXControls/ConnectionsTestPage.aspx
  61. 61 http://www.mathertel.de/AJAXEngine/S03_AJAXControls/ConnectionsTestPage.aspx
  62. 62 http://code.google.com/p/syntaxhighlighter/
  63. 63 http://code.google.com/p/syntaxhighlighter/
  64. 64 http://transparent-message.xilinus.com/
  65. 65 http://transparent-message.xilinus.com/
  66. 66 http://wildbit.com/demos/modalbox/
  67. 67 http://wildbit.com/demos/modalbox/
  68. 68 http://www.dhtmlgoodies.com/index.html?whichScript=ajax_chained_select
  69. 69 http://www.dhtmlgoodies.com/index.html?whichScript=ajax_chained_select
  70. 70 http://www.dhtmlgoodies.com/index.html?whichScript=fly-to-basket
  71. 71 http://www.dhtmlgoodies.com/index.html?whichScript=fly-to-basket
  72. 72 http://www.mochikit.com/examples/key_events/index.html
  73. 73 http://www.mochikit.com/examples/key_events/index.html
  74. 74 http://www.arraystudio.com/as-workshop/disable-form-submit-on-enter-keypress.html
  75. 75 http://www.arraystudio.com/as-workshop/disable-form-submit-on-enter-keypress.html
  76. 76 http://www.openrico.org/demos/complex_ajax
  77. 77 http://www.openrico.org/demos/complex_ajax
  78. 78 http://novemberborn.net/javascript/event-cache
  79. 79 http://novemberborn.net/javascript/event-cache
  80. 80 http://www.shawnolson.net/a/503/altering-css-class-attributes-with-javascript.html
  81. 81 http://www.shawnolson.net/a/503/altering-css-class-attributes-with-javascript.html
  82. 82 http://www.shawnolson.net/a/1302/select-some-checkboxes-javascript-function.html
  83. 83 http://www.shawnolson.net/a/1302/select-some-checkboxes-javascript-function.html
  84. 84 http://www.ejschart.com/index.php
  85. 85 http://www.ejschart.com/index.php
  86. 86 http://www.amcharts.com/pie/
  87. 87 http://www.amcharts.com/pie/
  88. 88 http://www.pjhyett.com/posts/190-the-lightbox-effect-without-lightbox
  89. 89 http://www.pjhyett.com/posts/190-the-lightbox-effect-without-lightbox
  90. 90 http://digitarald.de/playground/uplooad.html
  91. 91 http://digitarald.de/playground/uplooad.html
  92. 92 http://www.dustindiaz.com/ajax-contact-form/
  93. 93 http://www.dustindiaz.com/ajax-contact-form/
  94. 94 http://www.roscripts.com/AJAX_contact_form-144.html
  95. 95 http://www.roscripts.com/AJAX_contact_form-144.html
  96. 96 http://demos.mootools.net/Ajax.Form
  97. 97 http://demos.mootools.net/Ajax.Form
  98. 98 http://www.roscripts.com/Ajax_form_validation-152.html
  99. 99 http://www.roscripts.com/Ajax_form_validation-152.html
  100. 100 http://tetlaw.id.au/view/javascript/really-easy-field-validation
  101. 101 http://tetlaw.id.au/view/javascript/really-easy-field-validation
  102. 102 http://www.phil-taylor.com/fvalidate/
  103. 103 http://www.phil-taylor.com/fvalidate/
  104. 104 http://www.roscripts.com/Ajax_newsletter_form-146.html
  105. 105 http://www.roscripts.com/Ajax_newsletter_form-146.html
  106. 106 http://www.formassembly.com/wForms/
  107. 107 http://www.formassembly.com/wForms/
  108. 108 http://www.smashingmagazine.com/2007/05/30/tables-and-data-grids-with-ajax-dhtml-javascript/
  109. 109 http://www.smashingmagazine.com/2007/05/30/tables-and-data-grids-with-ajax-dhtml-javascript/
  110. 110 http://extjs.com/playpen/ext-2.0/examples/grid/grid3.html
  111. 111 http://extjs.com/playpen/ext-2.0/examples/grid/grid3.html
  112. 112 http://www.frequency-decoder.com/2006/09/16/unobtrusive-table-sort-script-revisited
  113. 113 http://www.frequency-decoder.com/2006/09/16/unobtrusive-table-sort-script-revisited
  114. 114 http://www.mochikit.com/examples/ajax_tables/index.html
  115. 115 http://www.mochikit.com/examples/ajax_tables/index.html
  116. 116 http://www.millstream.com.au/view/code/tablekit/
  117. 117 http://www.millstream.com.au/view/code/tablekit/
  118. 118 http://www.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes/
  119. 119 http://www.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes/
  120. 120 http://www.nofunc.com/Sexy_Box/
  121. 121 http://www.nofunc.com/Sexy_Box/
  122. 122 http://www.huddletogether.com/projects/lightbox/
  123. 123 http://www.huddletogether.com/projects/lightbox/
  124. 124 http://orangoo.com/labs/GreyBox/
  125. 125 http://orangoo.com/labs/GreyBox/
  126. 126 http://smoothgallery.jondesign.net/showcase/gallery/
  127. 127 http://smoothgallery.jondesign.net/showcase/gallery/
  128. 128 http://www.smashingmagazine.com/2006/11/15/ajax-dhtml-and-javascript-libraries/
  129. 129 http://www.smashingmagazine.com/2006/11/15/ajax-dhtml-and-javascript-libraries/
  130. 130 http://firblitz.com/2007/3/6/re-how-to-create-digg-comment-style-sliding-divs-with-javascript-and-css
  131. 131 http://firblitz.com/2007/3/6/re-how-to-create-digg-comment-style-sliding-divs-with-javascript-and-css
  132. 132 http://www.harrymaugans.com/2007/03/05/how-to-create-a-collapsible-div-with-javascript-and-css/
  133. 133 http://www.harrymaugans.com/2007/03/05/how-to-create-a-collapsible-div-with-javascript-and-css/
  134. 134 http://www.harrymaugans.com/2007/03/06/how-to-create-an-animated-sliding-collapsible-div-with-javascript-and-css/
  135. 135 http://www.harrymaugans.com/2007/03/06/how-to-create-an-animated-sliding-collapsible-div-with-javascript-and-css/
  136. 136 http://demo.script.aculo.us/shop
  137. 137 http://demo.script.aculo.us/shop
  138. 138 http://www.dhtmlgoodies.com/index.html?showDownload=true&whichScript=dragable-content
  139. 139 http://www.dhtmlgoodies.com/index.html?showDownload=true&whichScript=dragable-content
  140. 140 http://www.dhtmlgoodies.com/index.html?whichScript=dragable-boxes
  141. 141 http://www.dhtmlgoodies.com/index.html?whichScript=dragable-boxes
  142. 142 http://www.openrico.org/demos?demo=pull_down
  143. 143 http://www.openrico.org/demos?demo=pull_down
  144. 144 http://www.openrico.org/demos?demo=effect_animation
  145. 145 http://www.openrico.org/demos?demo=effect_animation
  146. 146 http://wiki.script.aculo.us/scriptaculous/show/CombinationEffects
  147. 147 http://wiki.script.aculo.us/scriptaculous/show/CombinationEffects
  148. 148 http://demos.mootools.net/Fx.Morph
  149. 149 http://demos.mootools.net/Fx.Morph
  150. 150 http://www.codecoffee.com/articles/9tips.html
  151. 151 http://www.codecoffee.com/articles/9tips.html
  152. 152 http://www.dustindiaz.com/top-ten-javascript/
  153. 153 http://www.dustindiaz.com/top-ten-javascript/
  154. 154 http://hyperdisc.unitec.ac.nz/materials/javascript/top10/breadcrumbs.htm
  155. 155 http://hyperdisc.unitec.ac.nz/materials/javascript/top10/breadcrumbs.htm
  156. 156 http://hyperdisc.unitec.ac.nz/materials/javascript/top10/
  157. 157 http://hyperdisc.unitec.ac.nz/materials/javascript/top10/
  158. 158 http://www.blakems.com/archives/000087.html?_required=first_name%2CFirst+Name%7Clast_name%2CLast+Name%7Cemailer%2CEmail&first_name=asdad&last_name=dasdad&emailer=dasdad
  159. 159 http://www.blakems.com/archives/000087.html?_required=first_name%2CFirst+Name%7Clast_name%2CLast+Name%7Cemailer%2CEmail&first_name=asdad&last_name=dasdad&emailer=dasdad
  160. 160 http://www.miniajax.com/
  161. 161 http://www.miniajax.com/
  162. 162 http://www.ajaxrain.com/index.php
  163. 163 http://www.ajaxrain.com/index.php?page=4
  164. 164 http://www.maxkiesler.com/index.php/mhub/category/
  165. 165 http://www.maxkiesler.com/index.php/mhub/category/
  166. 166 http://ajax.solutoire.com/
  167. 167 http://ajax.solutoire.com/
  168. 168 http://snippets.dzone.com/
  169. 169 http://snippets.dzone.com/

↑ Back to topShare on Twitter

Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Sven is now writing Science Fiction Stories.

Advertising
  1. 1

    Thanks again. Great, eh HUGE list!

    1
  2. 2

    why promote ajaxrain who has stolen miniajax.com’s design?

    -2
  3. 3

    This is a great list. How about some self promotion with my Search Suggest script: http://www.ryanscherf.net/demos/suggest/. I also have another version which loads from a XML flatfile as well as JS Arrays.

    1
  4. 4

    Why promote ajaxrain.com who has stolen miniajax.com’s design?

    -2
  5. 5

    Sweet stuff! Way to go Smashing Magazine.

    -1
  6. 6

    Thanks, awesome list.

    -2
  7. 7

    Thanks! you are the best!!!!

    1
  8. 8

    great, I try to combine that with codeigniter for our new project.

    thank you very much

    -1
  9. 9

    great list once again guys. I have been looking for a smart edit in place thingy for yonks! :)

    -2
  10. 10

    Great resource here – you just saved me and my team abt a week’s worth of research!

    0
  11. 11

    Nice and outstanding list. I can use few goodies in upcoming project.

    0
  12. 12

    Jonathan Schemoul

    June 21, 2007 2:04 am

    I know my own solution is listed here (and thanks), but why do people need full tools for very simple stuff like tabs ?
    I mean, with mootools you can do a full featured tab systems in what… 5 lines of code !

    I think people would waste less time learning javascript and frameworks than finding cool tools on the web to do what they want (for simple stuff of course, like drag and drop, tabs, flyto…).

    However very nice finds for complex toolkits for charts, galleries and stuff like that, thanks !

    0
  13. 13

    Where are your best websites of May?

    :*(

    0
  14. 14

    Ajax is my preferred choice when it comes to web designing.

    Cathy

    0
  15. 15

    psychic readings

    June 21, 2007 3:51 am

    interesting thanks

    0
  16. 16

    Pretty useful, thanks.

    BTW, just saw another fancy script — prompt() alternative. Uses transparent background (like Lightbox) and works in IE7 (which dropped support for standard prompt() function).

    0
  17. 17

    great resource of tools
    Thx ;)

    0
  18. 18

    very useful, thanks a lot =)

    0
  19. 19

    Bloody Ripper! These are excellent! Thank you so much!

    0
  20. 20

    As always, another great list!

    -2
  21. 21

    So many great resources! Once again you guys have brought us the best resources, and the topic this time is in the wind like never before!

    0
  22. 22

    Nice and outstanding list. I can use few goodies in upcoming project.

    -1
  23. 23

    Wow fellas, again you have come through with the goods.

    This is my one stop shop for coding goodies on the web.

    Fantastic work.

    0
  24. 24

    any suggestions for a quiz using AJAX?

    0
  25. 25

    Michael Krotchie

    June 21, 2007 8:47 am

    Great list guys, will definitely have to roll some of these nifty tips into my site.

    0
  26. 26

    thank you bro another great list as usual. :)

    1
  27. 27

    Great List. Smashing Magazine always posts some awesome resources,. Keep it up. I can’t wait to try some of these AJAX scripts out. Fun Stuff.

    0
  28. 28

    Brendon Kozlowski

    June 20, 2007 9:51 pm

    Since SyntaxHighlighter is linked, a great way to give a syntax-color coded textarea for programming code (yes, you can type within the textarea). Immerse CMS uses it for its HTML template editing textareas (I can’t remember what the original purpose of the project was).

    0
  29. 29

    Smashingmagazine is my bible. There lists are very exhaustive.

    Keep up the good work.

    0
  30. 30

    Hi, thanks for this great list, one suggestion: could you add also the library in which the effect is based? (when it applies, for example, http://prototype-window.xilinus.com/ obviusly is based in prototype…)

    0
  31. 31

    Very great resources. It’s very useful for me (beginner). I must be others user feel it too.

    0
  32. 32

    You might want to include AjaxDaddy.com in this list.
    Lots of web 2.0 demos are installed there and you can play with the code on the site and check the changes immediately.

    0
  33. 33

    what to say…. again a great list. thanks for your effort

    0
  34. 34

    Uh, did i missed it?
    Where is jQuery and the excelent Interface Library for jQuery? As powerfull as scriptaculous/prototype (probably more) and only 15kb (jQuery)…

    http://jquery.com/
    http://interface.eyecon.ro/

    Besides that – great list, thnx :)

    0
  35. 35

    Fantastic post – very helpful as always ..

    0
  36. 36

    Absolutely a great list! But a list is never complete until Gaia have been added… Gaia Ajax Widgets is a complete framework for ASP.NET 2.0 which is Open Source and Mono compatible.

    Nada need to write JavaScript; everything is manipulated in the server side code, just like you are used to!

    Ajax Controls for ASP.NET here

    1
  37. 37

    Fantastic post very helpful……

    0
  38. 38

    Really amazing list. Thank you for the awesome tipps!

    0
  39. 39

    The Ajax scripts that impress me most are those that start out and would display correctly even with js disabled.

    0
  40. 40

    It’s really cool, thanks

    0
  41. 41

    Jason Bartholme

    June 23, 2007 11:53 am

    Great collection of resources! Since I go the new version of Dreamweaver, I have been playing around with Spry and got it to do some amazing things. I want to use some of these techniques on my existing sites to improve the user experience.

    0
  42. 42

    Great list, folks! Keep on moving!

    0
  43. 43

    Thank you so much for gathering this.

    0
  44. 44

    thanks a lot.grate list.

    0
  45. 45

    Ikeris Sp. z o.o.

    June 25, 2007 2:53 am

    Wow! Brillant list of ajax solutions. Good work.

    0
  46. 46

    i do quite like the styling of the first autocomplete – very cool

    not a bad list either!

    0
  47. 47

    great jobs I like it thanks

    0
  48. 48

    another gallery could be ajaxcompilation.com

    0
  49. 49

    well, good list here :) but you’re mixing visual effects with ajax. it’s not because that shows, flips or dances that it’s ajax

    0
  50. 50

    Ajax is a fast method

    0
  51. 51

    Ajax is my preferred choice when it comes to web designing.

    Besides, thanx for the same

    Grt listing.

    0
  52. 52

    WOW ! these are the best ! tnx

    0
  53. 53

    Great one.. I just started with AJAX.. Found it much useful!!.. Thanks

    0
  54. 54

    شبکه کالاي ايران

    July 10, 2007 2:28 am

    Ajax is my LOVE
    do u know? ;-)

    0
  55. 55

    yea, nice article, but this form THIS add comment form not on ajax, and if you don’t feel nothing, make error:
    “WordPress

    Error: please fill the required fields (name, email).”

    0
  56. 56

    This is awesome! Dude, it’s great!

    0
  57. 57

    Thanks guys, very good tools..

    0
  58. 58

    Its simply unbelivable. Its the best help.

    Thanks A Lot

    0
  59. 59

    Nice list, as much as love preparing my own code and hate eating precooked code, it doesnt hurt to learn from others. How many times have you tried writing something only to find out after 2 days of coding the exact same code is written already. That’s the biggest problem with JavaScript, the fact that it is not centrally packaged and lacks a development facade. Prototype tried to fix that, but now there are tons of farmeworks out there all trying to compete with each other, which basically defeats the whole purpose of using a framework. Just my 2 cents.

    0
  60. 60

    Victor Kuriashkin

    August 8, 2007 8:28 pm

    Thank U very much. Cool!

    0
  61. 61

    Absolutely a great list!

    this a very very useful scripts ………

    thanx a lot buddy…..

    1
  62. 62

    Wow, this is a gem! Thanks for putting this list up.

    0
  63. 63

    Very cool stuff!! I liked it.. Keep up the good work!!

    Have fun
    Cheers.

    0
  64. 64

    Excellent!!!!

    0
  65. 65

    Wow, so much list. I refer your post in my blog.

    0
  66. 66

    Is’s perfect.
    Thanx a lot.

    0
  67. 67

    whoa thats a lot of trackbacks, nice ajax scripts :)

    0
  68. 68

    Thanks, iv used a few of the forms listed here in my site and they make it look so much better

    0
  69. 69

    This is an amazing resource! Thanks for compiling this; I can definitely see some potential uses for my website.

    0
  70. 70

    Sometimes, too many choice makes making dicision harder.

    0
  71. 71

    Really some wonderful tips which helps me a lot. I love them much.
    Hope we can get more coding like these in future.

    0
  72. 72

    The list looks good. Will let you know when I use it

    0
  73. 73

    nice list .. keeep on

    0
  74. 74

    Quiet nice. Could use some of these.

    0
  75. 75

    Thanks for the wonderful AJAX list

    0
  76. 76

    Very Thanx. Nice Ajax collection.

    0
  77. 77

    Wow, what a fantastic array of apps, have already deployed the flash charts/js on a client site and boy are they happy.

    Thanks for sharing

    M

    0
  78. 78

    Thx for this useful Ajax resourse. Good content.

    0
  79. 79

    Great list, another good one is http://www.miniajax.com

    -1
  80. 80

    very usefull.thanks..

    0
  81. 81

    thanx for this examples

    0
  82. 82

    Thank You Again and Again , Knowledge cant measure using Money

    0
  83. 83

    thank for the site. Very usefull though example of organizing flicr like image streams would be appreciated

    0
  84. 84

    Thanx for such good examples

    0
  85. 85

    Really some wonderful tips which helps me a lot.

    0
  86. 86

    very useful information thanks a lot

    0
  87. 87

    Great archive of ajax scripts. I’m going to bookmark this page!! thank you!

    0
  88. 88

    If you’re an AJAX novice and are defied by AJAX, then you may want to try AJAX Webshop because it features IDE and visualization and allows beginners to develop Rich Web applications quickly. Let’s look at some of its features:

    Based on standard component library it allows Ajax IDE in the pattern of rapid application development (RAD)

    Integrated development and management tools are available. Easy-to-use visual Unified Modeling Language and visual IDE; complete component and object-oriented development pattern

    Rich Web component library

    Troubleshooting IntelliSense support, code editing support, project release and deployment support.

    Java, PHP, C#, VB support

    Compatible with IE, Firefox

    0
  89. 89

    Yaa man,
    you got it all right.
    This is the way to give the tutos.

    Thank you so much,
    Keep it up,

    Thanks & Regards,
    Reddy Prasad

    0
  90. 90

    I will use these scripts thank you

    0
  91. 91

    Nice scripts, thanks!

    0
  92. 92

    the best List excellent …………

    0
  93. 93

    very nice list, hip hip hura … ajax top buanget
    –ajax new comer

    0
  94. 94

    I’m using autocomplete in a movie-application, but it’s nice to see good alternatives

    0
  95. 95

    What an amazing list of AJAX solutions! Thank you so much! I will definitely use great number of these for my projects:)

    0
  96. 96

    Man I owe you one!

    x

    0
  97. 97

    good list. thanks all.

    0
  98. 98

    I just wanted to give a shout to Smashing for always providing amazing resources for developers. I have used this site to help “teach” some of the print designers I work with how to design for web. Great stuff, and because of it we just launched a new site focused on entrepreneurship and startups in New Orleans, check it out Startup New Orleans

    0
  99. 99

    Great article about using ajax scripts. This page is allready bookmarked, Thanks !

    0
  100. 100

    Whouaaaouh thanks for this 80 ajax code links :)

    0
  101. 101

    This post has guided me with so many projects! Its a great reference and allowance to build upon the tutorials and examples! Thanks for a great post.

    0
  102. 102

    aowwwwwwwwwwwwwwwwwwwwwwwwww thanks boy , very goooooood

    0
  103. 103

    WOOW ) Beauty Ajax collections. U R KINK my friend:D [ from hungary ] bye…

    0
  104. 104

    wat a site………i have no words to thank u……..really ver very help ful

    0
  105. 105

    Amazing techs! I found it so useful. I have to go back to my site and do some work now!

    0
  106. 106

    Thanks, collection!

    0
  107. 107

    not bad
    in fact helping links like this make me surprised because we wish to use everything in out project but again use one or two …
    no doubt when we combine our efforts so produce such a marvelous thing

    0
  108. 108

    very nice!

    0
  109. 109

    What about JavaScriptMVC. It’s the best way to organize all your Ajax functionality.

    0
  110. 110

    Excellent Article.. amazing..

    0
  111. 111

    use your list very oftern, really nice and useful.

    0
  112. 112

    Thanks for this list !

    0
  113. 113

    too good scripts
    welldone

    0
  114. 114

    very exellent functions

    0
  115. 115

    Nice stuffs. Keep it up

    0
  116. 116

    Thanks for this excellent resource……very helpful…….

    0
  117. 117

    Keep Up!

    0
  118. 118

    nice resources available here keep up the good work

    0
  119. 119

    thanks to all !!! really nice

    0
  120. 120

    One more addition to your great list:
    DHTMLX Toolkit – a JavaScript library of more than UI 15 components, among which full-featured datagrid, tree menu, and layout control that allows developers to combine all the components into a common user interface. DHTMLX is available under both GNU GPL and commercial licenses.

    0
  121. 121

    Very great resources :*

    0
  122. 122

    for me this is first time seeing ajax in net .its nice experience 4 me

    0
  123. 123

    Cool collection. I think JustAjax Table justajax.com would be a great addition to your “AJAX Grids, Tables” section. Look at demo here http://justajax.com/table/demo.html

    0
  124. 124

    Good stuff man but i think its better to put them all in one Rapidshare link and share for All.
    :)

    0
  125. 125

    Great list of Ajax examples at: http://www.ajaxbasics.com

    0
  126. 126

    Good stuff. The folder creation could have been much better.

    0
  127. 127

    burtal la lista, creo que voy usar uno que otro código de esta página :D

    0
  128. 128

    You guys are great! :D

    0
  129. 129

    Thanks! Good work…

    0
  130. 130

    how i can say its really great job. thank you smash magazine you are number 1

    0
  131. 131

    Really very exiciting ….

    0
  132. 132

    Really great works,they are very interesting.I like those things,and I will study the jquery.thanks for your sharing.

    0
  133. 133

    Great great work…nice collection..!!!
    Thanx a lot..

    0
  134. 134

    nice list, thx

    0
  135. 135

    George Serradinho

    April 22, 2009 9:40 am

    I’m no pro, but thanks for sharing this info.

    It’s nice to see how the pro’s do it.

    0
  136. 136

    Sarosh K Durrani

    May 19, 2009 10:18 pm

    Very awesome

    0
  137. 137

    dendy b sulistyo

    May 28, 2009 5:37 am

    awweesoome!
    but..
    toooo much information on my brain :D

    0
  138. 138

    Faisal Ahmed Qureshi

    June 16, 2009 8:03 pm

    Very Nice

    0
  139. 139

    helpful… thanks a lot!!!

    0
  140. 140

    oh,very cool,it is really a good collection of Ajax code.I like it.I will add it to my favorite,and study them all.Thank a lot.

    0
  141. 141

    amazing list! :D

    0
  142. 142

    Super stuff thx

    0
  143. 143

    i like fusionchart for build ajax chart u can see this tutorial : http://www.ajax-tutorial.net/

    0
  144. 144
  145. 145

    thanks muchly,
    a lot of them were really useful for me

    0
  146. 146

    r4:: the list is awesome…. but the point is…. how to implement it? I mean it seems interesting to find out how it works as a fresher….. keep posting. Will be visiting back soon.

    0
  147. 147
  148. 148

    this site is very cool help me a lot i love dinesh give 100 star…:)

    0
  149. 149

    Webmaster Sitesi ClassTurk.NeT

    0
  150. 150

    Much thanks

    0
  151. 151

    Super Zusammenstellung danke
    von ur-werbung-bremen.de

    0
  152. 152

    this site is very cool….!!!!

    0
  153. 153

    cooooooooooooooooool

    1
  154. 154

    here you have a great site with a lot of scripts
    http://www.ajaxshake.com

    0

↑ Back to top