Discussion :

[musicann]

Bonjour, à tous!!
Voilà je développe actuellement un back_office développé et j'ai un petit soucis.
J'ai une liste déroulante dans laquelle doit d'afficher les catégories du site.
Par soucis de visualisation, j'ai voulu faire une liste qui , lorsque l'on clique dessus se déroule.. donc avec des bloc qui ont un style display: none
Le problème est que j'ai mis des images dans les cadres caché et qu'avec IE, les images ne s'affiche pas..
Les images s'affiche correctement lorsque je met le chemin absolu vers ces images. Mais étant donné que le back office doit être réutilisable, j'aimerai mettre en relatif mais cela ne fonctionne pas eavec IE als qu'avec firefoc tout est ok....

Quelqu'un a t'il une solution??

Voici mon code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="liste">
             <span id="image_104">
                 <img src="boutons_png/rub_plein.gif" alt="hjk" title="rubrique" onclick="ouvr_sous_rub(104)"/>
             </span>
             Cat1<br/>
            <span  class="no_visible" id="ouvr_sous_rub_104">
                 <div class="ligne">
                    <div id="image_111"> 
                         <img src="boutons_png/sous-rub-croix.png" alt="hjk" title="sous_rubrique" onclick="ferm_sous_sous_rub(111)"/>
                    </div><br/>
                </div>
           </span>
 
		</div>

et le js

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
function ouvr_sous_rub(id)
{
	document.getElementById('ouvr_sous_rub_'+id).style.display = "block";
	alert (document.getElementById('image_'+id).innerHTML+'avant');
	document.getElementById('image_'+id).innerHTML = '<img src="boutons_png/rub_plein.gif" alt="hjk" title="rubrique" onclick="ferm_sous_rub('+id+')"/>';
	alert (document.getElementById('image_'+id).innerHTML+'aprés');
 
 
}//ouvr_sous_rub()
 
 
function ferm_sous_rub(id)
{
	document.getElementById('ouvr_sous_rub_'+id).style.display = "none";
	document.getElementById('image_'+id).innerHTML = '<img src="boutons_png/rub_plein.gif" alt="hjk" title="rubrique" onclick="ouvr_sous_rub('+id+')"/>';
}

[E.Bzz]

Bonjour,
les chemins relatifs fonctionnent sous IE (6 en tous cas).
Au lieu de regénérer le <img> dans le innerHTML, essaye de ne modifier que la propriété "src" du <img> ...

A+

[musicann]

en fait lorsque je laisse comme c'est mnt, que je clique là où il doit y avoir l'image, l'image apparaît... Je n'y comprend rien!!!

[E.Bzz]

Avec innerHTML, tu risques d'être de nouveau confronté au pb, sur d'autres postes (ton cache à toi doit être à jour ).
Essaye la modif du src, c'est plus sûr, il me semble ...

A+

[musicann]

ok je vais essayer. On va voir

[musicann]

lol j'en ris tout seul.. Le problème venait du fait que IE ne gére pas terriblement les fichiers .png . J'ai mis les images au format gif et tout s'affiche correctement..
Merci à toi de ton aide E.Bzz