Discussion :

[hellspawn_ludo]

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 :

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

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 :

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

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 :

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

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.

[le_chomeur]

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

Code :

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

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

[hellspawn_ludo]

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

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

J'ai essayé

Code :

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

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 :

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
 
        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.

[le_chomeur]

pour récupèrer ton backgroundimage sous ie :

Code :

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

currentStyle.backgroundImage

Sous firefox :

Code :

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

getPropertyValue('background-image')

et pour l'assigner :

Code :

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

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

voila

[hellspawn_ludo]

Bravo le_chomeur, ça roule comme sur des roulette.

Voici le code :

Code :

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

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.

[le_chomeur]

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