Discussion :

[schwarzy2]

Bonjour à tous,

je suis en train de créer un memory et je voudrais pour cela affecter par une fonction une valeur à l' id de mes images(puisqu'il va y en avoir plusieurs).
J'ai ma fonction, qui doit renvoyer à chaque fois une chaîne différente:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var ident;
 
function return_id()
{
        ident++;
        var string_id="img"+ident;
        alert(string_id);
        return string_id;
}

et mon image:

Code :

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

1
2
 
<input type="image" src="q80_c.jpg" onclick="return_id();" id="return_id();" />

quand je clique sur mon image, la fonction est bien appelée puisque j'ai bien un message "img1" qui s'affiche.
Mais l'id img1 n'est pas attribué à la création de l'image.

je dois avoir une erreur au niveau de la syntaxe du id="return_id();" , mais je ne sais pas ce qu'il faut mettre...j'ai fait plusieurs essais ,sans succès.
merci d'avance à tous ceux qui vondront bien me donner un coup de main.
cordialement
schwarzy2

[htr999]

salut
<input> n'est pas nécessaire pour l'affichage d'une image. tu peux remplacer par <img src=.../>
ça pourrait donner

Code :

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

1
2
 
<img src="q80_c.jpg" onclick="return_id();"/>

et dans la fonction return_id() essaie de remplacer

Code :

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

1
2
 
document.images[0].setAttribute("id",string_id);

à la place du return

a+

[schwarzy2]

merci htr999 pour ta réponse, c'est effectivement un moyen de résoudre le problème ...
mais je vais jouer les difficiles: si je veux attribuer une valeur par l'appel d'une fonction lors de la création de l'image, est-ce qu'il est possible de le faire par un return comme j'ai voulu le faire? est-ce ma syntaxe qui cloche?
(c'est pour savoir si d'autres cas se représentent, pour mon memory je vais faire avec ta solution! merci!)

[htr999]

salut
peux-tu préciser ce que tu veux faire exactement ? s'agit-il de plusieurs images et une attribution automatique des ID ??? pourquoi devoir mettre onClick ???

cdt a+

[schwarzy2]

salut

je ne veux pas que mes id s'attribuent par onclick, onclick c'était juste pour tester si le problème venait de ma fonction ou de l'appel à ma focntion.
comme il s'agit d'un memory je veux faire ça:

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
 
//construction du tableau d'images
document.write('<table cellspacing="10">')
 
	for (var i=0;i<3;i++)
	{
		document.write('<tr>')
		for(var j=0;j<4;j++)
		{
			document.write('<td>')
			document.write("<input type=\"hidden\" img src=\"18857477_w80_h80_q80_c.jpg\" />") 
			document.write('</td>')
		}
		document.write('</tr>')
	}
 
document.write('</table>')
 
function attribuer_valeur()
{
alert('fonction called!');
	for(var i=0;i<12;i++)
	{
		var string_id="img"+i;
		alert(string_id);
		document.hidden[i].setAttribute("id",string_id);
 
	}
}
attribuer_valeur(); //on attribue à chaque image un id

ainsi , je pourrai ensuite par une autre boucle avec un pas de 2 et non de 1, attribuer à mes images un src différent: j'aurai des couples de cartes semblables.
Mais le problème, c'est que document.hidden[i].setAttribute("id",string_id); ne marche pas, ni document.images[i].setAttribute("id",string_id);
merci pour ton aide!

[schwarzy2]

alors en fait je me suis débrouillée,j'ai attribué un nom à toutes mes images, et j'ai utilisé la fonction getElementByName ensuite pour faire appel à toutes mes images.

mon problème est donc résolu!
à + sur le forum!