<< Řetězce | JavaScript | Čas a časování >>

Okna stránek

Okno s existující stránkou

  • window.open("url","název okna","vlastnost1, vlastnost2, ...")
  • vlastnosti okna 
       height	      číslo	výška (v px) okna
       width	        číslo	šířka okna
       top	        číslo	vzdálenost od horního okraje
       left	        číslo	vzdálenost od levého okraje
       copyhistory	yes|no	předat historii navštívených stránek
       toolbar	        yes|no	vrchní lišta s ikonami
       location	        yes|no	řádek s adresou stránky
       status	        yes|no	stavový řádek
       directories	yes|no	vybrané adresy
       menubar	        yes|no	nabídka prohlížeče
       scrollbars	yes|no	posuvníky
       resizable	yes|no	povolit změnu velikosti okna
       fullscreen		otevře okno přes celou obrazovku

Dynamické okno

  • window.open("","Text v okně","vlastnost1, vlastnost2, ...") 
function okno()
 {
   obsah = window.prompt("Text, který chcete mít v novém okně","text");
   dyn_okno = window.open("","dyn_okno","height=100px, width=100px, top=0, left=100px,
     resizable=no, status=no, toolbar=no,location=no, scrollbars=yes, resizable=yes");
   dyn_okno.document.write("<html><body>");
   dyn_okno.document.write(obsah);
   dyn_okno.document.write("</body></html>");
 }

Metody pro manipulaci s okny

       close()        zavře okno
       blur()	        nastavení okna na pozadí
       focus()	        nastavení okna do popředí
       moveTo(x,y)	posun na souřadnice x,y
       moveBy(x,y)	posun o x pixelů horizontálně a y pixelů vertikálně
       resizeTo(x,y)	změna velikosti na x a y
       resizeBy(x,y)	změna velikosti o x a o y
       scrollTo(x,y)	rolování okna na souřadnice x,y
       scrollBy(x,y)	rolování okna o x a o y
function okno()
  {
   obsah = window.prompt("Text, který chcete mít v novém okně","text");
   dyn_okno = window.open("","dyn_okno",
     "height=100px, width=100px, top=0, left=100px, resizable=no, status=no,
      toolbar=no,location=no, scrollbars=yes, resizable=yes");
   dyn_okno.document.write("<html><body>");
   dyn_okno.document.write(obsah);
   dyn_okno.document.write("<input type='button' onClick='resizeBy(10,10);' value='otevři okno' id='em'>");
   dyn_okno.document.write("<input type='button' onClick='moveBy(10,10);' value='otevři okno' id='em'>");
   dyn_okno.document.write("</body></html>");
  }
  • Tlačítko pro otevření okna<input onclick="okno();" value="otevři okno" type="button"> 
<input onclick="okno();" value="otevři okno" type="button">

Obrázky

Odkazy

Školní stránky

RSS