Discussion :

[zilbou]

Bonjour,

Je souhaite faire ceci : dans un tableau, l'utilisateur a une série de cases à cocher pour supprimer les entrées du tableau. Lorsque l'utilisateur clique sur le bouton "supprimer les éléments sélectionnés", une boîte de confirmation apparaît et demande :
"Voulez vous vraiment supprimer :
entrée 1
entrée 2"

Mais j'aimerais bien que cela affiche les entrées à supprimer sous forme de liste plutôt que de faire de simples retours à la ligne qui ne sont pas très beaux.

J'ai tenté de mettre du code html dans la chaîne de caractères :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$(function()
{
 
         ...
 
	$('#delete_button').click(function()
	{
		confirm('Voulez-vous supprimer <ul><li>blabla</li></ul>');
	});
 
 
});

Mais celui-ci n'est pas interprété et le message est délivré tel quel avec le <ul> et le <li>. Auriez vous une autre solution ou je reste sur de simples retours à la ligne ?

Bonne soirée,
Zilbou

[Beginner.]

Salut,

Pour écrire du code html dans un document tu peux utiliser : document.write("Voulez-vous supprimer <ul><li>blabla</li></ul>"); ou si tu as une div d'identifiant "mydiv" : document.getElementById("mydiv").innerHTML = "Voulez-vous supprimer <ul><li>blabla</li></ul>"; mais je crois que ces deux manières ne sont pas conseillées...

La bonne manière je crois, c'est d'utiliser les méthodes du DOM comme par exemple document.createElement et element.appendChild... Il y a ce fil : DOM & javascript où on en parlait...

D'autres membres confirmeront ou corrigeront...

[zilbou]

Merci pour cette réponse mais ta solution consisterait à écrire dans une page html alors que je cherche à écrire dans le message de confirmation. D'ailleurs, la méthode jQuery adaptée ne serait pas .html() dans ce cas ?

[Beginner.]

Ah oui d'accord je comprends... Je ne sais pas si c'est possible, je ne connais pas jQuery...

PS : Il y a un sous forum pour jQuery je crois...

EDIT ; Oui ici : jQuery

[NoSmoking]

Bonjour,
on ne peut pas modifier les boites « confirm » et « alert » elles appartiennent au navigateur, en revanche on peut effectivement se créer ses propres boîtes.

En jQuery il doit y en avoir pléthore !

[zilbou]

Exact, merci de la remarque !

Pour ceux qui ont le même problème, je suis tombé sur jQuery UI qui permet de faire ce que je cherchais à faire.