ScriptAculoUs 1.6.5

Si vous ne connaissez pas encore Scriptaculous, je vous invite à voir quelques exemples d'utilisation sur cette demonstration.

Voici la liste des méthodes, propriétés et fonctions classées selon leur ordre d'apparition dans chaques fichiers appelés par scriptaculous.js :

Toutes les méhodes n'ont pas été testées par mes soins par soucis de temps.
Si vous avez donc éclairci l'utilité de certaines méthodes ou que vous avez des exemples d'utilisation,
vous pouvez m'envoyer vos messages à cette adresse : contact

EFFECTS : De nombreux effets spéciaux applicables à des éléments HTML
BUILDERS : Permet de construire des éléments HTML du DOM dynamiquement
CONTROLS : De nombreux outils pratiques : Ajax, Autocomplétion, éditeurs de texte...
DRAGDROP : Rendre des élément HTML déplaçables via le Drag'n'Drop (cliquez-glisser-déposer)
SLIDERS : De éléments HTML glissables
UNITEST : Pour débuguer lors des développements

Scriptaculous Info
fonctions, méthodes, propriétés	Role	Argument en parametre	Element retourné	Nature
Scriptaculous.version	retourne la version de Scriptaculous	-	version de Scriptaculous	-
Scriptaculous.require()	???	???	???	méthode
Scriptaculous.load()	???	???	???	méthode

