Erreur : document.getElementById('image').src is NULL
Bonjour,
dans le cadre de mon stage, je dois créer une page qui permet de vérifier la résolution de l'écran d'un utilisateur. En fonction de cette résolution, des images sont choisies au hasard.
J'ai donc pour ce faire créer un tableau avec toutes les images puis créé une variable qui tire un nombre au hasard permettant ainsi de sélectionner une image.
Ensuite, j'ajoute l'adresse de l'image à l'adresse courante. J'associe le chemin à un id nommé 'image', et là, paf une erreur.
J'ai essayé avec une balise a, iframe, label, rien ne fonctionne. Je demande donc votre aide.
Merci d'avance.
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/dtD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head><title>Fonds decran</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<style type="text/css">
</style>
<noscript>
<p>Vous avez desactive javascript or lactivation est indispensable pour un traitement correct</p>
<p>Commande pour activer javascript sous firefox : outils/options/contenu</p>
</noscript>
<script>
function fonds_decran(){
var vhauteur = window.screen.height;
var vlargeur = window.screen.width;
document.write("Hauteur en pixels : "+vhauteur);
document.write("<br>Largeur en pixels : "+vlargeur);
if(vhauteur == "768" && vlargeur =="1024"){
document.write("<br>768x1024");
var tab=new Array(
"Anemone1024.jpg",
"baracuda1024.jpg",
"Clown1024.jpg",
"Grondin1024.jpg",
"Etoile1024.jpg",
"Etoiles1024.jpg",
"Sole1024.jpg",
"Otarie1024.jpg",
"Napoleon1024.jpg",
"Otarie1024.jpg"
);
var vindice = Math.round(Math.random()*9);
var vchemin= "file:///C:/Documents and Settings/stageinfo.DOM01/Bureau/stage/Projet/Wallpapers/images/"+ tab[vindice];
document.getElementById('image').src=vchemin;
}
else if(vhauteur == "1024" && vlargeur =="1280"){
document.write("<br>1024x1280");
}
else{
document.write("<br>Erreur");
}
}
</script>
</head>
<body style="font-size:14pt;padding:20px">
<script>
fonds_decran();
</script>
</body>
</html> |
