Fenêtres alertes personnalisées.

J'avais bricolé ça à une époque ...
Code:
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