bonjour
comment fonctionne la fenetre alert qui est avec 2 boutons oui et non
un exemple svp
bonjour
comment fonctionne la fenetre alert qui est avec 2 boutons oui et non
un exemple svp
confirm ?
sinon faut faire soi même sa boite d'alert :
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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>X</title> <style type="text/css"> .titlebar{font-size:11px; font-family:verdana; color:white; font-weight:bold; width:100%; background-color:Darkslateblue; padding:2px; text-align:left; } .msgbox{border:outset 2px white; background-color:gainsboro; width:300px; height:180px; color:black; padding-left:1px; padding-right:2px; padding-top:1px; font-family: verdana; font-size:11px; text-align:center } .cross{border:outset 2px white; background-color:gainsboro; left:2px; width:18px; color:black; font-family:tahoma; float:right; margin-top:0px; padding-left:4px; padding-bottom:2px; padding-top:1px; top:0px; line-height:10px; cursor:default; } .bouton{width:80px; height:25px; border:oustet 2px silver; position:relative; font-size:11px; font-family: tahoma; } .innerText{width:100%; padding-left:30px; text-align:left; } #testzone {position:absolute; top:100px; left:200px; } </style> <script type='text/javascript'> /************************************************ Brought to you form the other end of the galaxy By SpaceFrog *************************************************/ function MyAlert($texte){ msg=$texte document.getElementById('testzonetext').innerHTML=document.getElementById('texte').value; document.getElementById('trap1').value=document.getElementById('bouton1').value; document.getElementById('trap2').value=document.getElementById('bouton2').value; document.getElementById('menutitre').innerHTML=document.getElementById('titre').value document.getElementById('testzone').style.display='block'; } function buttonaction(buttonid){ switch (buttonid){ case('trap1') : alert("vous avez appuyé sur le bouton " + document.getElementById('trap1').value +" !" ); break; case('trap2') : alert("vous avez appuyé sur le bouton " + document.getElementById('trap2').value +" !" ); break; } } </script> </head> <body> Titre <input type="text" id='titre' size="20" maxlength="40" /> Texte <input type="text" id='texte' size="20" maxlength="40" /> Bouton 1 <input type="text" id='bouton1' size="20" maxlength="40" /> Bouton 2 <input type="text" id='bouton2' size="20" maxlength="40" /> <input type="button" onclick="MyAlert();" value="alerte"/> <div id='testzone' class="msgbox" style="display:none;" > <div class="titlebar" > <div id='menutitre' style="float:left"></div> <div class="cross" onclick="document.getElementById('testzone').style.display='none';">X</div> </div> <br/> <br/> <br/> <div class='innerText' id='testzonetext'> </div> <br/> <br/> <br/> <div> <input type="button" id="trap1" value="OK" class="bouton" onclick="document.getElementById('testzone').style.display='none';buttonaction(this.id)" style="left:0px;"/><input type="button" id="trap2" value="OK" class="bouton" onclick="document.getElementById('testzone').style.display='none';;buttonaction(this.id)" style="left:0px;"/><br/> </div> </div> </body> </html>
oui confirm
et merci
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager