boite de dialogue personnalisée

**Alexdezark** · 27/11/2008, 09h43

Bonjour à tous,

Existe-t-il un moyen d'obtenir une boite de dialogue personnalisée.

Dans mon application je propose la création d'un pdf, j'aimerai que lorsque l'utilisateur clique sur le bouton déclenchant cette action cela ouvre une boite de dialogue avec 2 boutons : "A4" ou "A5".

Ou bien faut-il passer par un popup ?

Merci d'avance pour vos réponses.

Bonne journée

**SpaceFrog** · 27/11/2008, 10h11

pas nécessairement un popup

on peut bidouiller un code perso qui donnerait un truc du genre:

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
<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('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>

ou utiliser des librairies existantes de type window prototype ou jQuery

**DoubleU** · 27/11/2008, 10h12

La seule chose que tu peux faire, c'est recréer une boite de dialogue avec des divs, du css et javascript pour la gérer car on ne peut pas toucher aux boites du système.

Si t'as pas envie de le faire toi même, il existe beaucoup de classes pour ca sur internet. Par exemple, ici.

**SpaceFrog** · 27/11/2008, 10h14

Trooooooop Lent petit scarabée

**le_chomeur** · 27/11/2008, 10h20

et pourquoi passer a chaque fois par des librairies :'(
il va falloir ouvrir une section autre que contribution pour poster les demande les plus courantes d'applis ^^ sans framework ^^

car découper du beurre a la tronçonneuse non merci

**DoubleU** · 27/11/2008, 10h27

Envoyé par SpaceFrog

Trooooooop Lent petit scarabée

Tssssss

Envoyé par le_chomeur

et pourquoi passer a chaque fois par des librairies :'(
il va falloir ouvrir une section autre que contribution pour poster les demande les plus courantes d'applis ^^ sans framework ^^

car découper du beurre a la tronçonneuse non merci

Je te l'accorde, d'autant que la c'était vraiment le premier exemple qui me passait par la tête. Mais des fois, quand tu connais pas bien javascript, ou quand t'as pas envie de te casser les *******, t'es bien content de trouver ce genre de choses ^^

**SpaceFrog** · 27/11/2008, 10h29

Ben j'ai filé un code qui ne vient pas d'une lib justement ...
Je suis en effet tout à fait contre la tronçonneuse à beurre... Mais si le gars utilise déja par ailleurs une lib ...

**Alexdezark** · 27/11/2008, 10h32

Merci de vos réponses

Je suis immédiatement allé voir la Documentation de la librairie prototype-window sur le forum.

C'est là que j'ai compris que j'avais déjà essayé cette librairie (que j'appelai alors PWC).

Je n'avais pas vraiment aimé car j'avais constaté une certaine lenteur (ouverture)...

Pouvez-vous me dire si vous avez déjà constaté cela aussi ou si c'était du à un trop grand nombre de paramètres (tels que shadow...) qui était défini dans l'exemple que j'ai utilisé (voir PHPSolutions n° 3/2008)

Merci d'avance pour vos avis.

**Alexdezark** · 27/11/2008, 10h33

Hou la,

j'ai pris du retard...

Donc vous avez aussi constaté des ralentissement ?

edit : Je vais me pencher sérieusement sur ton script SpaceFrog

**SpaceFrog** · 27/11/2008, 10h37

Non ... , demande au père noel un PC plus puissant ?

mais encore une fois si c'est juste pour afficher une boite de dialogue ... c'est un peu over dimensionné ...

il existe moins gros du coté de chez walterzorn ...
en bidoullant un peu ça http://www.walterzorn.com/tooltip/tooltip_e.htm

**Alexdezark** · 27/11/2008, 10h38

Je te l'accorde, d'autant que la c'était vraiment le premier exemple qui me passait par la tête. Mais des fois, quand tu connais pas bien javascript, ou quand t'as pas envie de te casser les *******, t'es bien content de trouver ce genre de choses ^^

C'est vrai aussi doubleU

et je te remercie de ta réponse

**Alexdezark** · 27/11/2008, 10h41

tsss, pas gentil ça SpaceFrog

Non ... , demande au père noel un PC plus puissant ?

Bi-proc AMD déja franchement sur-dimensionné pour ce genre d'utilisation...

Mais il me sert principalement pour du rendu 3D (MentalRay-> très gourmand)

EDIT : Mais qu'est ce que tu entendais par là alors :

Trooooooop Lent petit scarabée