Ajouter une case à cocher dans une boite de dialogue

**wiwizz** · 12/01/2012, 08h41

Bonjour,
Je voudrai qu il y ait des cases a cocher dans mon alert();
Quelqu'un sait il comment faire?

Merci d'avance

**Bovino** · 12/01/2012, 08h59

C'est assez simple : tu ne peux pas !

La solution serait de mettre en place des pseudo boites d'alerte dont tu gèrerais le contenu (voir Modal Box ou autres exemples).

**SpaceFrog** · 12/01/2012, 11h35

Un vieux bout de code qui trainait dans un fond de repertoire qui peut te donner des pistes:

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
122
123
<html>
 
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <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;
         overflow:auto;
         }
 
   .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;
          text-align:center;
          }
   .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>

Ajouter une case à cocher dans une boite de dialogue

JavaScript

Discussions similaires

Partager

Partager