FWlum UI

Plus vite, plus loin !

Documentation de FWlum UI

Voir aussi : Documentation de FWlum

Les méthodes utilisées ont été testées sur Firefox 3.5, IE8, Opera 10 et Webkit.

Fonctions de base

$.ui.button(value)
Crée un bouton de valeur value. Renvoie un bouton.
$.ui.getButton(button)
Récupère le bouton correspondant à l'élément button. Renvoie un bouton.
$.ui.win(titre, contenu, params)
Crée une fenêtre titre contenant contenu. Liste des paramètres params (facultatif). Renvoie une fenêtre.
contenu peut être une chaîne de caractères ou un élément FWlum.
$.ui.win(params)
Crée une fenêtre. Liste des paramètres params (obligatoire). Renvoie une fenêtre.
$.ui.getWin(win)
Récupère la fenêtre correspondant à l'élément win. Renvoie une fenêtre.
Pour les fonctions suivantes, l'attribut params est complèté par une case callback.
$.ui.alert(titre, contenu, callback)
Crée une fenêtre titre de type "alert" contenant contenu. Renvoie une fenêtre.
$.ui.alert(titre, contenu, params)
Crée une fenêtre titre de type "alert" contenant contenu. Liste des paramètres params (facultatif). Renvoie une fenêtre.
$.ui.confirm(titre, contenu, callback)
Crée une fenêtre titre de type "confirm" contenant contenu. Renvoie une fenêtre.
$.ui.confirm(titre, contenu, params)
Crée une fenêtre titre de type "confirm" contenant contenu. Liste des paramètres params (facultatif). Renvoie une fenêtre.
$.ui.error(titre, contenu, callback)
Crée une fenêtre titre de type "error" contenant contenu. Renvoie une fenêtre.
$.ui.error(titre, contenu, params)
Crée une fenêtre titre de type "error" contenant contenu. Liste des paramètres params (facultatif). Renvoie une fenêtre.
$.ui.info(titre, contenu, callback)
Crée une fenêtre titre de type "info" contenant contenu. Renvoie une fenêtre.
$.ui.info(titre, contenu, params)
Crée une fenêtre titre de type "info" contenant contenu. Liste des paramètres params (facultatif). Renvoie une fenêtre.

Paramètres

L'attribut params
L'attribut params est un tableau associatif. Il peut s'introduire de la manière suivante :
{id: "fenetre1", resizable: false, confirmClose: true}
alone
Si true, isole la fenêtre du reste des éléments (affiche un voile noir derrière la fenêtre). Cette fonction n'est utile que si la page contient un "fond d'écran" d'id "wall". Valeur par défaut : false.
confirmClose
Si true, demande une confirmation avant la fermeture (à l'évenement beforeClose). Valeur par défaut : false.
content
Défini le contenu de la fenêtre, peut être une chaîne de caratères ou un élément FWlum.
height
Défini la hauteur de la fenêtre (en pixel, valeur minimum : 140).
id
Défini un id à la fenêtre. Permet d'empêcher un double de la même fenêtre.
resizable
Si true, autorise le redimensionnement de la fenêtre. Valeur par défaut : true.
sysmenu
Si true, affiche les boutons de fermeture, d'agrandissement et de réduction (dans la barre de titre). Valeur par défaut : true.
title
Défini le titre de la fenêtre.
width
Défini la largeur de la fenêtre (en pixel, valeur minimum : 200).

Méthode associée à un bouton

focused()
Sélectionne le bouton (focus). Renvoie le bouton.
Les autres méthodes sont les mêmes que pour tous les éléments FWlum.

Méthodes associées à une fenêtre

addButton(value)
Crée un bouton de valeur value et l'ajoute à la fin de la fenêtre. Renvoie un bouton.
Attention : il est impossible de créer 2 boutons d'une même valeure pour une même fenêtre.
body()
Renvoie le corps de la fenêtre.
cancelClose()
Annule la prochaine fermeture (avant l'évenement close).
close()
Ferme la fenêtre (déclenche les évenements beforeClose puis close).
directClose()
Ferme la fenêtre (sans déclencher beforeClose).
foot()
Renvoie le pied de la fenêtre (contenant les boutons).
foreground()
Met la fenêtre au premier plan.
maxbutton()
Maximize ou restaure la fenêtre. C'est la fonction appelée lors d'un double clique dans la barre de titre et d'un simple clique sur le bouton correspondant.
maximize()
Maximize la fenêtre.
minimize()
Cache la fenêtre.
moveTo(x, y)
Déplace la fenêtre à la position (x; y).
onBeforeClose(callback)
Définie la fonction appelée juste avant la fermeture de la fenêtre.
onClose(callback)
Définie la fonction appelée lorsque la fenêtre est fermée.
resizeTo(x, y)
Redimensionne la fenêtre.
rmButton(value)
Supprime le bouton de valeur value ajouté avec addButton.
title(newtitle)
Change le titre de la fenêtre en newtitle.
unmax()
Restaure la fenêtre comme avant avoir été maximisée.
unmin()
Restaure la fenêtre comme avant avoir été cachée.

Exemples

Créer une fenêtre complète
        var myWin = $.ui.win("Lorem ipsum",

            "Lorem ipsum dolor sit amet, consectetuer adipiscing elit, ...",

            {id: "lorem", width: 500, confirmClose: true});

        myWin.addButton("Fermer").focused().click(function() { myWin.close() });
Créer un bouton et le sélectionner (focus)
var button = $.ui.button("Alert !")

            .click(function() { alert("Click !") });

        $.body.append(button);

        button.focused();
Exemple de système en fonctionnement
Cliquez ici

Top