Comment puis-je avoir plusieurs onClick événements liés à un élément HTML? Et puis-je les ai changer href?

Je suis en train de construire une page pour une entreprise que je suis en stage, et n'arrive pas à comprendre ça. Le code que vous voyez ci-dessous est seulement un modèle simplifié, de sorte que je ne donne pas toutes les informations au sujet de la société (et tous les attributs de style figurent dans un document distinct, de sorte que tout le code est correct.

Ce que je vais avoir un problème, est de faire de multiples événement onClick de travail. D'ailleurs, c'est à l'aide de la onClicks dans les balises de commentaire même faisable? Je veux que le texte qui dit que l'Instruction complémentaire à avoir son chemin d'accès href modifiée en fonction de l'animal image cliqué.

Aussi, je ne peux pas utiliser n'importe quel JavaScript, donc merci de ne pas suggérer l'utilisation de tout. Arrive d'avoir des idées?

<div id="container">
<div class="mainPicture">
<img alt="" id="awesome" name="Awesome2" src="awesome.png" />
</div>
<div id="gallery">
<ul class="popOut">
<li>
<a href="DogText.html" target="AnimalInfo" onClick="document.Awesome2.src='dog.jpg'"> <!--onClick="document.furtherInstructions.href='DogText.html'">--> 
<img src="dog.jpg" alt="dog"><img src="dog.jpg" alt="dog" class="preview"> 
</a>
</li>   
<li>
<a href="CatText.html" target="AnimalInfo" onClick="document.Awesome2.src='cat.jpg'"> <!--onClick="document.furtherInstructions.href='CatText.html'">-->
<img src="cat.jpg" alt="cat"><img src="cat.jpg" alt="cat" class="preview"> 
</a>
</li>   
<li>
<a href="ParrotText.html" target="AnimalInfo" onClick="document.Awesome2.src='parrot.jpg'"> <!--onClick="document.furtherInstructions.href='ParrotText.html'">-->
<img src="parrot.jpg" alt="parrot"><img src="parrot.jpg" alt="parrot" class="preview"> 
</a>
</li>       
<li>
<a href="LizardText.html" target="AnimalInfo" onClick="document.Awesome2.src='lizard.jpg'"> <!--onClick="document.furtherInstructions.href='LizardText.html'">--> 
<img src="lizard.jpg" alt="lizard"><img src="lizard.jpg" alt="lizard" class="preview"> 
</a>
</li>       
<li>
<a href="HorseText.html" target="AnimalInfo" onClick="document.Awesome2.src='horse.jpg'"> <!--onClick="document.furtherInstructions.href='HorseText.html'">-->
<img src="horse.jpg" alt="horse"><img src="horse.jpg" alt="horse" class="preview"> 
</a>
</li>       
<li>
<a href="ChickenText.html" target="AnimalInfo" onClick="document.Awesome2.src='chicken.jpg'"> <!--onClick="document.furtherInstructions.href='ChickenText.html'">--> 
<img src="chicken.jpg" alt="chicken"><img src="chicken.jpg" alt="chicken" class="preview"> 
</a>
</li>   
<li>
<a href="DefaultText.html" target="AnimalInfo" class="center" onClick="document.Awesome2.src='awesome.png'"> <!--onClick="document.furtherInstructions.href='DefaultText.html'">-->
<p>Default Image</p>
</a>
</li>
</ul>
<div id="rightcol">
<iframe src="DefaultText.html" title="Information About Animals" name="AnimalInfo" class="fixThisHeight">
</iframe>
</div>
<div id="externalInstructions">
<a href="DefaultText.html" name="furtherInstructions">
<p>Further Instructions</p>
</a>
</div>
</div>
</div>
J'ai hate de le rompre pour vous, mais les attributs onclick Javascript. Il n'y a aucun moyen d'obtenir tout comportement dynamique dans une page web sans elle.
Peut-être ne pas utiliser onclick, déplacez votre cliquez de manutention à un script externe et attribuer plusieurs fonctions. Aussi: vous ne pouvez pas utiliser le JavaScript pour la JavaScript? Ce que..?
"je ne peux pas utiliser n'importe quel JavaScript, donc merci de ne pas suggérer l'utilisation de tout" - mais vous êtes déjà à l'aide de JavaScript?!
Les gars, désolé que je n'étais pas clair. Nous ne pouvons utiliser le JavaScript en ligne. En raison du système de gestion de contenu que nous construisons notre site, nous ne pouvons pas avoir <script></script> éléments ou d'importer des fichiers de script externes.

OriginalL'auteur Henry Edward Quinn IV | 2012-05-16

  1. 12

    Juste séparer vos commandes avec un point-virgule:

    onClick="document.Awesome2.src='chicken.jpg'; document.furtherInstructions.href='ChickenText.html';">
    Juste essayé ceci: <a href="DogText.html" target="AnimalInfo" onClick="document.Awesome2.src='dog.jpg'; document.furtherInstructions.href='DogText.html'"> <img src="dog.jpg" alt="chien"><img src="dog.jpg" alt="chien" class="preview"> </a> Ça ne fonctionne pas. Il vient s'ouvre toujours DefaultText.html. Veuillez informer.
    Que faire si j'ai une troisième partie du code qui définit onClick sur son propre et je ne peut pas le modifier (mais encore envie de faire clic supplémentaire de traitement sur mon propre)?
    changement document.furtherInstructions.href à document.getElementById('furtherInstructions').href et changement <a ... name="furtherInstructions"> à <a ... id="furtherInstructions">. Aussi changer tous les <a href=... target="AnimalInfo" à <a href="javascript:void(0);" (sans la cible=)

    OriginalL'auteur John Conde