EFFECTS
fonctions, méthodes, propriétés	Role	Argument en parametre	Element retourné	Nature
String.parseColor()	???	???	???	-
Element.collectTextNodes()	???	???	???	-
Element.collectTextNodesIgnoreClass()	???	???	???	-
Element.setContentZoom()	???	???	???	-
Element.getOpacity()	???	???	???	-
Element.setOpacity()	???	???	???	-
Element.getInlineOpacity()	???	???	???	-
Element.childrenWithClassName()	???	???	???	-
Element.forceRerendering()	???	???	???	-
Array.call()	???	???	???	-
Effect._elementDoesNotExistError()	???	???	???	-
Effect.tagifyText()	???	???	???	-
Effect.multiple()	???	???	???	-
Effect.PAIRS	???	???	???	-
Effect.toggle()	Bascule un element HTML d'un état à un autre en utilsant 1 des 4 effets	element HTML \| id, {options}	objet effect	Méthode
Effect.Transitions.CONSTRUCTOR()	???	???	???	-
Effect.Transitions.linear()	???	???	???	-
Effect.Transitions.sinoidal()	???	???	???	-
Effect.Transitions.reverse()	???	???	???	-
Effect.Transitions.flicker()	???	???	???	-
Effect.Transitions.wobble()	???	???	???	-
Effect.Transitions.pulse()	???	???	???	-
Effect.Transitions.none()	???	???	???	-
Effect.Transitions.full()	???	???	???	-
Effect.ScopedQueue.CONSTRUCTOR()	???	???	???	-
Effect.ScopedQueue.effects	???	???	???	-
Effect.ScopedQueue.interval	???	???	???	-
Effect.ScopedQueue._each()	???	???	???	-
Effect.ScopedQueue.add()	???	???	???	-
Effect.ScopedQueue.remove()	???	???	???	-
Effect.ScopedQueue.loop()	???	???	???	-
Effect.Queues()	???	???	???	-
Effect.Queues.instances	???	???	???	-
Effect.Queues.get()	???	???	???	-
Effect.Queue()	???	???	???	-
Effect.DefaultOptions.transition	???	???	???	-
Effect.DefaultOptions.duration	???	???	???	-
Effect.DefaultOptions.duration	???	???	???	-
Effect.DefaultOptions.fps	???	???	???	-
Effect.DefaultOptions.sync	???	???	???	-
Effect.DefaultOptions.from	???	???	???	-
Effect.DefaultOptions.to	???	???	???	-
Effect.DefaultOptions.delay	???	???	???	-
Effect.DefaultOptions.queue	???	???	???	-
Effect.Base.CONSTRUCTOR()	???	???	???	-
Effect.Base.position	???	???	???	-
Effect.Base.start()	???	???	???	-
Effect.Base.loop()	???	???	???	-
Effect.Base.render()	???	???	???	-
Effect.Base.cancel()	???	???	???	-
Effect.Base.event()	???	???	???	-
Effect.Base.inspect()	???	???	???	-
Effect.Parallel.CONSTRUCTOR()	Permet de combiner plusieurs effets	element HTML \| id, {options}	objet effect	Méthode
Effect.Parallel.effects	???	???	???	-
Effect.Parallel.start	???	???	???	-
Effect.Parallel.update()	???	???	???	-
Effect.Parallel.finish()	???	???	???	-
Effect.Event()	???	???	???	-
Effect.Opacity.CONSTRUCTOR()	Permet de modifier la "transparence" d'un element HTML	element HTML \| id, {options}	objet effect	Méthode
Effect.Opacity.update()	???	???	???	-
Effect.Move.element	???	???	???	-
Effect.Move.setup()	???	???	???	-
Effect.Move.update()	???	???	???	-
Effect.MoveBy()	Déplace un element HTML de son emplacement vers un point défini	element HTML \| id, y, x, {options}	objet effect	Méthode
Effect.Scale.CONSTRUCTOR()	Agrandit (ou diminue) un element HTML et son contenu	element HTML \| id, pourcentage, {options}	objet effect	Méthode
Effect.Scale.element	???	???	???	-
Effect.Scale.setup()	???	???	???	-
Effect.Scale.update()	???	???	???	-
Effect.Scale.finish()	???	???	???	-
Effect.Scale.setDimensions()	???	???	???	-
Effect.Highlight.CONSTRUCTOR()	Transition d'un element d'une couleur à une autre	element HTML \| id, {options}	objet effect	Méthode
Effect.Highlight.setup()	???	???	???	-
Effect.ScrollTo.CONSTRUCTOR()	???	???	???	-
Effect.ScrollTo.element	???	???	???	-
Effect.ScrollTo.setup()	???	???	???	-
Effect.ScrollTo.update()	???	???	???	-
Effect.Fade()	Permet de faire disparaitre un élément HTML par fondu sortante (fade out)	element HTML \| id, {options}	objet effect	Méthode
Effect.Appear()	Permet de faire apparaitre un élément HTML par fondu entrante (fade in)	element HTML \| id, {options}	objet effect	Méthode
Effect.Puff()	Permet de faire disparaitre un élément HTML en le grossissant en même temps	element HTML \| id, {options}	objet effect	Méthode
Effect.BlindUp()	Fait disparaitre un élément HTML par diminution verticale	element HTML \| id, {options}	objet effect	Méthode
Effect.BlindDown()	Fait apparaitre un élément HTML par diminution verticale	element HTML \| id, {options}	objet effect	Méthode
Effect.SwitchOff()	Fait disparaitre un élément HTML en descendant	element HTML \| id, {options}	objet effect	Méthode
Effect.DropOut()	Permet de faire disparaitre un élément HTML en tombant	element HTML \| id, {options}	objet effect	Méthode
Effect.Shake()	Secoue un élément HTML de gauche à droite	element HTML \| id, {options}	objet effect	Méthode
Effect.SlideDown()	Déroule un element HTML et dévoile son contenu	element HTML \| id, {options}	objet effect	Méthode
Effect.SlideUp()	Enroule un element HTML et dévoile son contenu	element HTML \| id, {options}	objet effect	Méthode
Effect.Squish()	???	???	???	-
Effect.Grow()	Permet de grandir ou diminuer un élément HTML	element HTML \|id, {option}	objet effect	Méthode
Effect.Shrink()	Fait diminuer un element HTML et disparait	element HTML \|id, {option}	objet effect	Méthode
Effect.Pulsate()	Fait clignoter un element HTML et disparait	element HTML \|id, {option}	objet effect	Méthode
Effect.Fold()	Fait diminuer un element HTML verticalement, puis horizontalement, et disparait	element HTML \|id, {option}	objet effect	Méthode
Element.Methods.visualEffect()	???	???	???	-

