Pro výukové účely na SPŠ Zlín
vytvořil RNDr.Vladimír Vaščák

CSS 3



    <style>
      #simpson2 {
           /*display:block;*/
           /*display:none;*/
           /*visibility: hidden;*/
      }
      #simpson3 {
           /*display:none;*/
           /*visibility: hidden;*/
      }       
    </style> 
  
    <script>
        function ukaz(ukazat) {
          var cislo = document.getElementById('cislo').value;              
          var kdo = document.getElementById('simpson' + cislo.toString());
          if (ukazat == 1) {
              kdo.style.display = "inline";
          } else {
              kdo.style.display = "none";
          }                
        }       
    </script> 
  
     <button onClick="ukaz(1);">Ukaž</button>
     <button onClick="ukaz(0);">Skryj</button>   
     <input type="number" id="cislo" value="1" min="1" max="5"><br />
                                                                              
    <img id="simpson1" src="simpsnovi_0.png" height="64" width="150">
    <img id="simpson2" src="simpsnovi_1.png" height="195" width="89">
    <img id="simpson3" src="simpsnovi_2.png" height="235" width="132">
    <img id="simpson4" src="simpsnovi_3.png" height="386" width="184">
    <img id="simpson5" src="simpsnovi_4.png" height="463" width="145">