boite de dialogue personnalis�e

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

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, 09h11

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, 09h12

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, 09h14

Trooooooop Lent petit scarab�e

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

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, 09h27

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, 09h29

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, 09h32

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, 09h33

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, 09h37

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, 09h38

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, 09h41

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