Fermeture dialog de jquery

**abdellahel1** · 13/11/2012, 23h38

Bonjour,

Mon problème c'est quand j'ouvre un dialog de jquery et je ferme avec "X", ça se ferme mais il refuse de s'ouvrir pour la 2ème fois. Voici mon code :

Code :

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

1
2
3
4
5
6
7
 
function ajouterCommentaire(url){
   	$("#dialog-commentaire").load(url).dialog({
								height: 490,
								width: 540,
								modal: true});
}

Et url c'est l'url de cette page :

Code html :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="index, follow" />
<title></title>
 
<script type="text/javascript" src=""></script>
 
</head>
<body>
<form method="post" enctype="multipart/form-data" name="forme" action="commentaireAjout.php">
 
	<fieldset>
 
		<div id="upload">
           <table>
           <tr><td><span id="input" style="width: 250px;"><input type="button" value="ajouter pieces jointes" onclick="init()"></span></td>
           <td><div id="fichiers" style="width: 240px; height: 100px; float: right">
               Liste des pieces jointes
            </div></td>
           </tr>
 
           </table> 
 
 
        </div>
          <br/> 
		<textarea name="commentaire" rows="13" cols="65"></textarea>
		<div align="center"><input type="button" value="Annuler" onclick="fermer('#dialog-commentaire')"><input type="submit" value="Envoyer"></div>
	</fieldset>
	</form>
</body>
</html>

Merci d'avance.

**danielhagnoul** · 14/11/2012, 10h56

Bonjour

La transaction AJAX est asynchrone, il faut donc être certain qu'elle soit terminée avant de créer le dialogue.

Code :

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

1
2
3
4
5
6
7
$("#dialog-commentaire").load( url, function(){
    $( this ).dialog({
        height: 490,
        width: 540,
        modal: true
    });
});

**abdellahel1** · 14/11/2012, 14h52

Bonjour
merci danielhagnoul de votre réponse mais quand je change mon code avec le votre la boite de dialog ne s'affiche pas il affiche le code de url dans la division tout simplement
merci

Fermeture dialog de jquery

jQuery

Vue hybride

Discussions similaires

Partager

Partager