BUILDERS
fonctions, méthodes, propriétés	Role	Argument en parametre	Element retourné	Nature
Builder.node()	Ajoute au DOM des elements HTML dynamiquement	element HTML \| id, {attribut}, contenu	element HTML	Méthode
Builder._text()	???	???	???	-
Builder._attributes()	???	???	???	-
Builder._children()	???	???	???	-
Builder._isStringOrNumber()	???	???	???	-
Builder.build()	???	???	???	-
Builder.dump()	???	???	???	-

CONTROLS
fonctions, méthodes, propriétés	Role	Argument en parametre	Element retourné	Nature
Autocompleter.Base.CONSTRUCTOR()	???	???	???	-
Autocompleter.Base.baseInitialize()	???	???	???	-
Autocompleter.Base.show()	???	???	???	-
Autocompleter.Base.fixIEOverlapping()	???	???	???	-
Autocompleter.Base.hide()	???	???	???	-
Autocompleter.Base.startIndicator()	???	???	???	-
Autocompleter.Base.stopIndicator()	???	???	???	-
Autocompleter.Base.onKeyPress()	???	???	???	-
Autocompleter.Base.activate()	???	???	???	-
Autocompleter.Base.onHover()	???	???	???	-
Autocompleter.Base.onClick()	???	???	???	-
Autocompleter.Base.onBlur()	???	???	???	-
Autocompleter.Base.render()	???	???	???	-
Autocompleter.Base.markPrevious()	???	???	???	-
Autocompleter.Base.markNext()	???	???	???	-
Autocompleter.Base.getEntry()	???	???	???	-
Autocompleter.Base.getCurrentEntry()	???	???	???	-
Autocompleter.Base.selectEntry()	???	???	???	-
Autocompleter.Base.updateElement()	???	???	???	-
Autocompleter.Base.updateChoices()	???	???	???	-
Autocompleter.Base.addObservers()	???	???	???	-
Autocompleter.Base.onObserverEvent()	???	???	???	-
Autocompleter.Base.getToken()	???	???	???	-
Autocompleter.Base.findLastToken()	???	???	???	-
Ajax.Autocompleter.CONSTRUCTOR()	Créé un combobox (liste déroulante) à autocomplétion	id du champ, id de l'element HTML à remplir, url, {options}	objet Ajax.Autocompleter	Méthode
Ajax.Autocompleter.getUpdatedChoices()	???	???	???	-
Ajax.Autocompleter.onComplete()	???	???	???	-
Autocompleter.Local.CONSTRUCTOR()	???	???	???	-
Autocompleter.Local.getUpdatedChoices()	???	???	???	-
Autocompleter.Local.setOptions()	???	???	???	-
Field.scrollFreeActivate();	???	???	???	-
Ajax.InPlaceEditor.CONSTRUCTOR()	Permet de modifier le contenu d'un élément HTML	objet Ajax.InPlaceEditor	???	-
Ajax.InPlaceEditor.defaultHighlightColor	???	???	???	-
Ajax.InPlaceEditor.enterEditMode()	???	???	???	-
Ajax.InPlaceEditor.createForm()	???	???	???	-
Ajax.InPlaceEditor.hasHTMLLineBreaks()	???	???	???	-
Ajax.InPlaceEditor.convertHTMLLineBreaks()	???	???	???	-
Ajax.InPlaceEditor.createEditField()	???	???	???	-
Ajax.InPlaceEditor.getText()	???	???	???	-
Ajax.InPlaceEditor.loadExternalText()	???	???	???	-
Ajax.InPlaceEditor.onLoadedExternalText()	???	???	???	-
Ajax.InPlaceEditor.onclickCancel()	???	???	???	-
Ajax.InPlaceEditor.onFailure()	???	???	???	-
Ajax.InPlaceEditor.onSubmit()	???	???	???	-
Ajax.InPlaceEditor.onLoading()	???	???	???	-
Ajax.InPlaceEditor.showSaving()	???	???	???	-
Ajax.InPlaceEditor.removeForm()	???	???	???	-
Ajax.InPlaceEditor.enterHover()	???	???	???	-
Ajax.InPlaceEditor.leaveHover()	???	???	???	-
Ajax.InPlaceEditor.leaveEditMode()	???	???	???	-
Ajax.InPlaceEditor.onComplete()	???	???	???	-
Ajax.InPlaceEditor.onEnterEditMode()	???	???	???	-
Ajax.InPlaceEditor.onLeaveEditMode()	???	???	???	-
Ajax.InPlaceEditor.dispose()	???	???	???	-
Ajax.InPlaceCollectionEditor.CONSTRUCTOR()	???	???	???	-
Ajax.InPlaceCollectionEditor.createEditField()	???	???	???	-
Form.Element.DelayedObserver.CONSTRUCTOR()	???	???	???	-
Form.Element.DelayedObserver.delay	???	???	???	-
Form.Element.DelayedObserver.element	???	???	???	-
Form.Element.DelayedObserver.callback	???	???	???	-
Form.Element.DelayedObserver.timer	???	???	???	-
Form.Element.DelayedObserver.lastValue	???	???	???	-
Form.Element.DelayedObserver.delayedListener()	???	???	???	-
Form.Element.DelayedObserver.onTimerEvent()	???	???	???	-

