Changer contenu d'un onclick

**CinePhil** · 08/02/2012, 00h29

Bonjour,

Soit une page qui affiche plusieurs messages avec, pour chacun d'eux, un lien permettant de supprimer le message via une fancybox qui demande confirmation de la suppression.

Par exemple, il y a dans l'ordre les messages num�ros 40, 39, 23, 5 avec en regard de chaque message un lien supprimer :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
<a id="delete<?php echo $id_msg; ?>"
							class="souligneSurvol" 
							onclick="popupDeleteMessage(<?php echo $id_msg; ?>,'<?php echo $_SESSION['coords']['id']; ?>');"
						>
							<?php echo $trad_delete; ?>
						</a>

Le lien ne fait qu'afficher la fancybox en lui passant 2 param�tres.

La fancybox est d�finie une seule fois dans le code phtml et contient le message de confirmation et les boutons oui et non, le tout traduit dans la langue choisie par l'utilisateur.

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
<div id="popupDeleteMsg" class="popupFancyBox">
	<span class="popupTitle"><?php echo $trad_Delete_message; ?></span>
	<div class="popupForm">
		<form id="form_suppression"
			name="form_suppression"
			action=""
			method="post"
		>
			<div id="deleteMsgConfirm">
				<?php echo $trad_q_delete_confirm; ?>
			</div>
			<div class="popupMessageDiv">
				<input type="button" 
					id="buttonYes"
					value="<?php echo $trad_YES; ?>"
					onclick="lancerSuppressionMessage(<?php echo $id_msg; ?>, <?php echo $_SESSION['coords']["id"]; ?>)"
				/>
				<input type="button"
					id="buttonNo"
					value="<?php echo $trad_NO; ?>"
					onclick="javascript:$.fancybox.close();"
				/>
			</div><!-- Fin popupMessageDiv -->
		</form>
	</div><!-- Fin popupForm -->
</div><!-- Fin popupDeleteMsg -->

Le probl�me est que les param�tres pass�s via onclick du bouton oui � la fonction lancerSuppressionMessage doivent �tre ceux du message que l'utilisateur veut supprimer alors que, pour reprendre l'exemple de ma liste de message, ce sera syst�matiquement le dernier message (le 5) dont sera lanc� la suppression.

J'ai cherch� alors comment modifier en Javascript la valeur du param�tre onclick pour op�rer cette modification avant l'apparition de la fancybox dans la fonction popupDeleteMessage. J'ai trouv� des discussions anciennes � ce sujet mais la m�thode propos�e ne fonctionne pas :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
function popupDeleteMessage(idMessage, idJ)
{
	document.getElementById("buttonYes").onclick = function(){lancerSuppressionMessage(idMessage, idJ);}

Qu'est-ce qui ne va pas dans mon code ou bien y a t-il une autre m�thode pour faire un message de confirmation personnalis� en javascript ?

**CinePhil** · 09/02/2012, 23h02

Je me suis peut-�tre mal exprim� :

Comment cr�er une bo�te de dialogue de confirmation traduisible en plusieurs langues et avec param�tres pour l'action confirm�e ?

Si vous ne comprenez pas la question, voir le grand message au dessus !

**wenijah** · 26/04/2012, 12h20

Hello Phil,

Ton code semble correct! J'ai essay� avec le code ci-dessous et �a fonctionne, si jamais.

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
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
<!DOCTYPE HTML><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Document sans nom</title>
</head>
<style type="text/css">
#popupDeleteMsg{
        width: 200px;
        margin: 0 auto;
        background-color: #eee;
        border-radius: 3px;
        box-shadow: 1px 1px 3px #999;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;/*     overflow-x: hidden; */
}
.popupFancyBox{
        display:none;
}
.show{
        display:block !important;
}
</style>
<body>
<a id="delete1"
class="souligneSurvol"
onclick="popupDeleteMessage(1,'alpha');"
>Delete</a>
<br><br>
<a id="delete2"
class="souligneSurvol"
onclick="popupDeleteMessage(2,'beta');"
>Delete</a>
<br><br>
 
<a id="delete3"
class="souligneSurvol"
onclick="popupDeleteMessage(3,'gamma');"
>Delete</a>
<br><br>
 
<a id="delete4"
class="souligneSurvol"
onclick="popupDeleteMessage(4,'delta');"
>Delete</a>
 
<div id="popupDeleteMsg" class="popupFancyBox">
	<span class="popupTitle"><?php echo $trad_Delete_message; ?></span>
	<div class="popupForm">
		<form id="form_suppression" name="form_suppression" action="" method="post">
			<div id="deleteMsgConfirm">
			DELETE ?
			</div>
			<div class="popupMessageDiv">
				<input type="button" 
					id="buttonYes"
					value="OUI"
                    onclick="alert('empty link')";
					 />
				<input type="button"
					id="buttonNo"
					value="NON"
					onclick="javascript:closeFB('popupDeleteMsg');" />
			</div><!-- Fin popupMessageDiv -->
		</form>
	</div><!-- Fin popupForm -->
</div><!-- Fin popupDeleteMsg -->
 
 
<script type="text/javascript">
function popupDeleteMessage(idMessage, idJ){
        document.getElementById("popupDeleteMsg").className = 'show';
        document.getElementById("buttonYes").onclick = function(){
                lancerSuppressionMessage(idMessage, idJ);
        }
}
function closeFB(fancy){
        document.getElementById("popupDeleteMsg").className = 'popupFancyBox';  
}
function lancerSuppressionMessage(idm, idj){
        alert(idm);
}
</script>
</body>
</html>

Changer contenu d'un onclick

JavaScript

Discussions similaires

Partager

Partager