ajax

FacebookTwitter
scriptaculous

desktop

In Web 2.0 registration and feedback forms can be found everywhere. 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 .

CSS-Based Forms: Modern Solutions | CSS

http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/
http://www.dhtmlgoodies.com/index.html?whichScript=dragable-boxes Demo Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available.

Dragable RSS boxes

http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/

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 Added support for latest versions of Prototype & script.aculo.us (1.6.1.0 & 1.8.2 respectively). Changes provided by Tom Hirashima.

Lightbox JS v2.0

Lightbox is a simple, unobtrusive script used to overlay images on top of the current page. It's a snap to setup and works on all modern browsers . Examples Single image http://lokeshdhakar.com/projects/lightbox2/
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 http://scriptaculous.le-developpeur-web.com/scriptaculous.demo.php

Scriptaculous : demonstration - le-developpeur-web.com

Recently we had a forum post by Heiko in which he asked whether anyone knew a JavaScript or Java based 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.

Design | Accessible JavaScript Newsticker

http://www.bartelme.at/journal/archive/accessible_javascript_newsticker/
http://www.mattkruse.com/javascript/dynamicoptionlist/

JavaScript Toolbox - 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 selected makeModel.forText("Honda").addOptions("Civic","Accord","Prelude"); // Add these options if TEXT of option is selected makeModel.forValue("Ford").setDefaultOptions("Fiesta"); makeModel.forText("Honda").setDefaultOptions("Accord"); makeModel.forValue("Ford").forValue("Taurus").addOptions("2-door","4-door"); makeModel.forField("MODEL").setValues("Focus","Taurus"); makeModel.forField("TYPE").setValues("2-door"); makeModel.forField("MODEL2").setValues("Civic","Prelude"); makeModel.forValue("Toyota").addOptionsTextValue("Camry","10-CAMRY","Corolla","20-COROLLA","Celica","30-CELICA"); // Add options with values different from text <p style="text-align:right;color:#A8A8A8"></p>