DRAGDROP
fonctions, méthodes, propriétés	Role	Argument en parametre	Element retourné	Nature
Droppables.drops	???	???	???	-
Droppables.remove()	Supprime un droppable à la liste des droppables.	element HTML \| id	-	Méthode
Droppables.add()	Ajoute un droppable à la liste des droppables	element HTML \| id, {options}	-	Méthode
Droppables.findDeepestChild()	???	???	???	-
Droppables.isContained()	???	???	???	-
Droppables.isAffected()	???	???	???	-
Droppables.deactivate()	???	???	???	-
Droppables.activate()	???	???	???	-
Droppables.show()	???	???	???	-
Droppables.fire()	???	???	???	-
Droppables.reset	???	???	???	-
Draggables.drags	???	???	???	-
Draggables.observers	???	???	???	-
Draggables.register()	???	???	???	-
Draggables.unregister()	???	???	???	-
Draggables.activate()	???	???	???	-
Draggables.deactivate()	???	???	???	-
Draggables.updateDrag()	???	???	???	-
Draggables.endDrag()	???	???	???	-
Draggables.keyPress()	???	???	???	-
Draggables.addObserver()	???	???	???	-
Draggables.removeObserver()	???	???	???	-
Draggables.notify()	???	???	???	-
Draggables._cacheObserverCallbacks	???	???	???	-
Draggable.CONSTRUCTOR()	Permet de cliquer-déplacer-deposer un element HTML	???	objet Dragable	Méthode
Draggable.handle	???	???	???	-
Draggable.reverteffect	???	???	???	-
Draggable.endeffect	???	???	???	-
Draggable.zindex	???	???	???	-
Draggable.revert	???	???	???	-
Draggable.scroll	???	???	???	-
Draggable.scrollSensitivity	???	???	???	-
Draggable.scrollSpeed	???	???	???	-
Draggable.snap	???	???	???	-
Draggable.delay	???	???	???	-
Draggable.delta	???	???	???	-
Draggable.options	???	???	???	-
Draggable.dragging	???	???	???	-
Draggable.eventMouseDown	???	???	???	-
Draggable.destroy()	???	???	???	-
Draggable.currentDelta()	???	???	???	-
Draggable.initDrag()	???	???	???	-
Draggable.startDrag()	???	???	???	-
Draggable.updateDrag()	???	???	???	-
Draggable.finishDrag()	???	???	???	-
Draggable.keyPress()	???	???	???	-
Draggable.endDrag()	???	???	???	-
Draggable.draw()	???	???	???	-
Draggable.stopScrolling()	???	???	???	-
Draggable.startScrolling()	???	???	???	-
Draggable.scroll()	???	???	???	-
Draggable._getWindowScroll()	???	???	???	-
SortableObserver.CONSTRUCTOR()	???	???	???	-
SortableObserver.element	???	???	???	-
SortableObserver.observer	???	???	???	-
SortableObserver.lastValue	???	???	???	-
SortableObserver.onStart()	???	???	???	-
SortableObserver.onEnd()	???	???	???	-
Sortable.SERIALIZE_RULE	???	???	???	-
Sortable._findRootElement()	???	???	???	-
Sortable.options()	???	???	???	-
Sortable.destroy()	Détruit un éléments "sortable"	element HTML \| id	-	Méthode
Sortable.create()	Crée une liste dont les éléments peuvent être déplacés.	element HTML \| id, {options}	-	Méthode
Sortable.findElements()	???	???	???	-
Sortable.findTreeElements()	???	???	???	-
Sortable.onHover()	???	???	???	-
Sortable.onEmptyHover()	???	???	???	-
Sortable.unmark()	???	???	???	-
Sortable.mark()	???	???	???	-
Sortable._tree()	???	???	???	-
Sortable._findChildrenElement()	???	???	???	-
Sortable.tree()	???	???	???	-
Sortable._constructIndex()	???	???	???	-
Sortable.sequence()	???	???	???	-
Sortable.setSequence()	???	???	???	-
Sortable.serialize()	Retourne une chaîne contenant les id des éléments dans l'ordre définit	element HTML \| id, {options}	chaine	Méthode
Element.isParent()	???	???	???	-
Element.findChildren()	???	???	???	-
Element.offsetSize()	???	???	???	-

