5568 sujets

Sémantique web et HTML

bonsoir,
probléme de mise en forme de lien,
le but est d'afficher une image en grand dans un div caché à partir d'une miniature,
le lien :
<a href="index.php?affiche=page_toto" onclick="javascript:visibilite('page_centre')" target="_self">toto</a>

le j.s :
<script type="text/javascript">
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script> 


le div avec l'image en grand s'affiche bien, mais disparait aussitôt Smiley lol

si je clic sur un second lien (suite au premier, sinon ça ne fonctionne pas):

<a href="index.php?affiche=page_toto"onClick="javascript:visibilite('page_centre'); return false;" target="_self">toto</a>


le div reste en place comme prévu, une idée pour remettre le tout en ordre ?
merci.
bonjour,

pas tout compris mais je ne pense pas que de définir la propriété display ="" soit bon (?)
display c'est soit none, block, inline, inline-block, inherit, etc. pas rien.
qu'est ce que la fonction visibilite() est censée faire ? (déjà avec un nom pareil j'aurais tendance à penser que tu veux utiliser la propriété visibility pas display d'ou l'importance de bien nommer ses fonctions)
Bonjour,

Je m'y connais peu, mais il y a une différence entre tes deux liens :

Dans le second, tu as noté « return false; » qui ne s'y trouve pas dans le premier...

C'est compatible tout navigateur, ton script, y.c. les anciens ?

@+
merci pour les réponses;
je sais tout est pas bien clair Smiley lol
la page en question :
à cette adresse
les liens en haut de page fonctionnes, mais le div bleu au centre devrait être masqué par défault.
pour la mise en page, je sais qu'il y a surement pas mal d'erreurs!
merci.