Visualisation d'une page Webjax
YUI - Yahoo User Interface (pré-requis)
YUI ou Yahoo User Interface, est une librairie Javascript qui permet d'améliorer considérablement le développpement d'interfaces riches.
En comparaison aux deux librairies Javascript déjà présentées ce framework de Yahoo fait office de mastodonte en terme de possibilités.
Cependant son utilisation évoluée peut se révéler complexe, voir très complexe du fait de l'enchevètrement de code au sein de la même page par exemple,
de l'aspect finalement beaucoup moins intuitif que Scriptaculous.
YUI compense réellement son manque d'intuitivité par sa richesse en termes de widgets mais aussi fonctionnelle.
Les différentes parties de YUI peuvent être triés en 3 catégories :
- 'Utilities' : ou code 'utilitaire' qui peut servir et permettre d'optimiser du code actuel, accéder à certaines facilités
difficilement accessibles auparavant.
C'est dans cette catégorie que sont rangées les fonctionnalités Drag&Drop, Event, mais aussi
Animation , et Connection Manager.
- 'UI Controls' : ou 'Contrôles d'interfaces utilisateur'.
On trouve dans cette catégorie les fichiers permettant de gérer
l'"Autocomplete" (ndr : voir dans la rubrique Scriptaculous, la page Autocompleter.Base(class) pour comparaison éventuelle), de gérer des
Container , des Calendar (ndr : 'calendriers' en français), des Menu , des Slider etc..
- 'CSS Resources' : ou 'Ressources CSS' qui donnent accès à des modèles de page prêt à l'emploi et architecturées selon des feuilles de style
CSS performantes et optimisées.
Le tableau ci après donne un aperçu des dossiers constituants de YUI :
Dossier
Nb fichiers
Détails
animation
4
autocomplete
4
calendar
8
connection
4
container
15
dom
4
dragdrop
4
event
4
fonts
3
grids
3
logger
5
menu
14
reset
3
reset-fonts-grids
2
slider
4
tabview
6
treeview
17
utilities
2
yahoo
4
yahoo-dom-event
2
En comparaison aux deux librairies Javascript déjà présentées ce framework de Yahoo fait office de mastodonte en terme de possibilités.
Cependant son utilisation évoluée peut se révéler complexe, voir très complexe du fait de l'enchevètrement de code au sein de la même page par exemple, de l'aspect finalement beaucoup moins intuitif que Scriptaculous.
YUI compense réellement son manque d'intuitivité par sa richesse en termes de widgets mais aussi fonctionnelle.
Les différentes parties de YUI peuvent être triés en 3 catégories :
- 'Utilities' : ou code 'utilitaire' qui peut servir et permettre d'optimiser du code actuel, accéder à certaines facilités
difficilement accessibles auparavant.
C'est dans cette catégorie que sont rangées les fonctionnalités Drag&Drop, Event, mais aussi Animation , et Connection Manager. - 'UI Controls' : ou 'Contrôles d'interfaces utilisateur'.
On trouve dans cette catégorie les fichiers permettant de gérer l'"Autocomplete" (ndr : voir dans la rubrique Scriptaculous, la page Autocompleter.Base(class) pour comparaison éventuelle), de gérer des Container , des Calendar (ndr : 'calendriers' en français), des Menu , des Slider etc.. - 'CSS Resources' : ou 'Ressources CSS' qui donnent accès à des modèles de page prêt à l'emploi et architecturées selon des feuilles de style CSS performantes et optimisées.
Le tableau ci après donne un aperçu des dossiers constituants de YUI :
| Dossier | Nb fichiers | Détails |
| animation | 4 | |
| autocomplete | 4 | |
| calendar | 8 | |
| connection | 4 | |
| container | 15 | |
| dom | 4 | |
| dragdrop | 4 | |
| event | 4 | |
| fonts | 3 | |
| grids | 3 | |
| logger | 5 | |
| menu | 14 | |
| reset | 3 | |
| reset-fonts-grids | 2 | |
| slider | 4 | |
| tabview | 6 | |
| treeview | 17 | |
| utilities | 2 | |
| yahoo | 4 | |
| yahoo-dom-event | 2 |

:

