Version imprimable
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 ?
oui
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 ?
JQuery étant une librairie de fonctions JS ...
Ahah oui pas faut :mouarf:
On va dire que c'est à cause du mauvais temps :P
Bah je va voir ça, créer cette petite fonction et je reviendrai pour avoir un avis dessus :)
Me voilà de retour :D
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 :mouarf:
Je suis ouvert à toutes améliorations ;)
Code:
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
J'ai réussi à faire apparaitre mon petit Dialog en mode Erreur :)
J'ai commencé par supprimer ça car inutile :
Code:
2
3
Puis j'ai modifié le appendChild :
Code:document.body.appendChild(objDialog);
Et voilà le résultat :D
Pièce jointe 150367
Bon il reste à faire quelques retouche graphique mais l’essentiel et déjà la :)
Cependant il me reste un petit problème, car je fais appel de la fonction dans le onBlur d'un champ de saisie (input text) et en gros le dialog s'affiche seulement si je passe 2 fois dans le champ de saisie alors que j'aimerai qu'il s'affiche directement lorsque je sors de son focus la première fois.
Puis en essayant de l'afficher plusieurs fois, tout plante et un joli message d'erreur s'affiche et me dit :
" cannot call methods on dialog prior to initialization; attempted to call method 'close' "
Je comprend à peut près le problème mais je vois pas comment le résoudre :?
Si quelqu'un aurai une idée :)
Bon bon bon, même si je suis pour le moment le seul à parler dans cette discussion je met quand même la suite de mes modifications car sa pourrait aider d'autres personnes.
Donc pour régler le problème du message d'erreur :
" cannot call methods on dialog prior to initialization; attempted to call method 'close' "
J'ai simplement enlever les :
dans la fonction close du dialog.Code:$( "#dialog" ).dialog( "close" );
Et dans la fonction open j'ai juste ajouté "visible" au :
Code:$( ".ui-dialog" ).css("visibility", "visible");
Puis j'ai créer ceci à part au chargement de la page :
Code:
2
3
4
5//Fermer le Dialog en cliquant ailleurs $("body").on("click",".ui-widget-overlay",function() { $('#dialog').dialog( "close" ); });
Voilà comme ça le message d'erreur est contourné :D
Cependant il me reste toujours le problème sur le onBlur :? Je m'y plonge et si quelqu'un sait comment le résoudre je suis la :)
PS : Plus précisément je fais appel de la fonction messageDialog dans une autre fonction qui, elle, est appelée dans un onBlur, peut être que le problème est du à ça ?
UI Dialog : http://jqueryui.com/dialog/
Salut,
Merci pour ton message très explicite 8-)
Mais j'avais bien fait mes recherches dessus, cependant même avec la liste des méthodes et évènements qu'il y a sur les Dialog je n'ai pas réussi à résoudre le problème.
Je suis peut être passé à coter de la solution c'est possible, mais je continu à chercher.
Enfin c'est surtout mon problème que je comprend pas trop, car comme je l'ai dit précédemment le principe de base est que je fait la vérification d'une date en perdant le focus du champ de saisie.
Donc sur le onBlur du champ de saisie sa fait ça :
onBlur --> verif_date(){ [...] messageDialog(); [...] }
Puis le problème est que le Dialog s'affiche qu'à la deuxième perte du focus du champ de saisie mais une fois cela fait je peux l'afficher à nouveau sans problème si je ne recharge pas la page complétement, alors que si je le remplace par une Alert tout fonctionne correctement.
Je crois qu'il dois y avoir un problème avec l'initialisation du Dialog mais je vois pas où :? je pense l'avoir fait correctement non ?
Voilà voilà j'ai réussi :D
En gros j'ai un peut fait tout est n'importe quoi, pour être franc je sais pas vraiment le pourquoi du comment, mais je pense que sa venait du fait de l'ajout du texte après l'initialisation du Dialog.
Donc voici le résultat pour un Dialog de type Erreur :
Pièce jointe 150551
Je vous met ci-dessous tout le code complet avec les petites modifications ;)
Code:
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
Il n'y a que pour le cas d'un Dialog de type Erreur mais après c'est exactement la même chose pour les autres juste le style à changer :D
Donc voilà je clos le sujet car le problème est résolu. Après si certains ont des proposition d'améliorations pour rendre la fonction plus simple ou le code plus lisible je suis preneur ;)
Me revoilà :(
Finalement il me reste un autre soucis.
J'ai besoin de faire un :
donc remettre ce que j'avais enlevé au début et qui me causais des soucis...Code:$( "#dialog" ).dialog( "close" );
Car quand j'affiche un Dialog dans une page par exemple de type Erreur, puis ensuite un autre de type Succès, le problème est que soit le type Succès reprend le style du type Erreur, soit c'est le type Erreur qui s'affiche alors qu'il ne devrait pas :?
Du coup je suis aller voir dans les méthodes fournis pour les Dialog et j'ai essayais de faire un close et même un destroy lorsque que ferme le Dialog.
Exemple pour le cas Erreur:
Code:
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
Mais en faisant ça, j'ai le message d'erreur du tout début qui s'affiche à nouveau :
" cannot call methods on dialog prior to initialization; attempted to call method 'close' "
Donc en gros je suis un peut paumé la :?
Pense à la chrnologie ...
initialise le dialog avant de vouloir le modifier
Je comprend pas trop ce que tu veux dire, mes Dialog sont initialisés. Dans chaque cas je le fais en ajoutant les paramètres qu'il faut puis ensuite je l'ouvre.
Après j'interprète peut être mal la chose je sais pas :?
Citation:
mes Dialog sont initialisés
Si tu le dis ...Citation:
cannot call methods on dialog prior to initialization;
:roll:
Bah je comprend pas alors ce que vous dites par "initialiser" alors...
Pour moi c'est ce que j'ai fais en faisant :
Code:$("#dialog").dialog({ [PARAMETRES] });
Puis ensuite je l'ouvre :
Code:$("#dialog").dialog('open');
J'ai suivis le principe qu'il y a sur http://jqueryui.com/dialog/ et sur des forums.
c'est le "ensuite" qui semble poser souci ...Citation:
Puis ensuite je l'ouvre :
Si c'est le :
qui pose problème, comment faire pour l'ouvrir alors ?Code:$("#dialog").dialog('open');
Que je le fasse comme ci-dessus ou comme ça :
Code:$("#dialog").dialog({ [PARAMETRES] }).dialog('open');
Ou même à l’extérieur du switch ça ne change rien :?
Ok je pense avoir trouvé :aie:
En gros il suffit de mettre chaque Dialog dans différentes variables afin qu'il puisse les différentier si j'ai bien compris.
Du coup sa donne ça (pour Dialog de type Erreur) :
Code:
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
C'est vrai quant on y pense sa semble plus logique :marteau:
