Un lien qui clique sur un autre
Utilisateur anonyme
-
L0ci Messages postés 112 Statut Membre -
L0ci Messages postés 112 Statut Membre -
Bonjour,
Je vous expose mon problème : j'ai un lien qui, grâce à l'option "onclick" gère un certain nombre de choses en javascript notamment grâce à la fonction get element by ID.
Ma question est la suivante : j'aimerai faire un lien ailleurs qui à les même propriétés que l'autre lien mais, si possible sans avoir à recopier dans ce lien le javascript du premier. Le lien, quand on clique dessus cliquerait donc "artificiellement" sur le premier lien.
Si c'est impossible avez-vous d'autres idées ?
merci
Bonne soirée,
Kiloo120
Je vous expose mon problème : j'ai un lien qui, grâce à l'option "onclick" gère un certain nombre de choses en javascript notamment grâce à la fonction get element by ID.
Ma question est la suivante : j'aimerai faire un lien ailleurs qui à les même propriétés que l'autre lien mais, si possible sans avoir à recopier dans ce lien le javascript du premier. Le lien, quand on clique dessus cliquerait donc "artificiellement" sur le premier lien.
Si c'est impossible avez-vous d'autres idées ?
merci
Bonne soirée,
Kiloo120
1 réponse
-
le principe des fonction tu crée une fonction en js qui fait tout se que fais le premier lien quand tu click dessus et au onClick du second tu appelle la meme fonction du coup les deux lien aurons juste le meme onclick="laFonction();"
-
Ok j'ai essayé mais je n'y arrive pas
Peut-être qu'avec du code ce sera plus clair
<a><div id="page1a"><img alt="Description" src="images/image.jpg"></div></a> <a id="lien1a" href="javascript:void(0)" onclick="{ document.getElementById('page0').style.display='none'; document.getElementById('page1a').style.display='block'; } if (document.getElementById('page1a').style.display=='block') { document.getElementById('lien1a').style.color='red'; document.getElementById('lien1b').style.color='#6A5E5C'; }"> 1</a>
Je cherche à faire en sorte que lorsque l'on clique sur le lien contenant le div, on fonction ci dessous s'exécute.
Quand j'ai essayé ce que tu m'as conseillé, pour une raison x ça n'a pas marché et j'ai eu du mal à voir pourquoi. J'avais introduit la fonction dans<head></head>
grâce à<script> function update_val(){BLABLA} </script> -
Salut,
En fait il faut créer un fonction (comme ta fonction update) et l'appeler dans ton onClick. Ceci pour 2 raison :
- tu peux appeler la fonction avec n'importe quel bouton, lien,...
- il faut essayer de séparer le plus possible ton html et ton javascript (pour des raisons de lisibilité et de facilité à maintenir)
Ton code est l'exemple typique de ce qu'il ne faut pas faire :)
En gros:
<script type="text/javascript">
function MaFonction(){
document.getElementById('page0').style.display='none';
document.getElementById('page1a').style.display='block';
if (document.getElementById('page1a').style.display=='block')
{
document.getElementById('lien1a').style.color='red';
document.getElementById('lien1b').style.color='#6A5E5C';
}
}
</script>
<a id="lien1a" href="javascript:void(0)" onclick="MaFonction()">blabla</a> -
-
-
