Autor Zpráva
ziminix
Profil *
#1 · Zasláno: 23. 5. 2009, 14:08:28
Odpovědět Citovat
Pomáhám kamarádovi vypracovávat maturitní otázky z webové tvorby, ale s Javascriptem jsem nikdy moc nepracoval, takže se mi nedaří rozjet jednoduché skripty. Pokud by mi někdo pomohl a vytvořil tyto 3 jednoduché skripty, byl bych mu velmi vděčný.

"S využitím formulářových prvků a JavaScriptu vytvořte HTML dokument, který umožní sčítat dvě matice o rozměrech 4x4."
"Příkazy pro načasování operací v JavaScriptu.
- do značky <body> vložte příkaz, který po 30 s přesměruje stránku na www.spst.cz";
"S použitím cookies a funkcí v JavaScriptu vytvořte WWW stránku se základní strukturou, která při otevření zobrazí ve výstražném okně čas poslední „návštěvy“ stránky.
Využijte události „onunload“ a „onload“."
fajzen
Profil
#2 · Zasláno: 23. 5. 2009, 15:58:41 · Upravil/a: fajzen
Odpovědět Citovat
„"S využitím formulářových prvků a JavaScriptu vytvořte HTML dokument, který umožní sčítat dvě matice o rozměrech 4x4." “ 
<html>
<body>

<script language="javascript" type="text/javascript">
function scitaj()
{
  var i;
  var j;
  var a;
  var b;

  for(i= 1; i <= 4; i++)
  {
    for(j= 1;  j <= 4; j++)
    {
      a= eval(document.getElementById("matA_" + i + "_" + j).value);
      b= eval(document.getElementById("matB_" + i + "_" + j).value);
      document.getElementById("matAB_" + i + "_" + j).value= a+b;
    }
  }
}
</script>

<p>Matica A:</p>
<input type="text" id="matA_1_1" value="0" />
<input type="text" id="matA_1_2" value="0" />
<input type="text" id="matA_1_3" value="0" />
<input type="text" id="matA_1_4" value="0" />
<br />
<input type="text" id="matA_2_1" value="0" />
<input type="text" id="matA_2_2" value="0" />
<input type="text" id="matA_2_3" value="0" />
<input type="text" id="matA_2_4" value="0" />
<br />
<input type="text" id="matA_3_1" value="0" />
<input type="text" id="matA_3_2" value="0" />
<input type="text" id="matA_3_3" value="0" />
<input type="text" id="matA_3_4" value="0" />
<br />
<input type="text" id="matA_4_1" value="0" />
<input type="text" id="matA_4_2" value="0" />
<input type="text" id="matA_4_3" value="0" />
<input type="text" id="matA_4_4" value="0" />

<p>Matica B:</p>
<input type="text" id="matB_1_1" value="0" />
<input type="text" id="matB_1_2" value="0" />
<input type="text" id="matB_1_3" value="0" />
<input type="text" id="matB_1_4" value="0" />
<br />
<input type="text" id="matB_2_1" value="0" />
<input type="text" id="matB_2_2" value="0" />
<input type="text" id="matB_2_3" value="0" />
<input type="text" id="matB_2_4" value="0" />
<br />
<input type="text" id="matB_3_1" value="0" />
<input type="text" id="matB_3_2" value="0" />
<input type="text" id="matB_3_3" value="0" />
<input type="text" id="matB_3_4" value="0" />
<br />
<input type="text" id="matB_4_1" value="0" />
<input type="text" id="matB_4_2" value="0" />
<input type="text" id="matB_4_3" value="0" />
<input type="text" id="matB_4_4" value="0" />

<p>Matica A+B:</p>
<input type="text" id="matAB_1_1" value="0" />
<input type="text" id="matAB_1_2" value="0" />
<input type="text" id="matAB_1_3" value="0" />
<input type="text" id="matAB_1_4" value="0" />
<br />
<input type="text" id="matAB_2_1" value="0" />
<input type="text" id="matAB_2_2" value="0" />
<input type="text" id="matAB_2_3" value="0" />
<input type="text" id="matAB_2_4" value="0" />
<br />
<input type="text" id="matAB_3_1" value="0" />
<input type="text" id="matAB_3_2" value="0" />
<input type="text" id="matAB_3_3" value="0" />
<input type="text" id="matAB_3_4" value="0" />
<br />
<input type="text" id="matAB_4_1" value="0" />
<input type="text" id="matAB_4_2" value="0" />
<input type="text" id="matAB_4_3" value="0" />
<input type="text" id="matAB_4_4" value="0" />

<input type="button" value="Sčítaj" onclick="scitaj();" />
</body>
</html>


Ak by chcel vytvoriť aj tie inputy dynamicky: 
<html>
<body onload="vytvor();">
<script language="javascript" type="text/javascript">
var pole_x= 4;
var pole_y= 4;

