plusieurs nom de variable pour un toggle ?

delta07 · 15/12/2010, 14h22

Bonjour a tous.

Je ne suis pas du tout codeur de javascript, j ai juste trouve ce bout de code sur le net que j aimerai utiliser.

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
 
<html>
 
<head>
 
    <title>Fonction Toggle de JQuery</title>
    <meta name="generator" content="HAPedit 3.1">
 
    <script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
 
    <script type="text/javascript">
            jQuery(document).ready(function() {
             $("#declencheur").click(function () {
                  $("#monDiv").toggle("slow");
                });
            });
    </script>
 
</head>
 
<body bgcolor="#FFFFFF">
 
      <h1>Effet Toggle de Jquery</h1>
 
      <span id="declencheur">
            Cliquer ici : Effet Toggle<br>
      </span>
 
      <div id="monDiv" style="background-color:yellow;width:200px;height:200px;margin:10px;padding:10px;">
 
           Mon div
      </div>
      <span >
            test bla
	    testbla
	    testbla
      </span>
 
</body>
 
</html>

Il fonctionne tres bien, mais j ai deux questions :

-Comment puis integrer directement dans le html, le jquery-1.2.6.pack sans devoir avoir un fichier a cote de mon .html ? Est ce simplement possible?

-J ai plusieurs images et tables a faire apparaitre/disparaitre dans mon html, mais ce bout de code ne me permet que de l appliquer a une et une seule balise, je suppose que ca vient de l identifiant de la balise img par exemple.Comment puis je alors appliquer cette fonction a plusieurs balises ?

Merci de votre aide

franculo_caoulene · 15/12/2010, 14h40

Salut,

1) Dans l'absolu il est possible d'intégrer le contenu d'un fichier javascript dans le document html, la réponse est d'ailleurs dans le code que tu nous montre. Mais sincèrement, je te déconseille fortement de le faire. De plus, tant qu'à faire utilise la dernière version de jquery.

2) Tu as bien ciblé le problème, il te suffit de modifier le sélecteur utilisé.

delta07 · 15/12/2010, 15h15

Merci pour cette aide rapide.

1)Je ne parle pas du javascript a integre dans le html mais de la fonction jquery mais de ceci : jquery-1.2.6.pack.js qui est dans un fchier a part. A moins que j ai mal compris alors je m en excuse. Mais je dois , avec du code java, genere beaucoup de rapport html.Or j aimerai ne pas avoir a lie (donc creer pour chaque rapport) ce fichier jquery1.2.6.pack.js.
Comment l integrer dans mon Html ?

2)J ai jete un oeil a ces selecteurs, mais j avoue ne pas comprendre grand chose.Comme je l ai dit plus haut, mon html est genere a partir de code java, et j aimerai soit :
avoir une id commune a toutes mes balises que je dois afficher/cacher (ce qui est impossible apparement.J ai meme essayer de les remplacer par "class", sans succes),
soit modifier la fonction jscript pour prendre toutes mes id de mon ficher (ex : declencheur1, declencheur2,... et monDiv1,monDiv2,...etc)

dans l un l autre des cas je ne sais pas vraiment comment m y prendre.

Pierrot0459 · 15/12/2010, 16h13

un truc comme ca devrai fonctionner

Code :

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

1
2
3
4
5
 jQuery(document).ready(function() {
             $(".lenomdetaclass").click(function () {
                  $(this).next().toggle("slow");
                });
            });

a++

franculo_caoulene · 15/12/2010, 16h27

2) Tu peux utiliser aisément utiliser les classes CSS. Ajoute aux éléments devant bénéficier de l'effet toggle l'attribut class="toggle-effect", tu peux évidemment utiliser le nom que tu souhaites. Dans jquery tu pourras ainsi sélectionner les éléments ainsi $('.toggle-effect').toggle();

1) Pour répondre strictement à la question il te suffit de placer le code du framework entre deux balises <script>. Encore une fois je le déconseille fortement et personne ne travaillant avec toi ne sera heureux du résultat. pour que tout le monde soit heureux e te propose de répondre à ces questions pour t'aider :
- pourquoi ce fichier gène-t-il?
- ces rapports sont-ils voués à être lu hors-ligne? Ou y aura-t-il toujours une connexion internet au moment de la lecture?
- ces fichiers sont-ils voués à être uniquement lu en intranet?

delta07 · 15/12/2010, 16h34

merci bequcoup, j qpproche du but.

Cependant encore certaine chose que je ne comprend pas.

