Bonjour à tous,
J'ai pourtant cherché et tester pas mal de chose mais rien de marche.
J'ai une image + textes dans des DIV, eux-même dans un DIV que j'affiche et je masque grâce à une fonction javascript. Ca marche presque puisque mon problème c'est que lorsque l'utilisateur clique sur afficher, le tout s'affiche mais en dessous de la page. Si on ne voyait pas la scrollbar s'allonger, on pourrait croire que ça n'affiche rien! Ce n'est donc pas pratique pour l'utilisateur. Il faut scroller pour voir tout ça. Je trouve ça vraiment pas top.
Voici ma fonction:
<script language="JavaScript" type="text/JavaScript">
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
<!--targetElement.scrollTop=1000;-->
<!--window.location = "#4_2_1";-->
} else {
targetElement.style.display = "none" ;
}
}
Ce que j'ai mis en commentaire correspond à des tests que j'ai fait pour résoudre mon problème mais rien ne marche.
Ma class qui me permet d'avoir un scroll dans l'espace que je veux:
.div-imgcontour { width:618px; height: 490px; overflow-y: auto; white-space:nowrap; }
</script>
<div id="contour" class="div-imgcontour" style="position: absolute; left: 0px; top: 4px;" >
<div style="position: absolute; left: 2px; top: 980px;">
<a href="" onclick="javascript:visibilite('4_2'); return false;" ><img src="ExpandCollapse2.gif" alt="" border="0"></a>
</div>
<div id="4_2">
texte à afficher / masquer
</div>
</div>
Si quelqu'un voit d'où peut venir le problème et/ou ce qu'il me manque, Merci!!!