Ouverture "dialog" avec opacité réduite sur fenêtre mère

**arthuro45** · 22/05/2010, 15h49

Bonjour,

Je cherche la fonction qui permet de mettre au 1er plan une fenêtre dialog, avec réduction de l'opacité de la fenêtre mère en arrière plan.
Exemple : http://www.ericmmartin.com/projects/simplemodal-demos/
(ContactForm)

Pour le moment mon code affiche correctement la fenêtre dialog, voila ou j'en suis :

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
<!DOCTYPE html>
<html>
<head>
  <link href="jquery/jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css"/>
  <script src="jquery/jquery-1.4.2.min.js"></script>
  <script src="jquery/jquery-ui-1.8.1.custom.min.js"></script>
 
		<script>
		$(document).ready(function() {
			$("#dialog").dialog();
		});
		</script>
 
</head>
<body style="font-size:62.5%;"> 
<div id="dialog" title="Dialog Title">Ma fenètre</div>
 
</body>
</html>

**danielhagnoul** · 23/05/2010, 01h20

Bonsoir.

Avec jQuery UI (http://jqueryui.com/demos/dialog/#modal) :

Code :

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

$("#dialog-modal").dialog({modal: true});

Le lien que vous donnez mène à un site « noir » que je suis incapable de déchiffrer.

**arthuro45** · 23/05/2010, 08h24

Merci, je n'avais pas bien lu la doc.

Ouverture "dialog" avec opacité réduite sur fenêtre mère

jQuery

Discussions similaires

Partager

Partager