je peux avoir deux images avec le meme id (par exemple id="monDiv" sans souci.
Les id ne sont elles pas sense etre uniques ?

d autre par avec la methode de pierrot je peux maintenant effectivement cacher plusiuers images.Mais pas moyen de cacher des <table>.
Les <span clas="xx"> sont reserve qu aux images ?

15/12/2010, 14h40	#2
franculo_caoulene Expert Confirmé Inscription : octobre 2003 Messages : 2 886 Détails du profil Informations forums : Inscription : octobre 2003 Messages : 2 886 Points : 2 559 Points : 2 559	Salut, 1) Dans l'absolu il est possible d'intégrer le contenu d'un fichier javascript dans le document html, la réponse est d'ailleurs dans le code que tu nous montre. Mais sincèrement, je te déconseille fortement de le faire. De plus, tant qu'à faire utilise la dernière version de jquery. 2) Tu as bien ciblé le problème, il te suffit de modifier le sélecteur utilisé. __________________ Penser à la recherche et au bouton
	00

15/12/2010, 16h27	#5
franculo_caoulene Expert Confirmé Inscription : octobre 2003 Messages : 2 886 Détails du profil Informations forums : Inscription : octobre 2003 Messages : 2 886 Points : 2 559 Points : 2 559	2) Tu peux utiliser aisément utiliser les classes CSS. Ajoute aux éléments devant bénéficier de l'effet toggle l'attribut class="toggle-effect", tu peux évidemment utiliser le nom que tu souhaites. Dans jquery tu pourras ainsi sélectionner les éléments ainsi $('.toggle-effect').toggle(); 1) Pour répondre strictement à la question il te suffit de placer le code du framework entre deux balises <script>. Encore une fois je le déconseille fortement et personne ne travaillant avec toi ne sera heureux du résultat. pour que tout le monde soit heureux e te propose de répondre à ces questions pour t'aider : - pourquoi ce fichier gène-t-il? - ces rapports sont-ils voués à être lu hors-ligne? Ou y aura-t-il toujours une connexion internet au moment de la lecture? - ces fichiers sont-ils voués à être uniquement lu en intranet? __________________ Penser à la recherche et au bouton
	00

15/12/2010, 15h15	#3
delta07 Candidat au titre de Membre du Club Delta Développeur informatique Inscription : novembre 2009 Messages : 70 Détails du profil Informations personnelles : Nom : Delta Âge : 26 Localisation : France, Isère (Rhône Alpes) Informations professionnelles : Activité : Développeur informatique Informations forums : Inscription : novembre 2009 Messages : 70 Points : 14 Points : 14	Merci pour cette aide rapide. 1)Je ne parle pas du javascript a integre dans le html mais de la fonction jquery mais de ceci : jquery-1.2.6.pack.js qui est dans un fchier a part. A moins que j ai mal compris alors je m en excuse. Mais je dois , avec du code java, genere beaucoup de rapport html.Or j aimerai ne pas avoir a lie (donc creer pour chaque rapport) ce fichier jquery1.2.6.pack.js. Comment l integrer dans mon Html ? 2)J ai jete un oeil a ces selecteurs, mais j avoue ne pas comprendre grand chose.Comme je l ai dit plus haut, mon html est genere a partir de code java, et j aimerai soit : avoir une id commune a toutes mes balises que je dois afficher/cacher (ce qui est impossible apparement.J ai meme essayer de les remplacer par "class", sans succes), soit modifier la fonction jscript pour prendre toutes mes id de mon ficher (ex : declencheur1, declencheur2,... et monDiv1,monDiv2,...etc) dans l un l autre des cas je ne sais pas vraiment comment m y prendre.
	00

15/12/2010, 16h34	#6
delta07 Candidat au titre de Membre du Club Delta Développeur informatique Inscription : novembre 2009 Messages : 70 Détails du profil Informations personnelles : Nom : Delta Âge : 26 Localisation : France, Isère (Rhône Alpes) Informations professionnelles : Activité : Développeur informatique Informations forums : Inscription : novembre 2009 Messages : 70 Points : 14 Points : 14	merci bequcoup, j qpproche du but. Cependant encore certaine chose que je ne comprend pas. je peux avoir deux images avec le meme id (par exemple id="monDiv" sans souci. Les id ne sont elles pas sense etre uniques ? d autre par avec la methode de pierrot je peux maintenant effectivement cacher plusiuers images.Mais pas moyen de cacher des <table>. Les <span clas="xx"> sont reserve qu aux images ?
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email