JavaScript
.:Základy JavaScript:.
.:Umístění ve stránce:.
.:Formátování textu:.
.:Proměnné:.
.:Pole:.
.:Funkce:.
.:Funkce + Argument:.
.:Větvení:.
.:Větvení 2.část:.
.:Dialogová okna:.
.:Cyklus:.
.:Pokročilý Cyklus:.
.:Události:.
.:Stavový řádek:.
.:Okna:.
 Okna 2.část
.:Formuláře:.
.:Formulářové funkce:.
.:Datum a čas:.
.:Načasování:.
.:Obrázky:.
.:Matematické funkce:.
.:Cookies:.
JavaScript v referencích
.:document:.
.:navigator:.
.:Screen:.
.:window:.
.:History:.
.:String:.
.:Location:.
.:Event:.
.:Array:.



||   HTML a typy      ||      CSS      ||      JavaScript    ||      Kniha Návštěv    ||




Manipulace s Okny

 Do teď jsme se naučily s okny pracovat tím že je otvíráme v okně, které si nastavíme tak jak chceme aby vypadalo, ale pozor s okny se dá pracovat i jinak a to tak ze je dokážeme třeba zavírat měnit rozměry podle určité funkce atd..

Vlastnosti okna

close()   zavření okna
focus()   nastavení okna do popředí
blur()   nastavení okna do pozadí
moveTo(x,y)   přesun okna na souřadnice x,y
moveBy(x,y)   přesun okna o x-pixelů doprava[doleva] a y-pixelu nahoru[dolů]
resizeTo(x,y)   změna rozměru okna na rozměr x*y pixelů (jako rozlišení)
resizeBy(x,y)   změna rozměrů okna o x-pixelů doprava[doleva] a y-pixelu nahoru[dolů]
scrollTo(x,y)   rolování textu v okně na souřadnice x,y
scrollBy(x,y)   rolování textu o x-pixelů doprava[doleva] a y-pixelu nahoru[dolů]

 Tak teď by jsme si mohli dát příklad na takové použití těchto vlastností. A abych nezapomenul tak se tyto konstrukce používají ve spojení s window.funkce. Takže abych uvedl příklad tak třeba když budete chtít použít vlastnost close() tak dáte window.close(). Ale teď už ten příklad:
<head>
<script language="JavaScript" type="text/javascript">
<!--
function ukazka()
{
u_okno1=window.open("","okno1",
"left=1,top=1,width=450,height=450,menubar=no,directories=no,"+
"toolbar=no,location=no,status=no,scrollbars=no,resizable=no");
with (u_okno1)
{
document.write("<html>\n<body>\n");
document.write("<a hred=\"javascript:window.close();\">");
document.write("Zavři<"+"/a> okno<br>\nDej ho do ");
document.write("<a href=\"javascript:window.blur();\">");
document.write("pozadí</"+"a></"+"body>\n<"+"/html>\n");
resizeTo(150,220); moveTo(300,300); moveBy(-200,-100);
resizeBy(50,-30); moveBy(-10,-10); moveBy(-20,-20);
moveBy(-50,-50); moveTo(5,5);
}
}
//-->
</script>
</head>
<body onLoad="ukazka();">
<b><b>Ukázka manipulace s oknem</b></p>
<a href="javascript:u_okno1.close();">Zavři</a> otevřené okno<br>
Dej ho do <a href="javascript:u_okno1.focus();">popředí</A>
</body>
 Takže tento příklad nám demonstruje tyto vlastnosti co jsme si teď probrali. Použití u_okno1 je z toho důvodu aby jsme nemusely složitě vypisovat konstrukce ale stačí použít jen u_okno1, demonstrovat to můžeme na konstrukci with(u_okno1), ve které jsme použily generování stránek pomocí JavaScriptu, ale na tom není žádná věda stačí udělat nějakou funkci kterou si stránku vygenerujeme. Jinak všechny použité věci už jsou probrány a tak už nevím co dodat.