id d'une image

Version imprimable

12/04/2006, 13h15
mmz

id d'une image

Bonjour
je voulais savoir comment récupérer l'id d'une image (balise img) dans une variable javascript
merci
12/04/2006, 13h20
MasterOfChakhaL

salut,

En général, on part du principe que l'on connait l'id, ce qui permet ensuite de manipuler l'image en javascript via getElementById( 'tonId')...

Que cherches-tu à faire?
12/04/2006, 13h23
mmz

oui je sais mais dans mon cas j'affiche plusieurs images successives avec du code php et je veux avoir l'id de chaque image
12/04/2006, 13h39
denisC

Re: id d'une image
Citation:

Envoyé par mmz

je voulais savoir comment récupérer l'id d'une image (balise img) dans une variable javascript

De quelle image? Tu as forcément un moyen de savoir laquelle... Sinon, tu es mal barré. Et l'id d'un élement, c'est simplement l'attribut id de cet élement.

Par exemple, l'id de la 8eme image de ton document, c'est:
Code:

1 2 document.getElementsByTagName('img')[7].id

J'affiche plusieurs images à partir d'un répertoire et voila le code php que j'utilise

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
29
30
31
32
33
34
 
$PATH = './img/';
$i = 0;
echo "<TABLE cellpadding=2 cellspacing=2><tr>";
if ($dir = @opendir($PATH)) {// ouverture du dossier 
    while($file = readdir($dir)) { // lecture d'une entrée 
	   if (is_file ("$PATH$file"))
	   {
	   	 $ext = substr($file, -3, 3); 
		 if (in_array ($ext, array ("jpg", "JPG", "gif", "GIF", "jpeg", "JPEG", "bmp", "BMP")))
		 {
		 	if ($i%3 == 0)
		  	 {
				echo "</tr><tr><td>";
				echo "<input type=hidden name='img$i' value='$file'>";	   	
       			echo "<img src='$PATH$file' id='$file' height=100 width=100 onClick='big_img()'>";					
	   			echo "</td>";				
		  	 }
		  	 else
		  	 {
		  		echo "<td>";
				echo "<input type=hidden name='img$i' value='$file'>";	   	
       			echo "<img src='$PATH$file' id='$file' height=100 width=100 onClick='big_img()'>";
	   			echo "</td>";				
		  	 }
			 $i++;
			}
 
 
	   }
    }
    closedir($dir); // fermeture du dossier 
}
echo "</TABLE>";

12/04/2006, 13h45
SpaceFrog

ou encore

Code:

document.images[7].id
12/04/2006, 13h52
MasterOfChakhaL
tu ne nous a toujours pas dit ce que tu cherchais a faire une fois que tu as l'id de ton image???

si c'est pour faire une action dessus, pourquoi ne pas en générer en php ceci:
Code:

1 2 <img id='tonId' onclick="action(this.id)" src='....' />

en effet, je voudrais ouvrir une popup pour afficher l'image en grande taille
Code:

1 2 window.open("big_img.php?f=id","PopUp", "width=500,height=450,location=no,status=yes,toolbar=no,scrollbars=no");

12/04/2006, 14h09
SpaceFrog

plutot que l'id ce ne serait pas mieux de recuperer le src ?
enfin je dis ça ...
12/04/2006, 14h09
mmz

Grand merci pour vous tous, j'ai réussi à faire marcher
12/04/2006, 14h10
mmz

merci SpaceFrog, ça marche avec l'id
12/04/2006, 14h15
SpaceFrog

:wink:
12/04/2006, 15h01
denisC

Citation:

Envoyé par SpaceFrog

ou encore

Code:

document.images[7].id

Bof, les arrays de IE, je me méfie.... C'est encore dans IE 7 ces trucs archaiques?