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 Link

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 Link

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 Link

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 Link

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 Link

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 Link

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 Link

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 Link

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 Link

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 Link

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 Link

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 Link

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 Link

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 Link

  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 top Tweet itShare on Facebook

Sven is the co-founder and former CEO of Smashing Magazine. He's now writing at his Conterest Blog, where he focuses on blogs, content strategy and publishing — all in German.

Advertisement
  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

↑ Back to top