Bonjour,
Je cherche la manière dont on peut créer des fenêtres personnalisées du même genre que celles qui s’ouvrent quand on utilise les fonctions alert() et confirm() mais je ne trouve rien.
Est-ce possible ?
Bonjour,
Je cherche la manière dont on peut créer des fenêtres personnalisées du même genre que celles qui s’ouvrent quand on utilise les fonctions alert() et confirm() mais je ne trouve rien.
Est-ce possible ?
J'avais bricolé ça à une époque ...
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 <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'> function MyAlert($texte){ msg=$texte document.getElementById('testzonetext').innerHTML=document.getElementById('texte').value; document.getElementById('trap').value=document.getElementById('bouton').value; document.getElementById('menutitre').innerHTML=document.getElementById('titre').value document.getElementById('testzone').style.display='block'; } </script> </head> <body> Titre <input type="text" id='titre' size="20" maxlength="40" /> Texte <input type="text" id='texte' size="20" maxlength="40" /> Bouton <input type="text" id='bouton' 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="trap" value="OK" class="bouton" onclick="document.getElementById('testzone').style.display='none';" style="left:0px;"/><br/> </div> </div> </body> </html>
édité ... souci sur le titre
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