JavaScript – Otvaranje browser-a u „Fullscreen“ modu

 –  aลพurirano:  –  

U narednim redovima videฤ‡ete kako da obezbedite da se vaลก sajt otvara u „Fullscreen“ modu. Izvoฤ‘enje ovog „trika“, koji vaลก sajt stavlja u centar paลพnje posetioca, nije teลกko, a rezultat je efektan. Ali, pre nego ลกto poฤnemo, skrenuฤ‡emo vam paลพnju na mali detalj. Sajt koji bude imao ovakav efekat, mora da bude obezbeฤ‘en sa odliฤnim navigacionim moguฤ‡nostima. Zaลกto je to tako? Pa jednostavno, poลกto browser otvorite u „fullscreen“ modu, posetilac neฤ‡e videti, pre svega dugmad „Back“ i „Forward“, a zatim i ostalo: Navigation Bar, Address Bar, Caption Bar itd. Ovde ฤ‡e vam u jednu ruku, biti malo teลพe izvoฤ‘enje navigacije, a u drugu ruku – imaฤ‡ete viลกe prostora za sam sadrลพaj sajta.
A sada, prelazimo na sam skript. Da vidimo prvo ลกta taj skript treba da odradi:

  • Prvo se vrลกi provera browser i provera operativnog sistema. Ukoliko se radi o browser-u IE 4 ili niลพoj verziji ili dati posetilac radi na nekom drugom operativnom sistemu, pozvaฤ‡emo funkciju "skip()" koja ฤ‡e preskoฤiti sam skript i nastaviti dalje.
  • Potom proveravamo da li posetilac koristi browser, verzije veฤ‡e od 4.0.
  • I na kraju moramo da se uverimo da se ne radi o drugaฤijem browser-u od Internet Explorer-a. Ovo ฤ‡emo postiฤ‡i tako ลกto proverimo da li se radi o Netscape-u, i ako jeste, ลกaljemo posetioca na "default" stranicu. U suprotnom, ako je browser IE 4++ – otvaramo stranicu u "fullscreen" modu.

Dobra stvar kod ovog skripta je ลกto moลพete da imate dve razliฤite verzije vaลกeg sajta. Jedna ฤ‡e biti podeลกena za „fullscreen“ modu, a druga ฤ‡e omoguฤ‡iti posetu vaลกem sajtu „drugaฤijim“ korisnicima. Da ne duลพimo dalje, evo kako izgleda samo programski kod skripta: 

<script language="Javascript">
<!-- function intro()
{
    if ((navigator.appVersion.indexOf("Mac")!=-1) &&
(navigator.userAgent.indexOf("MSIE")!=-1) &&
(parseInt(navigator.appVersion)==4))
    {
    skip()
    }
    else
    {
    popup()
    }
}
function skip()
{
    location.href="1_stranica.html";
}
function popup()
{version = parseFloat(
navigator.appVersion.substring(navigator.appVersion.indexOf('.') 
-1,navigator.appVersion.length));
    if (version >= 4)
    version = parseFloat(
navigator.appVersion.substring(navigator.appVersion.indexOf('.') 
-1,navigator.appVersion.length));
    if (version >= 4) 
    {
    if (navigator.appName=="Netscape")
      { 
        location.href="1_stranica.html";
      }
      if (navigator.appName=="Microsoft Internet Explorer")
      {
        window.open("2_stranica.html","screen","fullscreen=yes");
      }
    }
    else
    {
      location.href="1_stranica.html";
    } 
} 
// -->
</script>

Potrebno je da samo gornji skript ubacite unutar taga, da bi se prvi uฤitao. Preporuฤujemo da skript postavite na poฤetnu, „praznu“ stranicu koja ฤ‡e na isti naฤin biti svima vidljiva. Nadalje, trebaฤ‡ete samo da promenite nazive fajlova, tako da ฤ‡e „1_stranica“ biti za nekompatibilne browser-e, a ova druga („2_stranica“) za „fullscreen“ mod. Sada je samo potrebno da obezbedimo i pokretanje browser-a u ovom modu, zato ฤ‡emo poziv funkcije smestiti u tag. 

 <BODY onLoad="intro()">

Pratite Krstaricu na www.krstarica.com