title: Change of a background image of a button on onclick event
body: <p>Why does this not work ? In Firebug, when I click on the button, it always says to me that cambiaBandiera is not defined ...</p>
  
  <p>HELP</p>
  
  <p>Alex</p>
  
  <h2>CSS</h2>
  
  <pre><code>#ITA{
  float:right;
  margin : 5px 85px;
  width:40px;
  height:40px;
  background : #FFFFFF url("../ITA_off.png") center center no-repeat;
  border:0;
  }
  </code></pre>
  
  <hr>
  
  <h2>JAVASCRIPT (in HEAD)</h2>
  
  <pre><code>&lt;style type="text/javascript"&gt;
  function cambiaBandiera() {
  test=document.getElementById("ITA");
  test.style.backgroundImage="url('../ITA_on.png')";
  }
  &lt;/style&gt;
  </code></pre>
  
  <hr>
  
  <h2>and this is HTML</h2>
  
  <pre><code>&lt;div id="bandiere"&gt;
  &lt;input type="button" id="ITA" onClick="cambiaBandiera()"&gt;  &lt;/input&gt; 
  &lt;/div&gt;
  </code></pre>