Untitled

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title> Zadanie c.4
    </title>
    <link rel="stylesheet" type="text/css" href="skin.css" />
<script language="JavaScript"><!--
function vypocet(form) {
var x = eval(form.x.value);
var y = eval(form.y.value);
var obsah ="";
if ((x > 0) && (x < 10) && (y > 0) && (y < 10)) {
obsah = ('<table border=2>');
for(var i=0;i<=y;i++){
obsah += ('<tr>');
for(var j=0;j<=x;j++){
if (i==0) {
if (j==0) {
obsah += ('<td></td>');
} else {
obsah += ('<td> x = '+j+ '</td>');
}
}
else if (j==0) { obsah += ('<td> y = '+i+ '</td>'); }
else {obsah += ('<td>' +i*j+ '</td>');}
}
obsah += ('<tr>');
}
obsah += ('</table>');
obsah += ('<input type="button" value="Naspäť" onclick="hideOverlay();"/>');
var o = document.getElementById('overlay');
o.style.visibility = 'visible';
document.getElementById("answer").innerHTML = obsah;
}
else if (((x < 1) || (x > 10)) && ((y < 1) || (y > 10))){alert("Zadal si zlé hodnotu X a Y. Číslo musí byť z rozsahu 1-9");}
else if ((x < 1) || (x > 10)){alert("Zadal si zlé hodnotu X. Číslo musí byť z rozsahu 1-9");}
else {alert("Zadal si zlé hodnotu Y. Číslo musí byť z rozsahu 1-9");}
}
function hideOverlay() {
var o = document.getElementById('overlay');
o.style.visibility = 'hidden';
}
function isInt(sText) {
        var ValidChars = "0123456789";
        if (ValidChars.indexOf(sText.charAt(0)) == -1) return false;
        return true;
}
//--></script>
  </head>
  <body>
    <div id="telo">
      <h1>
        <br/>
        Zadanie číslo 4</h1>
      <div class="hr">
        <hr />
      </div>
      <div class="content">
        <p class="p2">
          <br/> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus fermentum ultricies enim vitae porttitor. Ut tristique, urna sed imperdiet ullamcorper, nunc turpis facilisis felis, sodales pulvinar magna nisl sit amet metus. Integer ullamcorper adipiscing nibh non tempor. Integer convallis lectus at leo condimentum a faucibus felis aliquam. Donec vel sem sed dui ultrices dapibus at viverra diam. Etiam ullamcorper lectus non ante ultricies aliquam. Nullam ultricies urna id est iaculis dapibus. Nunc vel semper odio. Fusce elementum orci tincidunt nibh placerat laoreet. Sed iaculis bibendum velit. Fusce sodales suscipit est vitae dictum. Donec ut porttitor nisi. Etiam luctus, nibh non tempor pellentesque, leo ante fermentum eros, eget vehicula neque purus nec eros. Quisque l aliquet ipsum. Curabitur neque odio, tristique non gravida in, aliquet mattis quam. Etiam porttitor fermentum risus, quis tempus risus ornare sed. Nam suscipit dui id nisi lacinia tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum
        </p>
        <form>
        <img src="kalkulacka.jpg" width="200" height="200" alt="ffff" style="float:right"/>
          <h2>
            <br/>
            Generátor hodnôt funkcie f()= x*y:</h2>
          <div class="p1">
            <p class="p1">
              <div> Zadaj X
                <input size="12px" type="text" id="x" name="x"/>
              </div>
              <div> Zadaj Y
                <input size="12px" type="text" id="y" name="y"/>
              </div>
              <div>
                <input type="button" value="Vlož" onclick="vypocet(this.form);"/>
              </div><br />
              <div id="overlay">
                <div id="overlay_content">
                  <div id="answer">
                  </div>
                </div>
              </div>
            </p>
          </div>
        </form>
      </div>
      <div id="pata">
      <div class="hr">
        <hr />
      </div>
      </div>
    </div>
  </body>
</html>