function vytvor()
{
  var i, j;
  for(i= 1; i <= pole_x; i++)
  {
    for(j= 1; j <= pole_y; j++)
    {
      document.getElementById("plocha_matA").innerHTML+= "<input type=\"text\" id=\"matA_" + i + "_" + j + "\" value=\"0\" />";
      document.getElementById("plocha_matB").innerHTML+= "<input type=\"text\" id=\"matB_" + i + "_" + j + "\" value=\"0\" />";
      document.getElementById("plocha_matAB").innerHTML+= "<input type=\"text\" id=\"matAB_" + i + "_" + j + "\" value=\"0\" />";
    }
    document.getElementById("plocha_matA").innerHTML+= "<br />";
    document.getElementById("plocha_matB").innerHTML+= "<br />";
    document.getElementById("plocha_matAB").innerHTML+= "<br />";
  }
}

function scitaj()
{
  var i;
  var j;
  var a;
  var b;

  for(i= 1; i <= pole_x; i++)
  {
    for(j= 1;  j <= pole_y; j++)
    {
      a= eval(document.getElementById("matA_" + i + "_" + j).value);
      b= eval(document.getElementById("matB_" + i + "_" + j).value);
      document.getElementById("matAB_" + i + "_" + j).value= a+b;
    }
  }
}
</script>

<p>Matica A:</p>
<div id="plocha_matA"></div>

<p>Matica B:</p>
<div id="plocha_matB"></div>

<p>Matica A+B</p>
<div id="plocha_matAB"></div>

<input type="button" value="Sčítaj" onclick="scitaj();" />
</body>
</html>
fajzen
Profil
#3 · Zasláno: 23. 5. 2009, 16:15:45
Odpovědět Citovat
„"Příkazy pro načasování operací v JavaScriptu.
- do značky <body> vložte příkaz, který po 30 s přesměruje stránku na www.spst.cz"; “ 
<html>
<body onload="setTimeout('window.location.href=\'http://www.spst.cz\'', 5 * 1000);">
</body>
</html>


Inak, kamarátovi želám veľa šťastia, ak toto nevie, tak ho bude potrebovať ;)
fajzen
Profil
#4 · Zasláno: 23. 5. 2009, 16:53:17
Odpovědět Citovat
„"S použitím cookies a funkcí v JavaScriptu vytvořte WWW stránku se základní strukturou, která při otevření zobrazí ve výstražném okně čas poslední „návštěvy“ stránky.
Využijte události „onunload“ a „onload“."“ 

<html>
<head>
<script language="javascript" type="text/javascript">
var nazov_cookie= "navsteva";

function ukaz()
{
  var cookie_index;

  if(document.cookie.length < 0 || (cookie_index=document.cookie.indexOf(nazov_cookie +"=")) == -1)
  {
    // este tu nikdy nebol
    alert("Nikdy!");
    return;
  }

  var start= cookie_index + nazov_cookie.length + 1;
  var end= document.cookie.indexOf(";", start);
  if(end == -1) end= document.cookie.length;

  var cookie_hodnota= unescape(document.cookie.substring(start, end));
  var cas= new Date();
  cas.setTime(cookie_hodnota);
  var den= cas.getDate();
  var mesiac= cas.getMonth() + 1;
  var rok= cas.getFullYear();
  var hodina= cas.getHours();
  var minuta= cas.getMinutes();
  var sekunda= cas.getSeconds();
  
  var vysledok= den +"." + mesiac + ". " + rok + ", " + hodina + ":" + minuta + ":" + sekunda;
  alert(vysledok);
}

function uloz()
{
  var datum= new Date();
  var datum_exp= new Date();
  datum_exp.setDate(datum_exp.getDate() + 365);
  document.cookie= nazov_cookie+ "=" +escape(datum.getTime()) + ";expires=" + datum_exp.toGMTString();
}
</script>
</head>

<body onload="ukaz();" onunload="uloz();">
</body>
</html>
fajzen
Profil
#5 · Zasláno: 23. 5. 2009, 16:54:13 · Upravil/a: fajzen
Odpovědět Citovat
predošlí príspevok som nechtiac poslal dvakrát, ospravedlňujem sa
ziminix
Profil *
#6 · Zasláno: 23. 5. 2009, 17:58:53
Odpovědět Citovat
Díky moc, jsem ti opravdu vděčný, protože jak se na to tak dívám, tohle bych asi dohromady se zvými znalostmi Javascriptu nedal. Ještě jednou díky.
Majký
Profil *
#7 · Zasláno: 23. 5. 2009, 18:22:58
Odpovědět Citovat
He... já taky děkuji :) bylo to pro mě... ale doufám, že si to nevytahnu :-D kur** to nemám šanci dat :-D
Časová prodleva: 15 let

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0