title: How can I have multiple onClick events linked to one element in HTML? And can I have them change href's?
body: <p>I'm building a page for a company I'm interning for, and can't seem to figure this one out. The code you see below is just a simplified template, so that I don't give any information about the company away (and all the style attributes are in a separate document, so everything in the code is alright.</p>
  
  <p>What I'm having a problem with is making multiple onClick events work. For that matter, is using the onClicks in the comment tags even feasible? I want the text that says Further Instruction to have it's href path changed depending on the animal picture that's clicked.</p>
  
  <p>Also, I can't use any JavaScript, so please don't suggest the use of any. Happen to have any ideas?</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div class="mainPicture"&gt;
          &lt;img alt="" id="awesome" name="Awesome2" src="awesome.png" /&gt;
      &lt;/div&gt;
      &lt;div id="gallery"&gt;
          &lt;ul class="popOut"&gt;
              &lt;li&gt;
                  &lt;a href="DogText.html" target="AnimalInfo" onClick="document.Awesome2.src='dog.jpg'"&gt; &lt;!--onClick="document.furtherInstructions.href='DogText.html'"&gt;--&gt; 
                      &lt;img src="dog.jpg" alt="dog"&gt;&lt;img src="dog.jpg" alt="dog" class="preview"&gt; 
                  &lt;/a&gt;
              &lt;/li&gt;   
              &lt;li&gt;
                  &lt;a href="CatText.html" target="AnimalInfo" onClick="document.Awesome2.src='cat.jpg'"&gt; &lt;!--onClick="document.furtherInstructions.href='CatText.html'"&gt;--&gt;
                      &lt;img src="cat.jpg" alt="cat"&gt;&lt;img src="cat.jpg" alt="cat" class="preview"&gt; 
                  &lt;/a&gt;
              &lt;/li&gt;   
              &lt;li&gt;
                  &lt;a href="ParrotText.html" target="AnimalInfo" onClick="document.Awesome2.src='parrot.jpg'"&gt; &lt;!--onClick="document.furtherInstructions.href='ParrotText.html'"&gt;--&gt;
                      &lt;img src="parrot.jpg" alt="parrot"&gt;&lt;img src="parrot.jpg" alt="parrot" class="preview"&gt; 
                  &lt;/a&gt;
              &lt;/li&gt;       
              &lt;li&gt;
                  &lt;a href="LizardText.html" target="AnimalInfo" onClick="document.Awesome2.src='lizard.jpg'"&gt; &lt;!--onClick="document.furtherInstructions.href='LizardText.html'"&gt;--&gt; 
                      &lt;img src="lizard.jpg" alt="lizard"&gt;&lt;img src="lizard.jpg" alt="lizard" class="preview"&gt; 
                  &lt;/a&gt;
              &lt;/li&gt;       
              &lt;li&gt;
                  &lt;a href="HorseText.html" target="AnimalInfo" onClick="document.Awesome2.src='horse.jpg'"&gt; &lt;!--onClick="document.furtherInstructions.href='HorseText.html'"&gt;--&gt;
                      &lt;img src="horse.jpg" alt="horse"&gt;&lt;img src="horse.jpg" alt="horse" class="preview"&gt; 
                  &lt;/a&gt;
              &lt;/li&gt;       
              &lt;li&gt;
                  &lt;a href="ChickenText.html" target="AnimalInfo" onClick="document.Awesome2.src='chicken.jpg'"&gt; &lt;!--onClick="document.furtherInstructions.href='ChickenText.html'"&gt;--&gt; 
                      &lt;img src="chicken.jpg" alt="chicken"&gt;&lt;img src="chicken.jpg" alt="chicken" class="preview"&gt; 
                  &lt;/a&gt;
              &lt;/li&gt;   
              &lt;li&gt;
                  &lt;a href="DefaultText.html" target="AnimalInfo" class="center" onClick="document.Awesome2.src='awesome.png'"&gt; &lt;!--onClick="document.furtherInstructions.href='DefaultText.html'"&gt;--&gt;
                      &lt;p&gt;Default Image&lt;/p&gt;
              &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
          &lt;div id="rightcol"&gt;
              &lt;iframe src="DefaultText.html" title="Information About Animals" name="AnimalInfo" class="fixThisHeight"&gt;
              &lt;/iframe&gt;
          &lt;/div&gt;
          &lt;div id="externalInstructions"&gt;
              &lt;a href="DefaultText.html" name="furtherInstructions"&gt;
                  &lt;p&gt;Further Instructions&lt;/p&gt;
              &lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>