Ajax

Facebook Twitter

Scriptaculous

Desktop. Ajaxwhois 2.0 - fast domain name search and whois. IxEdit. CSS-Based Forms: Modern Solutions. Advertisement In Web 2.0 registration and feedback forms can be found everywhere.

CSS-Based Forms: Modern Solutions

Every start-up tries to attract visitors’ attention, so web-forms are becoming more and more important for the success of any company. In the end, exactly those web-forms are responsible for the first contact with potential customers. Let’s take a look, which modern solutions a web-developer can use, designing his/her next css-based form. Links checked: May/08 2008. Developing Forms Prettier Accessible Forms1 The Form Assembly – Form Layouts2 CSS Styling of forms, Stu Nicholls Semantic Horizontal Forms3 Trimming form fields4 Badboy Niceforms5 Functional Pretty Forms6 CSS-Only, Table-less Forms7 Accessible Forms Subtraction: Free Form for All – Standardkonforme Online-Formulare8 Accessible CSS Forms9 Form Layout Templates10 Style Web Forms Using CSS11 Form Help without Popups12 Fun with forms – customized input elements13 Styling Form Fields14 AutoSuggest – An autocomplete text field with Ajax15 Scrollable Checklists17.

Dragable RSS boxes. Demo Licensing This script is distributed under the LGPL open source license.Commercial licenses are also available.

Dragable RSS boxes

Some of these licenses also includes personal e-mail support for up to 1 year. Download files You can download the entire project from this zip file. Setup Server side script This script requires that you have access to PHP on your server. Files included in package. GetElementsByClass. DEfusion.org.uk » JavaScript Image Cropper UI, using Prototype & script.aculo.us. Details Support for latest versions of Prototype & script.aculo.us (1.7.0 & 1.9.0 respectively) Tested with & added support notice for IE9. Designstudio - mooImageCrop - crop your images with AJAX and PHP. Ajaxload - Ajax loading gif generator. AJAX - MDC. The JavaScript Toolkit. MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts.

Scriptaculous : demonstration - le-developpeur-web.com. Appliquer des effets spéciaux function tester1() { new Effect.toggle('div_1','blind'); } On va diminuer la transparence du calque (mais on peut aussi le faire dans l'autre sens) : calque 2 calque 3 avec du texte pour faire beau calque 4 avec du texte pour faire beau calque 5 avec du texte pour faire beau function tester6() { new Effect.Puff('div_6'); } function tester7() { new Effect.Shake('div_7'); } function tester8() { new Effect.Pulsate('div_8'); } Rendre une element du DOM déplaçable par Drag and Drop Cliquez sur "Tester 9" et cliquez-déplacer-déposer le calque : calque 9 function tester9() { new Draggable('div_9'); } Changer l'ordre d'une liste à puce par Drag and Drop CLiquez sur "Tester 10" et cliquez-glissez les élément de la liste : Element 1 Element 2 Element 3 Element 4 Element 5 function tester10() { Sortable.create('maListe'); } Utiliser une liste déroulante à autocompletion de texte via AJAX Cliquez sur "Tester 11".

Scriptaculous : demonstration - le-developpeur-web.com

Voici le script PHP du fichier "fluxAutocompletion01.php" : <? Calque 15. Argilla: aScroller. Accessible JavaScript Newsticker. Recently we had a forum post by Heiko in which he asked whether anyone knew a JavaScript or Java based newsticker.

Accessible JavaScript Newsticker

Actually I didn’t know any, so I decided to code one on my own. Personally I don’t like conventional newstickers because of several reasons. First of all they are quite questionable from a usability point of view — the scrolling text distracts the user from the actual content. Secondly most of the implementations are not accessible, since they either use Java applets or JavaScript that does not degrade gracefully. And last but not least most implementations take up an impressive amount of CPU performance. So I made up my mind and came up with a solution that more or less eliminates those downsides. <div id="newsticker"><ul><li>Newsticker text 01</li><li>Newsticker text 02</li><li>Newsticker text 03</li></ul></div> Note: Even though I’m quite familiar with JavaScript there is of course room for improvement.

Rico Forum - Remove borders from Accordion. Site Changes This site will be undergoing modifications to change its emphasis.

Rico Forum - Remove borders from Accordion

Its new goal will be to provide useful links and information regarding rich internet application development. Richard Cowin's New Thing Richard Cowin has been working on a site with some interesting ideas on collecting and organizing content. Script.aculo.us - web 2.0 javascript. Dynamic Option List. Var makeModel = new DynamicOptionList("MAKE","MODEL","TYPE");makeModel.addDependentFields("MAKE2","MODEL2","TYPE2"); makeModel.forValue("Ford").addOptions("Fiesta","Focus","Taurus"); // Add options if VALUE of option is selectedmakeModel.forText("Honda").addOptions("Civic","Accord","Prelude"); // Add these options if TEXT of option is selected.

Dynamic Option List

ToutAjax.info. Ajax demonstration. Site Changes This site will be undergoing modifications to change its emphasis.

ajax demonstration

Its new goal will be to provide useful links and information regarding rich internet application development. Richard Cowin's New Thing Richard Cowin has been working on a site with some interesting ideas on collecting and organizing content.