Bonjour à tous,

Je suis débutant avec JQUERY et j'ai un petit souci pour envoyer des variables à une fonction.

Voici le code HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<a href="#" class="alertElement">Bouton suppression</a>
Voici ma fonction JQUERY :
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
(function($) {
 
	$.confirm = function(params) {
 
		if ($('#confirmOverlay').length) {
			// A confirm is already shown on the page:
			return false;
		}
 
		var buttonHTML = '';
		$.each(params.buttons,function(name,obj) {
 
			// Generating the markup for the buttons:
 
			buttonHTML += '<a href="#" class="button '+obj['class']+'">'+name+'</a>';
 
			if (!obj.action) {
				obj.action = function() {};
			}
		});
 
		var markup = [
			'<div id="confirmOverlay">',
			'<div id="confirmBox">',
			'<h1>',params.title,'</h1>',
			'<p>',params.message,'</p>',
			'<div id="confirmButtons">',
			buttonHTML,
			'</div></div></div>'
		].join('');
 
		$(markup).hide().appendTo('body').fadeIn();
 
		var buttons = $('#confirmBox .button'),
			i = 0;
 
		$.each(params.buttons,function(name,obj) {
			buttons.eq(i++).click(function() {
 
				// Calling the action attribute when a
				// click occurs, and hiding the confirm.
 
				obj.action();
				$.confirm.hide();
				return false;
			});
		});
	}
 
	$.confirm.hide = function() {
		$('#confirmOverlay').fadeOut(function() {
			$(this).remove();
		});
	}
 
})(jQuery);
Que je personnalise avec une seconde fonction :
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
 
$(document).ready(function() {
 
	$('.alert').click(function(e) {
 
		e.preventDefault();
		var theHREF = $(this).attr("href");
		var elem = $(this).closest();
 
		$.confirm({
			'title'		: 'Suppression',
			'message'	: 'Etes-vous sûr de vouloir supprimer cet élément et son contenu ?',
			'buttons'	: {
				'Je confirme'	: {
					'class'	: 'blue',
					 'action': function() {
						window.location.href = theHREF;
					}
				},
				'Annuler'	: {
					'class'	: 'gray',
					'action': function() {}	// Nothing to do in this case. You can as well omit the action property.
				}
			}
		});
 
	});
 
});
Est-il possible de définir le "title" et "message" dans le fichier HTML directement, afin d'avoir des messages plus personnalisés que "élément".

Jusqu'ici je duplique bêtement la seconde fonction en donnant une autre class et donc en mettant un autre texte... et je sais que c'est moche

Je sais que je devrais utiliser des variables mais comment les passer à la fonction.
Merci d'avance