Discussion :

[Goltar]

Bonjour à tous,
J'essaie désespérément à modifier l'image de fond d'une DIV par le clic sur un bouton dans un menu. Je ne comprend pas ou je me fourvoie. Quelqu'un pourrait-il m'aider s.V.P.

J'ai un script:

Code :

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

1
2
3
4
5
function ChangeSrcBG(txt) {
	newImage = "url(\"" + txt+ "\")";
 
  document.getElementById("Corpus").style.backgroundImage = newImage;
}

Sur le bouton j'appelle le script onclick:

Code :

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

1
2
3
4
5
6
7
8
9
10
<a href="#"
    onmouseover="MM_effectGrowShrink('Apropos', 300, '145px', '155px', true, false, false)"
    onmouseout= "MM_effectGrowShrink('Apropos', 300, '155px', '145px', false, false, false)"
    onclick="ChangeSrcBG('../Images/Fonds/Corpus01Vide.png')" >
      <img src="Images/Boutons/M_Apropos.png" 
           name="Apropos" 
           width="145" 
           height="52" border="0" 
           id="Apropos"  />
  </a>

Le DIV est initialisé avec une image:

Code :

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

<div id="Corpus" name="Corpus" style="background-image:url(Images/Fonds/Rien.png)">

Béh ! Pas de message, mais rien ne se passe !
Merci d'avance

[Goltar]

OK Résolu,
C'était au niveau du CSS que ça bloquait !!!!
J'avais

Code :

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

1
2
3
4
5
6
7
8
9
10
#Corpus {
	position:absolute;
	left:151px;
	top:168px;
	width:661px;
	height:365px;
	z-index:3;
	visibility: visible;
	display:None;
}

au lieu de

Code :

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

1
2
3
4
5
6
7
8
9
10
#Corpus {
	position:absolute;
	left:151px;
	top:168px;
	width:661px;
	height:365px;
	z-index:3;
	visibility: visible;
	display: inherit;
}