comment obtenir id d'image

Question

Je crée une liste d'images dynamiquement, suivant est le code

<?php 
for ($counter = 0; $counter < $obj1->id; $counter ++) 
{ ?> 
<tr><td> Week <?php echo($counter+1); ?> 
</td><td><?php echo" <a href=\"#hiddenDiv\" rel=\"facebox\";>";?> 
<img src="tue.png"/ id="image" value="<?php echo $counter+1;?>" > 
</a></td></tr> 
<?php } ?> 

lorsque l'utilisateur clique sur l'image une forme ouvre. chaque image représente une semaine, donc je dois identifier de façon unique l'utilisateur sur lequel insérer les données. J'ai besoin de l'ID de cette image à travers laquelle je peux identifier une semaine. Le clic à l'image fonction suivante est appelée

function pc(){ 
var temp = document.getElementById("image"); 
alert(temp.value); 
} 

mais je reçois « undefined ». Quelqu'un peut-il m'aider avec ça?

Merci

Merci à l'avance

Answer 1

vous devez passer id de la balise. comme document.getElementById("image").

function pc(id){ 
var temp = document.getElementById("image"); 
alert(temp.value); 
} 

Answer 2

Vous remarquerez que j'ai changé l'ID de la balise img, ce qui signifie que chaque nouvelle image aura l'identifiant du contre-courant.

J'ai également ajouté un événement onclick au lien, et transmis le compteur à la fonction js.

<?php 
for ($counter = 0; $counter < $obj1->id; $counter ++) 
{ ?> 
<tr><td> Week <?php echo($counter+1); ?> 
</td><td><?php echo" <a href=\"#hiddenDiv\" onclick=\"pc(<?php echo $counter;?>)\" rel=\"facebox\";>";?> 
<img src="tue.png"/ id="<?php echo $counter;?>" value="<?php echo $counter+1;?>" > 
</a></td></tr> 
<?php } ?> 

En outre, supprimez les guillemets autour de "id" dans votre fonction js:

 

    function pc(id){ 
    var temp = document.getElementById(id); 
    alert(temp.value); 
    }