[javascript]fonction qui ne fonctionne pas(concernant div)

Version imprimable

bonsoir à tous,
je dispose de trois zones div de id div1, div2 et div3 ,lors d'un double click sur la zone div(i) je desire cacher la zone div(i) et div (i+1).
voici mon code:
-fonction cache qui va me permettre de cacher ma div:
Code:

1 2 3 function cache(element) {element.style.visibility="hidden";}
-fonction cacher_piece()
Code:

1 2 3 4 5 6 7 8 function cacher_piece() {for(var i=1;i<3;i++) {(document.getElementById('div'+i)).ondblclick =function() {cache(document.getElementById('div'+i)); cache(document.getElementById('div'+(i+1)));} } }
ceci ne fonctionne pas comme je veux, avez vous une idée sur le probleme?
un autre truc: ma fonction cache (je l'ai péché du net , est souvent instable, c a d qu'a l'execution y a souvent des erreurs au niveau de cette fonction ( genre "objet requis")
merci d'avance pr vos reponses :)

19/04/2007, 09h42
E.Bzz

Citation:

Envoyé par ranell

ceci ne fonctionne pas comme je veux, avez vous une idée sur le probleme?

Ben, ça dépend du pb, donc de comment tu veux que ça fonctionne, et de comment ça se passe actuellement :mrgreen:

Citation:

un autre truc: ma fonction cache (je l'ai péché du net , est souvent instable, c a d qu'a l'execution y a souvent des erreurs au niveau de cette fonction ( genre "objet requis")
merci d'avance pr vos reponses :)

* Tes fonctions sont bien déclarées dans le <head> (ou dans un .js) ?
* tes div sont-ils générés en dynamique ?

A+
19/04/2007, 10h46
SpaceFrog

Le probmème vient en fait du i dans la boucle ...
tu attribues à chaque div toujours le même i , le dernier de la boucle ... en l'occurence 2, ce qui aboutit au fait que tous les divs ont le même effet...

il faut attribuer un tag à chaque div dasn lequel tu colle le i ...

de plus pour éviter le problème de objet requis essaye d'ajouter:

Code:

cache(document.getElementById('div'+((i*1)+1)));

sinon il recherche dans la page div11 et div12 au lieu de div2 et div3
19/04/2007, 10h53
E.Bzz

Citation:

Envoyé par SpaceFrog

sinon il recherche dans la page div11 et div12 au lieu de div2 et div3

Il me semble que non, grace aux parenthèses.
Mais je m'incline pour tout le reste ...

ha ces jeunes !!!

Code:

1
2
3
4
5
6
7
8
<script type='text/javascript'>
var sufixe="div"
var result=""
for (i=1;i<3;i++){
	result+="sufixe"+i+1 + "; ";
	}
alert (result)
</script>

Code:

1
2
3
4
5
6
7
8
<script type='text/javascript'>
var sufixe="div"
var result=""
for (i=1;i<3;i++){
	result+="sufixe"+((i*1)+1) + "; ";
	}
alert (result)
</script>

et je n'ai aucune confiance en ça:

Code:

1
2
3
4
5
6
7
8
<script type='text/javascript'>
var sufixe="div"
var result=""
for (i=1;i<3;i++){
	result+="sufixe"+(i+1) + "; ";
	}
alert (result)
</script>

19/04/2007, 11h43
E.Bzz

Citation:

Envoyé par SpaceFrog

ha ces jeunes !!!

T'as pas l'air bien vieux non plus ... sur la photo :mouarf:

Sinon, pour le 1) : pas glop, d'accord
pour le 2 : glop glop, toujours OK,
mais pour le 3, je vois pas ou pourrait être le pb :?
i et 1 sont implicitement (mais clairement) numérique, et les () évitent la confusion de types, non ?
Aussi sûrement que pour le 2), d'ailleurs (à part le * qui n'est pas commun aux 2 types : c'est ça l'astuce ?).

Au fait, les " " autour des noms de variables, ça le fait moyen :aie:
Fais pas bon veillir, hein ?

:dehors:

PS : je chipotte pour le sport, mais d'accord avec toi sur le principe ...
19/04/2007, 12h01
SpaceFrog

astuce *1 au lieu de Number ou parse quelconque transforme automatiquement en chiffre ...
19/04/2007, 12h14
ranell

bonjour,
pour répondre à tes questions E.Bzz , je veux cacher une la div (i) et la div (i+1) lors d'un double click sur la div (i), avec le code que j'ai mis, il me cache tjrs la div3.
mes divs sont créé dynamiquement et mes fonctions sont declaré dans le head entre les balises <script language="javascript"></script>
j'ai essayé ton code SpaceFrog ,ça fonctionne tjrs pas, mais ça n'empêche que je pense que ,effectivement, le probleme vient du i puisque mes div ont tjrs le même "comportement".
on dirai que la boucle for ne s'applique pas à la partie function(){}:?
19/04/2007, 12h26
E.Bzz

C'est sûrement la 1° réponse de SpaceFrog la bonne (mais j'ai beau dérouler le script, je vois pas :oops: )
Par contre, c'est quoi ces parenthèses avant le ondblclick :? :

Code:

{(document.getElementById('div'+i)).ondblclick =function()

Code:

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
 
function cacher_piece()
{for(var i=1;i<3;i++)
{document.getElementById('div'+i)).ondblclick  =function() 
 	{cache(document.getElementById('div'+i));
     cache(document.getElementById('div'+(i+1)));}
}
}
<script type='text/javascript'>
function cache(element)
{element.style.visibility="hidden";}
function cacher_piece(){
       for(i=1;i<3;i++){document.getElementById('div'+i).indice=i;
                                  document.getElementById('div'+i).ondblclick=function(){
       					cache(document.getElementById('div'+this.indice));
     					cache(document.getElementById('div'+(this.indice+1)));}
				}
}
</script>
</head>
 
<body onload="cacher_piece()" >
<div id="div1" style="height:100;width:100;background-color:red">&nbsp;</div>
<div id="div2" style="height:100;width:100;background-color:green">&nbsp;</div>
<div id="div3" style="height:100;width:100;background-color:blue">&nbsp;</div>
</body>
 
</html>

en attribuant un "flag" indice à chaque div, on "fige" le i pour le div ainsi la reférence se fait bien par rapport au i à chaque boucle et non sur le i final ...

19/04/2007, 17h17
ranell

enfin ça fonctionne, merci pour vos reponses, mais une ptite question pour SpaceFrog , je comprend tjrs pas pq il prend que la derniere occurence de i!?
(avec le code que j'ai mis), ma boucle for, elle est sensé s'appliqué sur tout le bloc entre accolade, peux tu m'eclaircir ça stp?
19/04/2007, 17h28
SpaceFrog

moi non plus je ne comprend pas pourquoi il fait ça ... :oops:
un "bug" .... ???
c'est le seul langage que je connaisse qui fasse ça ...
il le fait
alors je le feinte :mouarf:

je crois en fait que c'est parcequ'il fonctionne par référence à la variable tu attribue i et comme i change ...
Fremy aura sans doute une explication fumeuse qui nous dépassera encore :aie:
19/04/2007, 17h38
ranell

oké merci encore pour votre aide:king: , et espérons que Fremy aura une explication à ça:D