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!

[SpaceFrog]

et plus simplement :

Code :

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

document.images[i].id=string_id;

[schwarzy2]

ben c'est ça mon souci, c'est que document.images[i].id n'est pas reconnu, vu que je n'ai pas un input de type image mais de type hidden:

document.write("<input type=\"hidden\" img src=\"18857477_w80_h80_q80_c.jpg\" />")

mais bon je me suis débrouillée autrement!
mon souci est ailleurs maintenant...mais ça c'est le sujet d'un autre post!
à + et merci pour votre aide!

[SpaceFrog]

input ????

heu on ne parle pa de la même chose ...

Code :

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

document.images[]

c'est la collection des balises <img >


Et c'est quoi ça ?????

Code :

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

"<input type=\"hidden\" img src=\"18857477_w80_h80_q80_c.jpg\"

c'est la première fois de ma vie que je vois une balise input avec img src dedans ???
ça fait quoi ... ??? ou c'est supposé faire quoi ???

[schwarzy2]

ben...ça affiche une image c'est comme ça que j'ai appris à afficher mes images....mais je m'y prens peut-être mal!
à voir...

[SpaceFrog]

Code :

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

"<img src=\"18857477_w80_h80_q80_c.jpg\"

voilà pour une image ...
et là pour le coup document.images s'y retrouvera ...

[schwarzy2]

mais en mettant noin pas input mais image comme tu le dis...y-a t'il possibilité de rendre "transparente" mon image(=> seul le background apparaîtra) ?
parce que c'est ce dont j'ai besoin pour mon memory..Mais je ne trouve pas...je suis sûre pourtant que ça doit exister....
si tu avais une idée?
merci en tout cas pour tes copnseils!

[SpaceFrog]

style visibility ?