Afficher un message de confirmation avant suppression des messages

**JackBeauregard** · 11/08/2006, 18h38

Bonjour,

Je cherche à faire un truc assez basique normalement, mais étant nul en javascript, ça me pose un problème.

Voilà : j'ai une messagerie qui stocke des messages privés. Pour chaque message privé il y a une checkbox.
Le gars coche les messages à supprimer et clique le bouton "supprimer", forcément ça les supprime (ça c'est en php).

Mais entre le moment où le gars clique "supprimer" et le moment où les messages sont supprimés, je souhaite qu'une bouate de dialogue s'ouvre et demande à ce que l'on confirme que l'on veut vraiment supprimer les messages cliqués. Sinon, ça n'efface pas.

Sauriez-vous faire cela svp ?

N.B : vous noterez la magnifique orthographe du mot "boite de dialogue", ici écrit "bouate de dialogue". Je ne me suis pas senti le courrage de rectifier, c'était trop original comme faute d'orthographe spontané. Désolé.

**Kerod** · 11/08/2006, 18h51

Tu dois utiliser la fonction Confirm si j'ai bien compris ce que tu veux faire.

Code :

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

if(confirm('texte')) action à faire si click sur ok

voici aussi un petit exemple : Comment demander une confirmation une fois que l'on a cliqué sur un lien, ou sur un bouton ?

**JackBeauregard** · 11/08/2006, 21h23

Ok, c'est vraiment trop simple, désolé

.

Alors pour compliquer un peu et histoire de pas avoir ouvert un sujet bidon, ce serait bien que le message de la boite de dialogue change selon qu'au moins une case est cochée ou bien aucune.

Exemple :
- Avec une case cochée, lorsque le gars clique "supprimer", la boite de dialogue affiche "êtes vous certains de vouloir supprimer ce message".
- Si aucune case n'est cochée, le message est "aucun message sélectionné".

C'est tout de même plus rationnel.
Si quelqu'un sait faire ça, en attendant que je me plonge dans un tuto javascript...

Merci d'avance

**Kerod** · 11/08/2006, 21h29

Plutot simple

tu fais une fonction qui est appelée au clic sur ton bouton supprimer. Dans cette fonction tu testes tes checkbox et en fonction du nombre, tu définis ton message.

Ce serait plus pratique si tes check avaient le même nom. par exemple check
Puis tu fais comme ceci dans la fonction : Comment récupérer l'état de cases à cocher ?
Ce qui te permettra te faire ton compteur de checked

**JackBeauregard** · 15/08/2006, 12h27

Ok

Bon alors du haut de mon incompétence en javascript, j'ai pondu ce script, qui donne une misérable omelette :

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
<form action="messages-recus.php" method="post" name="suppressionMessage>
 
<input type="checkbox" name="supprimer[]" value="10">
<input type="checkbox" name="supprimer[]" value="11">
 
<input type="submit" name="supprime" value="supprimer"
for (i=0; i<document.suppressionMessage.supprimer.length; i++)
 {
    if (document.suppressionMessage.supprimer[i].checked) 
    { onclick="return confirm(\'Voulez-vous vraiment supprimer ce(s) message(s) ?\');";}
   else 
     {onclick="return confirm(\'pas de message sélectionnés\');":}
} 
>
</form>

Voilà, donc ça foire lamentablement. Le but étant d'afficher un message de confirmation ou d'erreur, via la fonction confirm(), selon qu'au moins un ou aucun message a été sélectionné par le visiteur qui clique sur "supprimer".

Déjà à mon avis il faudrait faire une fonction à placer dans la balise head, mais bon... need help

**Fabster** · 15/08/2006, 14h47

Bon sans aucune verification, ca donnerait un truc du genre ce que tu veux faire. Je viens de le pondre ne deux minutes car je suis presser, mais tu devrais trouver des idees la de-dans

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
<script language="JavaScript" type="text/JavaScript">
test=0;
function check_value()
{
	for (i=0;i<document.suppressionMessage.supprimer.length; i++)
	{
		if (document.suppressionMessage.supprimer[i].checked) test++;
	} 
	if (test>0) confirmation();
	else alert('aucun message selectionne');
}
function confirmation() {
	var msg = confirm("Are you sure you want to delete it?");
	if (msg) document.suppressionMessage.submit;
}
</script>
 
<form action="messages-recus.php" method="post" name="suppressionMessage>
 
<input type="checkbox" name="supprimer[]" value="10">
<input type="checkbox" name="supprimer[]" value="11">
 
<input type="button" name="supprime" value="supprimer" onclick="check_value()">
</form>

**JackBeauregard** · 16/08/2006, 14h38

hum... un grand merci à toi cher Fabster pour les quelques minutes d'attention que tu m'as accordé.

Toutefois, mauvais nouvelle, ça ne fonctionne point. En fait ça ne retourne rien, checkbox cochés ou pas, ça ne retourne aucun message de confirmation via confirm().

Si quelqu'un a une idée...
Merci d'avance

**Ntilou** · 16/08/2006, 14h40

salut,

change le nom de la variable "test", ca fé foirer javascript ce nom la!

**Ntilou** · 16/08/2006, 14h43

c'est encore moi! il manque un cote la :

Envoyé par Fabster

**JackBeauregard** · 16/08/2006, 16h36

Salut Ntilou,

Bah ça fonctionne toujours pas hein.

J'ai remplacé test par "debut", j'ai rajouté le quote mais ça change rien du tout. en fait ça ne déclenche aucune action.

J'ai aussi viré le input type submit pour ajouter input type buton et bien ça ne fait rien du tout du tout.

**Ntilou** · 16/08/2006, 16h48

tiens ca ca marche j'ai vérifié :

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
 
 
<script language="JavaScript" type="text/JavaScript">
function check_value()
{var supp = 0;
 for (i=0;i<document.suppressionMessage.supprimer.length; i++)
 {
  if (document.suppressionMessage.supprimer[i].checked) supp++;
 } 
 if (supp>0) confirmation();
 else alert('aucun message selectionne');
}
function confirmation() {
 var msg = confirm("Are you sure you want to delete it?");
 if (msg) document.suppressionMessage.submit();
}
</script>
<form action="messages-recus.php" method="post" name="suppressionMessage">
<input type="checkbox" name="supprimer" value="10">
<input type="checkbox" name="supprimer" value="11">
<input type="button" name="supprime" value="supprimer" onclick="check_value()">
</form>

**JackBeauregard** · 17/08/2006, 14h04

Bein chez moi ça fonctionne pas... bon je vais le faire en php c'est pas grave.

Merci quand même

**Kerod** · 17/08/2006, 14h09

Je viens de tester également mais moi ca fonctionne.

Qu'est ce qui ne fonctionne pas pour toi ?

**Ntilou** · 17/08/2006, 14h40

une question idiote mais sait-on jamais :

le javascript est-il activé sur ta machine ?

**JackBeauregard** · 17/08/2006, 23h38

Oui oui, javascript est bien activé

Et bien chez moi j'ai deux erreur : si je copie/colle le script, alors le bouton submit ne fonctionne pas.

Si je change la ligne du submitt, les messages s'effacent normalement mais sans messages de confirmation non plus.

**Kerod** · 18/08/2006, 00h22

Serait-il possible de voir ce que tu as fait, surtout l'asemblage qui ne fonctionne pas

**JackBeauregard** · 18/08/2006, 13h17

Bon alors, je viens donc de réessayer, en faisant bêtement un copié collé du script.
En cliquant sur "submitt" il ne se passe rien du tout du tout.

Je vois une différence entre ce script et ma page, au niveau de la ligne des checkbox :

ici :

Code :

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

<input type="checkbox" name="supprimer" value="10">

Dans ma page :

Code :

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

<input type="checkbox" name="supprimer[]" value="'.$R[id].'">

La différence se trouve au niveau du name, avec le [].

Afficher un message de confirmation avant suppression des messages

JavaScript

Discussions similaires

Partager

Partager