jquery.dialog() qui se ferme automatiquement [Résolu]

MetalGearBe · 21/12/2011, 04h00

Bonjour,

J'ai un problème pour un popup jquery. Ce dernier ne reste pas et se ferme automatiquement.

La config de mon projet :

Jquery UI 1.8.16 (min)
Jquery 1.6.2 (min)
Struts 2.1.8.1
sitemesh 2.4.2
display-tag 1.1.1
spring 2.5.6

Voici ma .js assez simple pour le moment

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
 
/**
 * Gestion des événements
 */
$(document).ready(function(){
 
	/* Popup de suppresion. Mise en forme et action sur bouton */
 
	$("#popupDelete").dialog({
		autoOpen: false,
		modal: true,
		resizable: false,
		width:300,
		height:155,
		buttons: {
			"Oui": function() {
				$(this).dialog("close");
			},
			"Non": function() {
				$(this).dialog("close");
			}
		}
	});	
 
 
});
 
 
 
/**
 * Permet d'exéctuer une action sur les codes divers.
 */
function deleteMag(magasin){
	$("#popupDelete").dialog('open');
}

Et ma jsp

Code :

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

1
2
3
4
5
 
			<%-- POPUP CONFIRMATION SUPPRESSION --%>
				<div id="popupDelete" style="display:none; text-align:center" title="Suppression">                    
				    <p>Voulez-vous supprimer ce magasin ?</p>
				</div>

Je ne comprends pas pourquoi mon popup part direct sans que je fasse un clic quelque part.

Merci d'avance pour votre aide car je m'arrache les cheveux sur ça depuis quelques heures...

Bien à vous,

MetalGearBe · 21/12/2011, 14h31

J'ai enfin trouvé d'où venait le problème.

ça venait de l'appel dans ma jsp. je n'avais pas défini le href à vide et de ce fait je faisais un appel vers le serveur... Au bureau, je ne connais pas le définir à vide pour éviter ce phénomène... Si quelqu'un peut me dire si c'est normal ?

Enfin voici ce que j'ai fait pour que ça fonctionne...

Code :

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

<s:a id ="delete" href="" onclick="deleteMag('%{#attr.row.id}')" ><img border="0" src="image/cancel.png" style="cursor:pointer" width="17" height="17" /></s:a>

avant j'avais ça :

Code :

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

<s:a id ="delete" onclick="deleteMag('%{#attr.row.id}')" ><img border="0" src="image/cancel.png" style="cursor:pointer" width="17" height="17" /></s:a>

et le code complet de ma jsp :

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
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="/struts-tags" prefix="s" %> 
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>  
<html>
	<head>
		<script type="text/javascript" src="javascript/magasins.js?version=1" charset="ISO-8859-1"></script>
	</head>
 
	<body>
 
 
		<h2 align="center">Magasins</h2>
		<div align="center"> 
			<s:form id="form_global" name="form_global">
 
				<display:table id="element" class="grid" name="listMagasins" uid="row" defaultsort="2" defaultorder="ascending" pagesize ="10" requestURI="/magasin.do" >
 
 
					<display:column title="Action" style="width: 75px; text-align: center;">										
						<s:a id ="delete" href="" onclick="deleteMag('%{#attr.row.id}')" ><img border="0" src="image/cancel.png" style="cursor:pointer" width="17" height="17" /></s:a>	
						<s:a id ="edit"  onclick="popupMag('%{#attr.row_rowNum -1}','E')"><img border="0" src="image/color_line.png" style="cursor:pointer" width="17" height="17"/></s:a>
 
 
						<s:hidden id="hiddenRowId%{#attr.row_rowNum -1}" value="%{#attr.row.id}"/>
						<s:hidden id="hiddenRowNom%{#attr.row_rowNum -1}" value="%{#attr.row.nom}"/>
					</display:column>
 
					<display:column title="Nom"  style="width: 250px; text-align: center;" sortable="true">
						<s:property value="#attr.row.nom"/>
					</display:column>
 
				</display:table>
 
				<br>
				<img border="0" src="image/add.png" style="cursor:pointer" width="56" height="56"/>
 
 
 
 
 
 
				<%--  ************************************************************ 
											LES POPUS
				*******************************************************************--%>
 
				<%-- POPUP D'AJOUT/MODIFICATION D'UN CODE DIVERS --%>
 
				<%-- POPUP DE CONFIRMATION DE SAUVEGARDE --%>
				<div id="popupSauvegardeOk" style="display:none; text-align:center">
					<p>Données sauvegardées</p>
				</div>
 
				<%-- POPUP CONFIRMATION SUPPRESSION --%>
				<div id="popupDelete" style="display:none; text-align:center" title="Suppression">                    
				    <p>Voulez-vous supprimer ce magasin ?</p>
				</div>
			</s:form>
 
		</div>
	</body>
</html>

Bovino · 21/12/2011, 14h50

Code :

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

onclick="deleteMag('%{#attr.row.id}');return false"

MetalGearBe · 21/12/2011, 18h16

ça marche nickel avec le return false. Merci

21/12/2011, 14h50	#3
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 808 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 808 Points : 35 787 Points : 35 787	Code : Sélectionner tout - Visualiser dans une fenêtre à part onclick="deleteMag('%{#attr.row.id}');return false" __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

21/12/2011, 18h16	#4
MetalGearBe Invité de passage Inscription : octobre 2005 Messages : 14 Détails du profil Informations forums : Inscription : octobre 2005 Messages : 14 Points : 1 Points : 1	ça marche nickel avec le return false. Merci
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email