JARIA est une bibliothèque de fonctions développées pour faciliter l'intégration de JavaScript.

     
IE 6+
FF 2+
Opera 9+
Safari 2+
Chrome

Les boîtes de dialogue personnalisées

fichiers nécessaires <link href=jaria/jaria.css rel=stylesheet type=text/css />
<script src=jaria/jaria.js type=text/javascript></script>

L'objet oBox() permet d'afficher des boîtes de dialogue var oBox = new Box();
oBox.show() crée et affiche une boîte de dialogues
oBox.hide() détruit une boîte de dialogues
oBox.html = string est le contenu de la boîte de dialogues
oBox.width = integer 400(défaut) à 2000 affecte la largeur de la boîte de dialogues
oBox.posX = integer permet le décalage positif ou négatif horizontal en pixels de la boîte de dialogues par rapport au centre du document
oBox.posY = integer permet le décalage positif ou négatif vertical en pixels de la boîte de dialogues par rapport au centre du document
oBox.title = string modifie le texte dans la barre de titre de la boîte de dialogues
oBox.quit = 0 ou 1(défaut) affiche ou non le bouton quitter dans la barre de titre
oBox.bts = 0 ou 1(défaut) affiche ou non le(s) bouton(s) de la boîte de dialogues
oBox.lineheight = 15(défaut) à 100 affecte la hauteur de ligne du texte html
oBox.status = 0(défaut) ou 1 ajoute une barre de status et de redimensionnement
oBox.color = #000000(défaut) modifie la couleur du texte de la boîte de dialogue
oBox.backColor = #FFFFCC(défaut) modifie la couleur de fond de la boîte de dialogue
oBox.backImage = url(path) modifie l'image de fond de la boîte de dialogue
oBox.fader = boolean affiche probgessivement la boîte de dialogue
oBox.shadow = boolean applique une ombre à la boîte de dialogue
oBox.radius = boolean applique des bords arrondis à la boîte de dialogue
oBox.valid() fonction spécifique au bouton Oui de la boîte de dialogue de confirmation et pouvant être redéfinie
oBox.annul() fonction spécifique au bouton Non de la boîte de dialogue de confirmation et pouvant être redéfinie
oBox.onResize() fonction appelée lors du redimenttionnment de la boîte de dialogue pouvant être redéfinie Exemple
oBox.addbutton(string, function) Permet d'ajouter un bouton à la boîte de dialogues Exemple

Les boîtes par défaut:
oBox.info(texte, [titre], [largeur])information
oBox.confirm(texte, [titre], [largeur])confirmation
oBox.alert(texte, [titre], [largeur])alerte
oBox.error(texte, [titre], [largeur])erreur

exemple d'utilisation
oBox.title =
oBox.html =
oBox.width = /* largeur de la boîte en pixels */
oBox.lineheight = /* affecte la hauteur des ligne du texte html */
oBox.quit =
0
1
/* affiche le bouton quitter de la barre de titre */
oBox.bts =
0
1
/* affiche le bouton quitter de la barre de titre */
oBox.posX = /* décale la boîte de dialogue horizontalement */
oBox.posY = /* décale la boîte de dialogue verticalement */
oBox.status =
0
1
/* affiche la barre de status et de redimensionnement */
oBox.borderColor =
 
 
/* change la couleur du texte */
oBox.color =
 
 
/* change la couleur du texte */
oBox.backColor =
 
 
/* change la couleur de fond */
oBox.backImage =
""
fond_1.png
fond_2.png
/* change l'image de fond */
oBox.fader =
true
false
/* affichage progressif */
oBox.shadow =
true
false
/* applique une ombre */
oBox.radius =
true
false
/* applique des bords arrondis */
Vous pouvez utiliser la touche echape [escape] de votre clavier pour fermer la boîte de dialogue.