Création d'une boite de dialogue en CSS

**mademoizel** · 05/10/2009, 14h40

Bonjour à tous!!!

Je suis pas trés doué en CSS c'est pourquoi je fais appel à vous (bien entendu j'ai tout d'abord chercher sur internet mais je n'ai rien trouvé):

je souhaiterai faire une boite de dialogue en CSS. En gros faire ma propre alert. Avec un petit message et un bouton ok. Si vous pouvez m'aider à le réaliser ça serai trés sympas.

Merci d'avance.

Bonne aprés midi à tous.

**sebhm** · 05/10/2009, 15h20

Bonjour,

avant le css, il faut commencer par le code (X)HTML.
Donc créer un DIV, qui contiendra un texte et un bouton, qui apparaitra lors d'un evenement de ton choix, et qui disparaitra lorsqu'on clique sur le bouton.

ensuite seulement, on pourra faire en sorte qu'il soit joli

**mademoizel** · 05/10/2009, 15h39

Voilà ce que j'ai essayé de faire mais ça ne marche pas :

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
 
 <html>
 
 <head>
 <script style='css'>
 div{
	 visibility = hidden;
 
 }
  </script>
 
  <script language='javascript'>
  function div(){
  visibility : visible;
  }
 
  </script>
  </head>
 
  <body>
 
  <div onClick='div()'>Appel fonction</div>
   <DIV> Votre message à bien été envoyé!!! </DIV>
 
   </body>
   </html>

J'ai besoin de votre aide

**tzilliox** · 05/10/2009, 15h51

Bonjour mademoizel,

C'est assez facile de faire une popup en javascript, il faut utiliser ce style-là :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
.popup {
	position:absolute;
	top:50%;
	height:100px;
	margin-top:-50px;
	left:50%;
	width: 200px;
	margin-left:-100px;
	background-color: #c0c0c0;
	border: 2px black solid;}