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
A voir également:
- Un lien qui clique sur un autre
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Verificateur de lien - Guide
- Cliquez sur ce lien. en n'utilisant que le clavier, quel mot obtenez-vous ? ✓ - Forum Windows
- Selectionner sans souris =) ✓ - Forum Windows
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 grâce à
<script> function update_val(){BLABLA} </script>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>
Dans le fond, c'est comme tout autre code extérieur au HTML, on mélange pas les carottes et les patates.
Enfin bref, même si mon code n'est pas du tout optimisé, ça marche.
Merci à vous