Un lien qui clique sur un autre
Fermé
Utilisateur anonyme
-
4 oct. 2012 à 20:19
L0ci Messages postés 110 Date d'inscription mardi 17 avril 2012 Statut Membre Dernière intervention 9 janvier 2013 - 5 oct. 2012 à 21:42
L0ci Messages postés 110 Date d'inscription mardi 17 avril 2012 Statut Membre Dernière intervention 9 janvier 2013 - 5 oct. 2012 à 21:42
A voir également:
- Un lien qui clique sur un autre
- Verifier un lien - Guide
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Lien copié - Forum Téléphones & tablettes Android
- J'ai cliqué sur un lien douteux android ✓ - Forum Réseaux sociaux
1 réponse
magicshark
Messages postés
399
Date d'inscription
mardi 27 juillet 2010
Statut
Membre
Dernière intervention
6 mai 2014
13
4 oct. 2012 à 22:14
4 oct. 2012 à 22:14
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();"
5 oct. 2012 à 13:24
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>Modifié par L0ci le 5/10/2012 à 13:58
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>
5 oct. 2012 à 19:46
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
5 oct. 2012 à 21:42