SLIDERS
fonctions, méthodes, propriétés	Role	Argument en parametre	Element retourné	Nature
Control.Slider.CONSTRUCTOR()	???	???	???	Méthode
Control.Slider.handles	???	???	???	-
Control.Slider.track	???	???	???	-
Control.Slider.options	???	???	???	-
Control.Slider.axis	???	???	???	-
Control.Slider.increment	???	???	???	-
Control.Slider.step	???	???	???	-
Control.Slider.range	???	???	???	-
Control.Slider.value	???	???	???	-
Control.Slider.values	???	???	???	-
Control.Slider.spans	???	???	???	-
Control.Slider.options.startSpan	???	???	???	-
Control.Slider.options.endSpan	???	???	???	-
Control.Slider.restricted	???	???	???	-
Control.Slider.maximum	???	???	???	-
Control.Slider.minimum	???	???	???	-
Control.Slider.alignX	???	???	???	-
Control.Slider.alignY	???	???	???	-
Control.Slider.trackLength	???	???	???	-
Control.Slider.handleLength	???	???	???	-
Control.Slider.active	???	???	???	-
Control.Slider.dragging	???	???	???	-
Control.Slider.disabled	???	???	???	-
Control.Slider.eventMouseDown	???	???	???	-
Control.Slider.eventMouseUp	???	???	???	-
Control.Slider.eventMouseMove	???	???	???	-
Control.Slider.initialized	???	???	???	-
Control.Slider.dispose()	???	???	???	-
Control.Slider.setDisabled()	???	???	???	-
Control.Slider.setEnabled()	???	???	???	-
Control.Slider.getNearestValue()	???	???	???	-
Control.Slider.setValue()	???	???	???	-
Control.Slider.setValueBy()	???	???	???	-
Control.Slider.translateToPx()	???	???	???	-
Control.Slider.translateToValue()	???	???	???	-
Control.Slider.getRange()	???	???	???	-
Control.Slider.minimumOffset()	???	???	???	-
Control.Slider.maximumOffset()	???	???	???	-
Control.Slider.isVertical()	???	???	???	-
Control.Slider.drawSpans()	???	???	???	-
Control.Slider.setSpan()	???	???	???	-
Control.Slider.updateStyles()	???	???	???	-
Control.Slider.startDrag()	???	???	???	-
Control.Slider.update()	???	???	???	-
Control.Slider.draw()	???	???	???	-
Control.Slider.endDrag()	???	???	???	-
Control.Slider.finishDrag()	???	???	???	-
Control.Slider.updateFinished()	???	???	???	-

UNITEST
fonctions, méthodes, propriétés	Role	Argument en parametre	Element retourné	Nature
A FAIRE!!!	???	???	???	-

Scriptaculous

C'est quoi ?

Demo

Débuter

Téléchargement

ScriptAculoUs 1.6.5