Fonction Alert ()

**ryodo** · 29/08/2010, 15h05

Bonjour.

Est-ce que je peux crier une fonction qui a le même rôle que alert() ?

Est-ce que je peux donner des dimensions à une alert() ?
Par exemple mettre la taille du alert trop petite ou trop grande ?

Est-ce qu'on peut forcer l'alert de sortir dans un endroit précis (haut de la page ou bas) ?

Cordialement Ryodo

**Bovino** · 29/08/2010, 16h42

Oui, c'est possible (mais déconseillé) de redéfinir la méthode alert() :

Code :

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

1
2
3
window.alert = function(){
    return false;
}

par exemple.

En revanche, il n'est pas possible de modifier le comportement par défaut ni les caractéristiques de la fenêtre d'alerte.

**ryodo** · 29/08/2010, 17h04

ya pas un Tutorial complet pour la redéfinition de Alert()

Cordialement Ryodo

**Bovino** · 29/08/2010, 17h10

Envoyé par ryodo

ya pas un Tutorial complet pour la redéfinition de Alert()

Si, voilà :

Pour redéfinir la fonction alert() native de JavaScript, insérez dans votre page le bout de code suivant :

Code :

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

1
2
3
window.alert = function(){
    // Mettez ici les instructions à exécuter à la place du alert.
}

Mais il est à noter qu'il est déconseillé de le faire.

Enfin, je vois mal ce qu'il y aurait de plus à dire

**ryodo** · 29/08/2010, 17h47

Merci mais moi je veux que L'Alert() Sera afficher on haut de la page

normalement alert s'affiche a

Code :

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

1
2
3
 
left:50%; 
top:50%;

Mais moi dans ma page je veux quel sera afficher a

Code :

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

1
2
3
 
left:0%; 
top:0%;

Cordialement Ryodo

**SpaceFrog** · 29/08/2010, 18h05

Ce n'est pas en modifiant la fonction native alert qui tu parviendras a tes fins...
Il te faudra plutot faire ta propre alert avec un div ...

**Auteur** · 29/08/2010, 18h54

bonjour,

Il y a cette (ancienne) source mais cela demande quand même de bonnes connaissances en JS et CSS :
http://www.developpez.net/forums/d33...personnalisee/

**ryodo** · 30/08/2010, 04h25

c'est hyper beau Merci même si repend pas a mes besoins a 100% mais sa passe

Cordialement Ryodo

**SpaceFrog** · 30/08/2010, 08h31

Outre les propositions de l'autre post (window.prototype, jquery ...)

j'ai ce petit script qui me sert parfois:

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=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;
         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>

**ryodo** · 30/08/2010, 13h55

Délicieux comme code Merci sa m'aide énormément

Cordialement Ryodo

Fonction Alert ()

JavaScript

Discussions similaires

Partager

Partager