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

**ranell** · 18/04/2007, 21h04

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 :

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

1
2
3
 
function cache(element)
{element.style.visibility="hidden";}

-fonction cacher_piece()

Code :

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

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

**E.Bzz** · 19/04/2007, 09h42

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

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+

**SpaceFrog** · 19/04/2007, 10h46

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 :

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

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

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

**E.Bzz** · 19/04/2007, 10h53

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 ...

**SpaceFrog** · 19/04/2007, 11h18

ha ces jeunes !!!

Code :

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

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>

et

Code :

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

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 :

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

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>

**E.Bzz** · 19/04/2007, 11h43

Envoyé par SpaceFrog

ha ces jeunes !!!

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

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

Fais pas bon veillir, hein ?

PS : je chipotte pour le sport, mais d'accord avec toi sur le principe ...

**SpaceFrog** · 19/04/2007, 12h01

astuce *1 au lieu de Number ou parse quelconque transforme automatiquement en chiffre ...

**ranell** · 19/04/2007, 12h14

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(){}

**E.Bzz** · 19/04/2007, 12h26

C'est sûrement la 1° réponse de SpaceFrog la bonne (mais j'ai beau dérouler le script, je vois pas

)
Par contre, c'est quoi ces parenthèses avant le ondblclick

:

Code :

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

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

**SpaceFrog** · 19/04/2007, 14h28

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
 
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 ...

**ranell** · 19/04/2007, 17h17

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?

**SpaceFrog** · 19/04/2007, 17h28

moi non plus je ne comprend pas pourquoi il fait ça ...

un "bug" .... ???
c'est le seul langage que je connaisse qui fasse ça ...
il le fait
alors je le feinte

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

**ranell** · 19/04/2007, 17h38

oké merci encore pour votre aide

, et espérons que Fremy aura une explication à ça

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

JavaScript

Discussions similaires

Partager

Partager