Pomoc s javacriptom

maslo

mam takyto code

//Begin
function loadImages() {
if (document.getElementById) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
      }
   }
}
//  End

ktory schova stranku kym sa nacita.... avsak ja chcem aby to trvalo aspon 5 sekund???? ako nastavim delay?

XilleR

chyba ti tu nieco ...kedy tuto funkciu volas ...ak nevies o co ide - hod to tu cele

maslo

Kód: Vybrať všetko

html public "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<SCRIPT LANGUAGE="JavaScript">
//Begin
function loadImages() {
if (document.getElementById) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
      }
   }
}
//  End 
</script>

<meta http-equiv="Content-Language" content="sk">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<link href="mainstyle.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="images/ikonka.ico">
<title>MOja stranka</title>
</head>
<body OnLoad="loadImages()">
<div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #F7F7F7; layer-background-color: #F7F7F7; height: 100%; width: 100%;"> 

<div class="load" align="center" >
	<object border=0 type="application/x-shockwave-flash" data="flash/1.swf" width="570" height="180">
				<param name="movie" value="flash/1.swf" />
				<param name="wmode" value="opaque" />

				<param name="quality" value="high" />
				<param name="bgcolor" value="#f7f7f7" />
				<param name="allowScriptAccess" value="sameDomain" />
			</object>
</div></div>

IgiPoP

tak potom takto

Kód: Vybrať všetko

<body OnLoad="setTimeout("loadImages()", 5000);">

maslo

ono to sice predlzi trvanie toho nacitania ale az do nekonecna a ta stranka sa nezobrazi

neviete pomoct blizsie nejako? A co vlastne presne robit ta funkcia settimeout?

IgiPoP

maslo napísal:ono to sice predlzi trvanie toho nacitania ale az do nekonecna a ta stranka sa nezobrazi neviete pomoct blizsie nejako? A co vlastne presne robit ta funkcia settimeout?

neviem ci som ta dobre pochopil, ak teda nie, tak daj vediet:

Kód: Vybrať všetko

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <script type="text/javascript">
    //Begin
    function loadImages() {
      if (document.getElementById) {  // DOM3 = IE5, NS6
        document.getElementById('hidepage').style.visibility = 'visible';
      }
      else {
        if (document.layers) {  // Netscape 4
          document.hidepage.visibility = 'visible';
        }
        else {  // IE 4
          document.all.hidepage.style.visibility = 'visible';
        }
      }
      clearTimeout(timeoutID);
    }

function load()
{
  timeoutID = window.setTimeout("loadImages()",5000);
}
//  End
    </script>
    <style type="text/css">
      #hidepage {
        visibility: hidden;
      }
    </style>
    <meta http-equiv="Content-Language" content="sk">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
    <link href="mainstyle.css" type="text/css" rel="stylesheet">
    <link rel="shortcut icon" href="images/ikonka.ico">
    <title>MOja stranka</title>
  </head>
  <body OnLoad="load()">

    <div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #F7F7F7; layer-background-color: #F7F7F7; height: 100%; width: 100%;">
      obsah stranky
    </div>
  </body>
</html>

maslo

este to stale neni ono...teraz nacita stranku uplne bezne a po tych 5 sekundach az sa schova a zacne sa znovu nacitavat

to nechcem... chcem najprv aby sa nacitla a potom aby skocila...

IgiPoP

maslo napísal:este to stale neni ono...teraz nacita stranku uplne bezne a po tych 5 sekundach az sa schova a zacne sa znovu nacitavat to nechcem... chcem najprv aby sa nacitla a potom aby skocila...

ved to presne robi. stranka sa nacitava ale nie je ju vidno. ako nahle sa vsetko donacita, spusti sa funkcia load(), ktora spusti po 5 sekundach funkciu loadImages(), ktora zobrazi nacitany obsah.

nechapem tomu "aby sa nacitala a potom aby skocila..."
skus to lepsie popisat

maslo

praveze to nerobi... robi to naopak.... proste najprv sa ukaze ako sa nacitava...normalne bez akehokolvek zakrytia a po 5 sekundach sa zakryje a spusti sa ta animacia loading...chcel by som to opacne

