Discussion :

[mmz]

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

[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?

[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

[denisC]

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 :

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

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

[mmz]

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

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
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>";

[SpaceFrog]

ou encore

Code :

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

document.images[7].id

[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 :

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

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

[mmz]

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

Code :

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

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

[SpaceFrog]

plutot que l'id ce ne serait pas mieux de recuperer le src ?
enfin je dis ça ...

[mmz]

Grand merci pour vous tous, j'ai réussi à faire marcher

[mmz]

merci SpaceFrog, ça marche avec l'id

[SpaceFrog]

[denisC]

ou encore

Code :

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

document.images[7].id

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