Impossible d'obtenir la propriété 0 d'une réference null ou non

Résolu/Fermé
Aminax Messages postés 81 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 29 mai 2015 - 11 janv. 2014 à 14:17
Aminax Messages postés 81 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 29 mai 2015 - 11 janv. 2014 à 18:45
Bonjour ;
J'aimerai créer des liens permettant d'afficher l'image associé à la saison
Voila mon code mais il me déclenche une erreur : Impossible d'obtenir la propriété 0 d'une réference null ou non définie
j'a pas pu résoudre ce problème ; j'ai besoin d'aide
Et merci d'avance


code :
   
<html>
<head>
<title> New Document </title>

<script language="javascript">
Image1 = new Image();
Image1.src = "printemps.jpg";
Image2 = new Image();
Image2.src = "ete.jpg";
Image3 = new Image();
Image3.src = "automne.jpg";
Image4= new Image();
Image4.src = "hiver.jpg";
Image5 = new Image();
Image5.src = "vide.jpg";
function afficheImage(objet){

document.Images[0].src= objet.src;
}
</script>
</head>

<body>
<table border="0">
<tr>
<td align="center">
<a href="#" OnClick="afficheImage(Image1)"> cliquer ici pour voir une image printemps </a><br>
<a href="#" OnClick="afficheImage(Image2)"> cliquer ici pour voir une image ete </a><br>
<a href="#" OnClick="afficheImage(Image3)"> cliquer ici pour voir une image automne </a><br>
<a href="#" OnClick="afficheImage(Image4)"> cliquer ici pour voir une image hiver </a><br>
<a href="#" OnClick="afficheImage(Image5)"> cliquer ici pour voir le vide </a>
</td>
</tr>
<tr>
<td align="center">
<img src="hiver.jpg">
</td>
</tr>
</table>
</body>
</html>
A voir également:

3 réponses

Aminax Messages postés 81 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 29 mai 2015
Modifié par Aminax le 11/01/2014 à 14:41
oui ça marche :o !! Mais j'ai pas compris le fait de faire : getElementsByTagName("img")[0] et non document.Images[0].src= objet.src; !! est ce qu'il a une relation avec OnClick ? et merci lobotoFix
0
Utilisateur anonyme
11 janv. 2014 à 14:45
salut je connais pas ce moyen d'accéder au image par Image directement. On a tous une façon de coder différente :)
0
Aminax Messages postés 81 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 29 mai 2015
11 janv. 2014 à 14:48
oui mais cette fonction getElementsByTagName("img") retourne quoi ! et merci une autre fois d'avoir répondu
0
ryko1820 Messages postés 1677 Date d'inscription dimanche 28 avril 2013 Statut Membre Dernière intervention 15 août 2021 276
Modifié par ryko1820 le 11/01/2014 à 15:18
Hello,

je dirais que ça retourne un objet ... :p
si tu veux être sûr tu fais un
alert(getElementsByTagName("img"));

ou plus proprement
alert(typeof(getElementsByTagName("img")));


Sinon si tu veux lister ses propriétés (ce qui pourrait être utile) :

var myObj = getElementsByTagName("img");
var props=""
for (prop in myObj){ props+= prop +  " => " +myObj[prop] + "\n"; }
alert (props)
0
Aminax Messages postés 81 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 29 mai 2015
11 janv. 2014 à 18:23
merci ryko1820
mon programme est juste !! document.images (sans.le i majuscule ) :/// *boff*
0
Utilisateur anonyme
11 janv. 2014 à 17:10
salut en fait si tu fais par exemple :

var mes_images = document.getElementsByTagName("img");


tu parcours le DOM et tu "stock" dans mes_images toutes tes balises img sous forme de tableau.

puisque dans ton exemple tu n'a qu'une balise img, donc c'est la première du document on met [0] puisque l'on compte à partir de 0.

Si la balise sur laquelle tu souhaite agir se trouve en 5 eme position, tu l'a compris il faudra mettre [4].

Attends je te trouve la Doc

http://www.w3schools.com/jsref/met_doc_getelementsbytagname.asp

tu as aussi getElementsByName, getElementsByClassName qui fonctionne pareil mais en sélectionnant cette fois ci et de manière respective les attribut name et class.

getElementById (attention sans s) permet de sélectionner un élément par son identifiant. Le résultat n'est pas un tableau .

je sais pas si c'est bien expliqué mais c'est avec mes mots et mes fautes d'orthographe :)
0
Utilisateur anonyme
11 janv. 2014 à 17:11
si tu pense que ton sujet est résolu, passe en résolu
0
Aminax Messages postés 81 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 29 mai 2015
11 janv. 2014 à 18:45
je viens de voir ta réponse !! merci beaucoup lobotoFix :) .. c'est claire !! ^-^
0
Utilisateur anonyme
11 janv. 2014 à 14:25
salut essaye ta fonction comme ceci :

function afficheImage(objet){ 
  
  document.getElementsByTagName("img")[0].src= objet.src; 
  } 

-1