Discussion :

[herve-cahpp]

Apres avoir cherche une peu partout la solution (je ne sais peux etre pas chercher?), je me tourne vers vous.
J'aimerai savoir si il est possible de modifier le texte des boutons "Ok" & "Annule" dans la boite de dialogue "confirm()"
Par Oui/Non.

Merci pour votre aide

[SpaceFrog]

pas avec un confirm, cela est possible avec une emulation de confirm perso ou avec une librairire de type window prototype

http://prototype-window.xilinus.com/

[herve-cahpp]

Vraiment tres interessante cette librairie, mais j'ai toujours un p'tit probleme.

L'aide me dit:

confirm(content, options)
Opens a modal dialog with two buttons (ok/cancel for example)

content
- If the content is a string, it will be the message displayed in the dialog (HTML code)
- If the content is an hash map, it will be used for setting content with an AJAX request. The hashmap must have url key and an optional options key (ajax options request)

options
Hash map of dialog options, here is the key list:

Key-------------------Default---Description

top __________________null____Top position
left __________________null____Left position
okLabel _______________Ok____Ok button label
cancelLabel __________Cancel__Cancel button label
onOk ________________none___Ok callback function called on ok button
onCancel _____________none__Cancel callback function called on ok button
buttonClass ___________none__Ok/Cancel button css class name
All window parameters __none__Add all window constructor options

Mais apres avoir importé le fichier dans mon projet et l'avoir appelé sur ma page, lorsque je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

confirm("texte", okLabel="oui")

rien ne ce passe.

Auriez vous, s'il vous plait, une idée de l'utilisation de ce framework ?

[SpaceFrog]

tu l'appelles comment sur ta page ?
le options doivent être un hash ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

{okLabel: 'Oui'}

[SoBaKa]

En regardant les exemples ( http://prototype-window.xilinus.com/samples.html ) ça t'aideras surement

[herve-cahpp]

J'ai créé un fichier "PrototypeFramework.js" dans mon projet, et je l'appel dans ma page avec:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="JavaScript/PrototypeFramework.js"></script>

mais je ne vois pas la syntaxe a utiliser

[SoBaKa]

Dans la page des exemples sur le site de Prototype, ils disent clairement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Dialog.confirm("texte", {okLabel:"oui"});

[herve-cahpp]

je ne trouve pas cette ligne, mais comme je l'ai dis plus haut, j'ai du passer a coté.
Sinon, j'ai essayé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Dialog.confirm("texte", {okLabel:"oui"});

mais il me dit que "Dialog" est indefini ?
J'ai cherché dans le framework mais je ne l'ai pas trouvé.
une idée ?

[herve-cahpp]

je viens d'enlever "Dialog." et ca me ramene a un "confirm()" classique.

[SpaceFrog]

tu es sur du fichier ???

moi j'utilise

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="./javascripts/prototype.js" > </script>

pas de framework ...

[SoBaKa]

Je n'ai pas testé mais en regardant les sources des exemples, il y a ces fichiers à inclure :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<script type="text/javascript" src="../javascripts/prototype.js"> </script> 
<script type="text/javascript" src="../javascripts/window.js"> </script> 
<script type="text/javascript" src="../javascripts/window_ext.js"> </script> 
<script type="text/javascript" src="../javascripts/effects.js"> </script> 
<script type="text/javascript" src="../javascripts/debug.js"> </script>

"debug.js" n'est pas obligatoire à mon avis... mais as tu inclus tous les fichiers?

[herve-cahpp]

c'est bien le bon fichier car je l'ai créé puis j'ai copier le framework dedans.
pour l'appel, l'ecriture du chemain est automatique.

[herve-cahpp]

Houla, c'est quoi tout ca ?
c'est sur que je ne les ai pas inclus.
Mais ou sont il ?

[SoBaKa]

je viens de téléchargé prototype et ils sont dans le dossier "javascripts", tu as même un dossier "samples" avec des exemples assez basique...

je dirais qu'avec ces 3 la, tu devrais avoir assez mais j'ai pas testé ^^

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<script type="text/javascript" src="../javascripts/prototype.js"> </script>
<script type="text/javascript" src="../javascripts/effects.js"> </script>
<script type="text/javascript" src="../javascripts/window.js"> </script>

[herve-cahpp]

j'ai vraiment des lacunes dans la recherche car je ne trouve toujours pas le dossier "javascripts", il est bien sur: http://www.prototypejs.org/ ?

[SpaceFrog]

non,
sur cette page là

http://prototype-window.xilinus.com/download.html


plus précisément ici:
http://prototype-window.xilinus.com/...ows_js_1.3.zip

[herve-cahpp]

Effectivement, je ne risquais pas de trouver.

Bien, j'ai bien tout importé, je suis aller voir l'aide,
mais aussi bien dans mon projet, que sur l'aide, j'ai un probleme avec "options.parent" ?

[SoBaKa]

bon après quelques tests j'ai réussi à faire fonctionner, pour te montrer un exemple ^^

Tu as besoin des fichiers .js (normal), du default.css (sinon l'alert s'affichera mal), et d'un autre .css avec le style utilisés pour les fenêtres.

Dans le Dialog.confirm tu as 3 paramètres obligatoires apparemment : top, left et className... (pas de top et pas de left ça te donne l'erreur que tu avais et pas de className ça affiche bien quelque chose mais on peut voir que c'est pas terrible)

alors voila le bout de code et bon amusement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<script type="text/javascript" src="../javascripts/prototype.js"> </script>
	<script type="text/javascript" src="../javascripts/effects.js"> </script>
	<script type="text/javascript" src="../javascripts/window.js"> </script>
	<script type="text/javascript" src="../javascripts/debug.js"> </script>
	<link href="../themes/default.css" rel="stylesheet" type="text/css"/>
	<link href="../themes/alphacube.css" rel="stylesheet" type="text/css"/>
 
	<title>dialog</title>
 
</head>
 
<body>
<script type="text/javascript">
    Dialog.confirm("C'est correct?", 
                   {top: 10, width:250, className: "alphacube", okLabel: "Oui", cancelLabel:"Non"});
</script>
 
</body>
</html>

[herve-cahpp]

C'est fantastique, tout fonctionne maintenant .
merci a vous 2 pour votre aide precieuse

[SpaceFrog]

il ne te reste plus qu'a te familiariser avec la syntaxe de la lib ...
tu peux même rajouter les effets de scriptaculous ...
c'est un peu tricky au debut mais on arrive vite à faire des trucs assez sympa...

Bon courage