Lire le backgroundImage de mon DIV avec getElementById

Bonjour,

Je n'arrive pas à lire, avec un getElementById, le nom de mon image contenu dans un DIV. En revanche, l'image s'affiche bien à l'écran.

Voici mon code

SCRIPT

Code:

---

1 2 3 4 5 6 7

function AfficheInfo(DivId) { alert("Nom de l'image : " + document.getElementById(DivId).style.backgroundImage); }   AfficheInfo("div_image");

---

CSS

Code:

---

1 2 3 4 5 6 7 8

#div_image { position:absolute; width:333px; height:250px; top:50px; left:33px; background-color:none; background-image:url("Diapo/Novotel.jpg");}

---

HTML

Code:

---

1 2	<div id="div_image"></div>

---

La syntaxe dans mon message alert est-elle fausse ?

Sauriez-vous comment je peux faire afficher le nom de mon image avec alert() ?

Merci.

Salut a toi :)
en fait pour récupèrer les style génèrés par les css il faut utiliser currentstyle et

Code:

---

1 2 3 4 5

//Pour ie var tonstyle = document.getElementById(DivId).currentStyle[sStyle]; //et pour les autres navigateurs var tonstyle.getComputedStyle(x,null).getPropertyValue(sStyle);

---

Voila :) bon courage

Merci pour la réponse le_chomeur mais je n'arrive pas à me servir de ton code. :roll:

Je n'ai pas saisi ce que je devais mettre à la place de [sStyle].

J'ai essayé

Code:

---

1 2	var tonstyle = document.getElementById(DivId).currentStyle[backgroundImage];

---

mais ça ne fonctionne pas.


De plus, après avoir réussi à lire la propriété CSS, j'aimerais attribuer une image stockée dans mon tableau à mon fameux background-image:url() mais toujours pareil, je n'y arrive pas.

Voici mon code
SCRIPT

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

var tab_img = new Array; //tableau contenant les images   //Images stockées dans le tableau tab_img[0] = 'Diapo/Novotel.jpg' tab_img[1] = 'Diapo/LiveMoroni.jpg' tab_img[2] = 'Diapo/KidsGuitare.jpg' tab_img[3] = 'Diapo/LiveMoroni3.jpg' tab_img[4] = 'Diapo/Elie.jpg' tab_img[5] = 'Diapo/Moroni.jpg'     function ImageAfficher(DivId, NumImage) {   document.getElementById(DivID).style.backgroundImage = "url(" + tab_img[Num_Image] + ")"; }   ImageAfficher("div_image",4);

---

Auriez-vous une idée du pourquoi l'image n'est pas attribuer à mon backgroundImage ?

Merci beaucoup.

pour récupèrer ton backgroundimage sous ie :

Code:

---

currentStyle.backgroundImage

---

Sous firefox :

Code:

---

getPropertyValue('background-image')

---

et pour l'assigner :

Code:

---

tondiv.style.backgroundImage = "url de l'image"

---

voila :)

Bravo le_chomeur, ça roule comme sur des roulette. :yaisse2:

Voici le code :

Code:

---

1 2 3 4 5 6 7 8

//Récupère l'arrière-plan LireDiv = document.getElementById(DivId).currentStyle.backgroundImage alert(LireDiv);   //Assigne une image AssignerDiv=document.getElementById(DivId).style.backgroundImage = "url(" + tab_img[2] + ")"; alert(AssignerDiv);

---

Merci pour ton aide qui m'a été très précieuse.
;)

de rien ;)
n'oublis pas de mettre à résolu ^^