Forum de discussion
Forum « Programmation HTML » (archives)
Re: lien entre cadre
Envoyé: 19 juillet 2004, 10h17 par Oznog
La solution simple serait de forcer un clic sur l'hyperlien du menu et que le CSS entre automatiquement en action. Malheureusement ça ne fonctionne pas. La solution CSS n'est donc pas utilisable. Tu devra gérer le tout manuellement, c'est vraiemnt très simple pour le clic mais pour remettre l'ancien clic en blanc c,est autre chose puisqu'on ne sait exactement lequel a été cliqué en dernier. Tu devra garder en mémoire la position ou encore plus simplement recharger la page du menu. MAis je vient de tester et même recherger la page ne fonctionne pas car le compretement se fait en même temps que le changement de couleur, résultat, ou bien il ne se fait pas ou bien ce n'Est pas autorisé
Enfin, une autre solution est de boucler touts les hyperlien et les remettre en blanc.
// DANS LA PAGE DU MENU
1. Ajoute un ID à chacun des hyperlien :
<a href="Abricotier1.html" id="choix1"...
<a href="Abricotier2.html" id="choix2"...
<a href="Abricotier3.html" id="choix3"...
<a href="Cerisier1.html" id="choix4"...
... et ainsi de suite.
2. Ensuite ajoute toujours à chacun des hyperlien ce code Javascript :
<a href="Abricotier1.html" id="choix1" onclick="twForceClic('choix1')"...
<a href="Abricotier2.html" id="choix2" onclick="twForceClic('choix2')"...
<a href="Abricotier3.html" id="choix3"...
<a href="Cerisier1.html" id="choix4" onclick="twForceClic('choix3')"...
... et ainsi de suite.
3. Et bien sûr ajoute cette fonction dans l'en-tête du document :
<script type="text/javascript" language="javascript">
// Simplement ajuster le nombre ici
// en fonction du monbre de choix que tu as.
// Dans ton cas c'est 30.
var nMax = 30
function twForceClic(_choix){
for (i=1;i<=nMax;i++) {
oChoix =
document.getElementById('choix'+i).style.font= 'normal 12pt arial';
document.getElementById('choix'+i).style.color='white';
}
oChoix = document.getElementById(_choix);
oChoix.style.font='bold 12pt arial';
oChoix.style.color='yellow';
}
</script>
Maintenant, dans la page des images, sur l'hyperlien précédent/suivant ajoute le code suivant en t'assurant de bien nommer les choix du menu :
<a href="Abricotier2.html" onclick="top.menu.twForceClic('choix1');">Précédent</a>
Ciao
Oznog
Réponses
|