IgiPoP

maslo napísal:praveze to nerobi... robi to naopak.... proste najprv sa ukaze ako sa nacitava...normalne bez akehokolvek zakrytia a po 5 sekundach sa zakryje a spusti sa ta animacia loading...chcel by som to opacne

ja ti vobec nerozumiem...
takze takto: chces aby sa normalne cela stranka nacitala, po uplnom nacitani bude nasledovat 5 sekundova pauza a po nej sa stranka schova
dobre som to pochopil?
ak ano tak riesenie je jednoduche:
1, v poslednom kode, co som zverejnil, vymaz riadky v hlavicky ohladom stylu
2, vo funkcii loadImages() prepis "visible" na "hidden"

maslo

chcem to presne naopak

robim nieco taketo

http://javascript.internet.com/page-det ... -page.html a chcem aby ten preload mal 5 sekund

IgiPoP

maslo napísal:robim nieco taketo

http://javascript.internet.com/page-det ... -page.html a chcem aby ten preload mal 5 sekund

na tejto linke to funguje tak, ze preloader prekryje celu stranku a po nacitani celej stranky preloader zmizne. to je problem pre IE a tak som ti to este trochu vymakal.
v pripade, ze ma uzivatel vypnutu podporu JavaScriptu, stranka sa natiahne bez problemov klasicky.

Kód: Vybrať všetko

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Language" content="sk">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
    <link href="mainstyle.css" type="text/css" rel="stylesheet">
    <link rel="shortcut icon" href="images/ikonka.ico">
    <title>MOja stranka</title>

    <script type="text/javascript">
    //Begin
    function loadImages() {
      if (document.getElementById) {  // DOM3 = IE5, NS6
        document.getElementById('preloader').style.visibility = 'hidden';
        document.getElementById('hidepage').style.visibility = 'visible';
      }
      else {
        if (document.layers) {  // Netscape 4
          document.preloader.visibility = 'hidden';
          document.hidepage.visibility = 'visible';
        }
        else {  // IE 4
          document.all.preloader.style.visibility = 'hidden';
          document.all.hidepage.style.visibility = 'visible';
        }
      }
      clearTimeout(timeoutID);
    }

    function load()
    {
      timeoutID = window.setTimeout("loadImages()",5000);
    }
    
    function schovaj()
    {
      if (document.getElementById) {  // DOM3 = IE5, NS6
        document.getElementById('preloader').style.visibility = 'visible';
        document.getElementById('hidepage').style.visibility = 'hidden';
      }
      else {
        if (document.layers) {  // Netscape 4
          document.preloader.visibility = 'visible';
          document.hidepage.visibility = 'hidden';
        }
        else {  // IE 4
          document.all.preloader.style.visibility = 'visible';
          document.all.hidepage.style.visibility = 'hidden';
        }
      }
    }

//  End
    </script>
  </head>
  <body OnLoad="load()">

    <div id="preloader" style="position: absolute; visibility: hidden; left:5px; top:5px; background-color: #F7F7F7; layer-background-color: #F7F7F7; height: 100%; width: 100%;">
      preloader...
    </div>
    <div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #F7F7F7; layer-background-color: #F7F7F7; height: 100%; width: 100%;">
      toto je uz samotna natiahnuta stranka
    </div>
    <script type="text/javascript">
    schovaj();
    </script>

  </body>
</html>

good luck.

maslo

Ok ide to dik...mam jednu otazku...nedalo by sa to este urobit tak ze keby sa na hlavnu stranku index.html prioslo z urcitych podstranok tento loading by sa neaktivoval a skocila by rovno stranka?

IgiPoP

maslo napísal:Ok ide to dik...mam jednu otazku...nedalo by sa to este urobit tak ze keby sa na hlavnu stranku index.html prioslo z urcitych podstranok tento loading by sa neaktivoval a skocila by rovno stranka?

dalo, ale na to potrebujes podporu nejakeho serveroveho skriptovacieho jazyka ako napr. php, aby si vedel zistit odkial uzivatel prichadza.