Discussion :

[Nico1131]

Bonjour,

Je voudrai savoir s'il est possible avec jQuery de créer une fonction qui affiche un type de dialog selon les paramètres donnés afin de pouvoir la réutilisé dans d'autres pages sans devoir créer des div avec du texte prédéfini dans chaque page ?

[SpaceFrog]

oui

[Nico1131]

D'accord merci

Question peut être bête mais vu que je suis novice en JS et jQuery, peut on mélanger les 2 ensemble dans la fonction ?

[SpaceFrog]

JQuery étant une librairie de fonctions JS ...

[Nico1131]

Ahah oui pas faut
On va dire que c'est à cause du mauvais temps

Bah je va voir ça, créer cette petite fonction et je reviendrai pour avoir un avis dessus

[Nico1131]

Me voilà de retour

J'ai crée ma petite fonction, mais qui ne marche pas car j'ai un peut de mal à faire le switch entre le JS et jQuery.
Enfin bon je vais vous montrer le code vous verrez bien que déjà au niveau du "appendChild" ça ne va pas

Je suis ouvert à toutes améliorations

Code javascript :

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
84
85
86
function messageDialog (TypeMess, Message){
 
	var objDialog = document.createElement("div");
	objDialog.setAttribute('id','dialog');
	objDialog.style.display = 'none';
	objDialog.style.position = 'absolute';
	objDialog.style.zIndex = '100';	
 
 
    switch(TypeMess){
	  // Information 
	  case 'I':
		$("#dialog").dialog({title: 'Information', dialogClass: 'ui-state-highlight', 
				modal: true, 
				autoOpen : false, 
				draggable: false, 
				closeOnEscape: true,
				resizable : false,
				open: function() {
					$( ".ui-dialog" ).css("visibility", "");
					$( ".ui-dialog" ).position({
						my: "center",
						at: "center",
						of: "body"
					});
				},
				close: function() {
					$( ".ui-dialog" ).css("visibility", "hidden");
                                        $( "#dialog" ).dialog( "close" );
				}   
		});
		$("#dialog").text(Message);
		$("#dialog").dialog('open');
	    break; 
	  // Erreur
	  case 'E':
		$("#dialog").dialog({title: 'Erreur', dialogClass: 'ui-state-error', 
				modal: true, 
				autoOpen : false, 
				draggable: false, 
				closeOnEscape: true,
				resizable : false,
				open: function() {
					$( ".ui-dialog" ).css("visibility", "");
					$( ".ui-dialog" ).position({
						my: "center",
						at: "center",
						of: "body"
					});
				},
				close: function() {
					$( ".ui-dialog" ).css("visibility", "hidden");
                                        $( "#dialog" ).dialog( "close" );
				}   
		});		
		$("#dialog").text(Message);
		$("#dialog").dialog('open');
	    break; 
	  // Succes
	  case 'S':
		$("#dialog").dialog({title: 'Succès', dialogClass: 'no-close success-dialog', 
				modal: true, 
				autoOpen : false, 
				draggable: false, 
				closeOnEscape: true,
				resizable : false,
				open: function() {
					$( ".ui-dialog" ).css("visibility", "");
					$( ".ui-dialog" ).position({
						my: "center",
						at: "center",
						of: "body"
					});
				},
				close: function() {
					$( ".ui-dialog" ).css("visibility", "hidden");
                                        $( "#dialog" ).dialog( "close" );
				}   
		});
		$("#dialog").text(Message);
		$("#dialog").dialog('open');
	    break; 
    }
	objDialog.appendChild($("#dialog"));
 
}