Avatar billede the_ghost Nybegynder
13. marts 2004 - 01:54 Der er 26 kommentarer og
1 løsning

onLoad problem

Jeg har dette script:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
<title>temp</title>
<!--
<META HTTP-EQUIV="Expires" CONTENT="Fri, Jun 12 1981 08:20:00 GMT">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store">
-->
<link rel="stylesheet" type="text/css" href="./files/style.css">   
<script type="text/javascript" src="./files/scripts.js"></script>
</head>

<body onLoad="alert('hello world!')">
..
</body>
</html>

Problemet er at jeg ikke kan få det til at virke i Opera... I IE og Mozilla kommer den fint med et popup windue hvor der står Hello World!, men der kommer ingenting i Opera.

Hvad kan problemet være???

...
The Ghost
Avatar billede cyigen Nybegynder
13. marts 2004 - 01:58 #1
det kunne være mange ting, du bliver bare nød til at prøve dig frem

1. Lav en seperat function og link til den fra onLoad

2. skift tegn så det bliver <body onload='alert("hello world!");'>
- denne lyder lidt dum, men browser er sku dumme! Så alle dumme forslag skal prøves!

3. prøv med en semikolon (;) til sidst <body onload="alert('hello world!');">
Avatar billede the_ghost Nybegynder
13. marts 2004 - 01:59 #2
hmmm... Jeg prøvede lige at kopiere det over i en anden fil og slette alt hvad jeg havde mellem <body> og </body> så virkede det fint nok...

Jeg har bla dette i min body:

<TABLE NAME="tbl" ID="tbl" STYLE="width:100%;" CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD ID=t1 CLASS=selTab HEIGHT=25>Forside</TD>
        <TD ID=t2 CLASS=tab>Sambo</TD>
        <TD ID=t3 CLASS=tab>Forum</TD>
        <TD ID=t4 CLASS=tab>Kommentarer</TD>
        <TD ID=t5 CLASS=tab>Links</TD>
        <TD ID=t6 CLASS=tab>Info</TD>
        <TD ID=t7 CLASS=tab>Temp</TD>
    </TR>
    <TR>
        <TD ID=t1base STYLE="height:2; border-left:solid thin RGB( 210, 210, 210 )"></TD>
        <TD ID=t2base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t3base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t4base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t5base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t6base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t7base STYLE="height:2; background-color:RGB( 210, 210, 210 ); border-right:solid thin RGB( 210, 210, 210 )"></TD>   
    </TR>


    <TR>
        <TD VALIGN="top" HEIGHT="*" COLSPAN=7 ID=tabContents
                                    STYLE="    border-left:solid thin RGB( 210, 210, 210 );
                                            border-bottom:solid thin RGB( 210, 210, 210 );
                                            border-right:solid thin RGB( 210, 210, 210 )">Henter side...</TD>

    </TR>
</TABLE>

Når jeg sletter det, så virker det fint nok, men når jeg sætter det ind igen, så virker der ikke...
Avatar billede the_ghost Nybegynder
13. marts 2004 - 02:02 #3
mere specifikt så er det når jeg sletter denne linie:
<TABLE NAME="tbl" ID="tbl" STYLE="width:100%;" CELLPADDING=0 CELLSPACING=0>
at jeg kan få det til at virke
Avatar billede the_ghost Nybegynder
13. marts 2004 - 02:20 #4
Nu har jeg fundet frem til at det er når jeg slette ID="tbl" i ovenstående linie
Avatar billede roenving Novice
13. marts 2004 - 02:44 #5
Hvaffen opera ?-)
Avatar billede the_ghost Nybegynder
13. marts 2004 - 11:04 #6
Opera 7.23
Avatar billede the_ghost Nybegynder
13. marts 2004 - 11:13 #7
www.jyllandsgade13.dk:1737/NytDesgin/ er den hjemmeside jeg sidder og leger med..

Når man går derind, skulle der gerne komme noget andet frem end "Henter Side", det er der problemet ligger.. Jeg kan godt få det til at fungere med Mozilla 0.8 og IE 6
Avatar billede the_ghost Nybegynder
13. marts 2004 - 11:46 #8
Er der ikke noget andet man kan bruge, end "onLoad", som giver nogenlunde den samme effekt???
Avatar billede roenving Novice
13. marts 2004 - 14:27 #9
For at afprøve mulghederne kan du:

<script type="text/javascript">
function helloWorld(){
  alert('Hello world !-)');
}
window.onload = helloWorld;
</script>
Avatar billede the_ghost Nybegynder
13. marts 2004 - 14:56 #10
Det kan jeg godt få til at fungere, men jeg kan ikke få dette til at fungere:
<script>
function init()
{
    document.getElementById('tabContents').innerHTML = document.getElementById('t1Contents').innerHTML;
}   
</script>
<TABLE NAME="tbl" ID="tbl" STYLE="width:100%;" CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD ID=t1 CLASS=selTab HEIGHT=25>Forside</TD>
        <TD ID=t2 CLASS=tab>Sambo</TD>
        <TD ID=t3 CLASS=tab>Forum</TD>
        <TD ID=t4 CLASS=tab>Kommentarer</TD>
        <TD ID=t5 CLASS=tab>Links</TD>
        <TD ID=t6 CLASS=tab>Info</TD>
        <TD ID=t7 CLASS=tab>Temp</TD>
    </TR>
    <TR>
        <TD ID=t1base STYLE="height:2; border-left:solid thin RGB( 210, 210, 210 )"></TD>
        <TD ID=t2base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t3base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t4base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t5base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t6base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t7base STYLE="height:2; background-color:RGB( 210, 210, 210 ); border-right:solid thin RGB( 210, 210, 210 )"></TD>   
    </TR>


    <TR>
        <TD VALIGN="top" HEIGHT="*" COLSPAN=7 ID=tabContents
                                    STYLE="    border-left:solid thin RGB( 210, 210, 210 );
                                            border-bottom:solid thin RGB( 210, 210, 210 );
                                            border-right:solid thin RGB( 210, 210, 210 )">Henter side...</TD>

    </TR>
</TABLE>
<body onload="init();">
</body>
Avatar billede the_ghost Nybegynder
13. marts 2004 - 14:57 #11
ups.. Det skal være sådan:

<script>
function init()
{
    document.getElementById('tabContents').innerHTML = document.getElementById('t1Contents').innerHTML;
}   
</script>

<body onload="init();">
<TABLE NAME="tbl" ID="tbl" STYLE="width:100%;" CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD ID=t1 CLASS=selTab HEIGHT=25>Forside</TD>
        <TD ID=t2 CLASS=tab>Sambo</TD>
        <TD ID=t3 CLASS=tab>Forum</TD>
        <TD ID=t4 CLASS=tab>Kommentarer</TD>
        <TD ID=t5 CLASS=tab>Links</TD>
        <TD ID=t6 CLASS=tab>Info</TD>
        <TD ID=t7 CLASS=tab>Temp</TD>
    </TR>
    <TR>
        <TD ID=t1base STYLE="height:2; border-left:solid thin RGB( 210, 210, 210 )"></TD>
        <TD ID=t2base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t3base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t4base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t5base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t6base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t7base STYLE="height:2; background-color:RGB( 210, 210, 210 ); border-right:solid thin RGB( 210, 210, 210 )"></TD>   
    </TR>


    <TR>
        <TD VALIGN="top" HEIGHT="*" COLSPAN=7 ID=tabContents
                                    STYLE="    border-left:solid thin RGB( 210, 210, 210 );
                                            border-bottom:solid thin RGB( 210, 210, 210 );
                                            border-right:solid thin RGB( 210, 210, 210 )">Henter side...</TD>

    </TR>
</TABLE>
</body>
Avatar billede roenving Novice
13. marts 2004 - 14:59 #12
Men det er jo også helt lovligt at bruge:

<script type="text/javascript">
function init()
{
    document.getElementById('tabContents').innerHTML = document.getElementById('t1Contents').innerHTML;
}
window.onload = init;
</script>

<body>
<TABLE
Avatar billede the_ghost Nybegynder
13. marts 2004 - 15:06 #13
ja ja.. Men det virker heller ikke!!!
Avatar billede the_ghost Nybegynder
13. marts 2004 - 15:07 #14
Jeg har prøvet med <body onload=init();>, window.onload = init; & document.onload = init;
Avatar billede roenving Novice
13. marts 2004 - 15:09 #15
Hvor har du t1Contents henne ?-)

Måske:

  document.getElementById('tabContents').innerHTML = document.getElementById('t1').innerHTML;
Avatar billede the_ghost Nybegynder
13. marts 2004 - 15:11 #16
Her er hele siden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
<title>Jyllandsgade13.dk</title>

<META HTTP-EQUIV="Expires" CONTENT="Fri, Jun 12 1981 08:20:00 GMT">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store">

<link rel="stylesheet" type="text/css" href="./files/style.css">   
<script type="text/javascript" src="./files/scripts.js"></script>

</head>

<body onload="init();">
<!-- Kode for venstre del af siden <> Start -->
<div class="leftPage">
</div>
<!-- Kode for venstre del af siden <> Slut -->

<!-- Kode for den midterste del af siden <> Start -->

<div align="center"><IMG SRC="./files/overskrift.jpg"></div>

<TABLE id="table" STYLE="width:100%;" CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD ID=t1 CLASS=selTab HEIGHT=25>Forside</TD>
        <TD ID=t2 CLASS=tab>Sambo</TD>
        <TD ID=t3 CLASS=tab>Forum</TD>
        <TD ID=t4 CLASS=tab>Kommentarer</TD>
        <TD ID=t5 CLASS=tab>Links</TD>
        <TD ID=t6 CLASS=tab>Info</TD>
        <TD ID=t7 CLASS=tab>Temp</TD>
    </TR>
    <TR>
        <TD ID=t1base STYLE="height:2; border-left:solid thin RGB( 210, 210, 210 )"></TD>
        <TD ID=t2base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t3base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t4base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t5base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t6base STYLE="height:2; background-color:RGB( 210, 210, 210 )"></TD>
        <TD ID=t7base STYLE="height:2; background-color:RGB( 210, 210, 210 ); border-right:solid thin RGB( 210, 210, 210 )"></TD>   
    </TR>


    <TR>
        <TD VALIGN="top" HEIGHT="*" COLSPAN=7 ID=tabContents
                                    STYLE="    border-left:solid thin RGB( 210, 210, 210 );
                                            border-bottom:solid thin RGB( 210, 210, 210 );
                                            border-right:solid thin RGB( 210, 210, 210 )">Henter side...</TD>

    </TR>
</TABLE>
</DIV>
<!-- Forside <> Start -->
<DIV CLASS=conts ID=t1Contents>
  <iframe id="forsideFrame" src="./j13/forside.php" scrolling="no"
    marginheight='0' marginwidth='0' border='0' frameborder='0' >
  Du kan ikke se siden pga. din browser ikke understøtter iframes.
  <BR> Disse Browsere understøtter iframes:
  <UL>
  <li>Opera 6+</li>
  <li>Internet Explorer 4+</li>
  <li>Netscape 6+</li>
  <li>Mozilla 0.8</li>
    </UL>
  </iframe>
</DIV>
<!-- Forside <> Slut -->
<!-- Sambo <> Start -->
<DIV CLASS=conts ID=t2Contents>
  <iframe id="samboFrame" src="./j13/temp.php" scrolling="no"
    marginheight='0' marginwidth='0' border='0' frameborder='0' >
  Du kan ikke se siden pga. din browser ikke understøtter iframes.
  <BR> Disse Browsere understøtter iframes:
  <UL>
  <li>Opera 6+</li>
  <li>Internet Explorer 4+</li>
  <li>Netscape 6+</li>
  <li>Mozilla 0.8</li>
    </UL>
  </iframe>
</DIV>
<!-- Sambo <> Slut -->
<DIV CLASS=conts ID=t3Contents><Font color="#0000ff">&nbsp;&nbsp;Forum</font></DIV>
<DIV CLASS=conts ID=t4Contents><Font color="#0000ff">&nbsp;&nbsp;Kommentarer</font></DIV>
<DIV CLASS=conts ID=t5Contents><Font color="#0000ff">&nbsp;&nbsp;Links</font></DIV>
<DIV CLASS=conts ID=t6Contents><Font color="#0000ff">&nbsp;&nbsp;Info</font></DIV>
<DIV CLASS=conts ID=t7Contents><Font color="#0000ff">&nbsp;&nbsp;Temp</font></DIV>
<!-- Kode for den midterste del af siden <> Start -->

<!-- Kode for højre del af siden <> Start -->
<div class="rightPage">
</div>
<!-- Kode for højre del af siden <> Slut -->
</body>
</html>
Avatar billede the_ghost Nybegynder
13. marts 2004 - 15:12 #17
Det er jo stadigvæk kun i Opera at problemet opstår!!!
Avatar billede roenving Novice
13. marts 2004 - 15:27 #18
Uff ...

Jeg husker vagt, at der er problemer med dynamisk størrelse af tabelceller i Opera, måske har det noget med det at gøre ...
Avatar billede the_ghost Nybegynder
13. marts 2004 - 15:32 #19
Det ved jeg ikke.. Men jeg kan få det til at fungere hvis jeg manuel sætter det der står under t1Contents ind under tabContents...

Jeg er bare ikke så vild med gentagelser i min kode, så hvis jeg kunne få det til at fungere med javascript ville det jo være perfekt.
Avatar billede roenving Novice
13. marts 2004 - 15:43 #20
Hvad med at skifte taktik og lade dit indhold være skjult mens det loader og så vise det vha. skift i display ?-)

function init(){
  document.getElementById('loadDiv').style.display = 'none';
  document.getElementById('t1Contents').style.display = 'block';

}

<td id="tabContents">
<div id="loadDiv" style="border:solid thin #d2d2d2;border-top:0px;display:block;">Henter side...</div>
<div class="conts" id="t1Contents" style="display:none;">
osv ...

</td>
Avatar billede the_ghost Nybegynder
13. marts 2004 - 15:56 #21
hmm.. Det du har skrevet kan jeg ikke få til at fungere.. og det er hverken i IE, Mozilla, Netscape eller Opera
Avatar billede the_ghost Nybegynder
13. marts 2004 - 16:00 #22
.. Jeg tror bare at jeg bruger gentagelsen.. For jeg har stadigvæk brug for at t1Contents skal være der i forbindelse med noget andet!!!

Jeg har lige 1 spørgsmål mere:

Findes der ikke noget godt dokumentation til javascript, måske en API eller noget lign.
Sådan at man måske kan se hvilke metoder / funktioner man kan kalde på document osv.
Avatar billede roenving Novice
13. marts 2004 - 16:42 #23
http://devedge.netscape.com/library/manuals/2000/javascript/1.5/reference/

-- og w3schools.com har vist også en, dog knap så udbygget, men til gengæld ikke så browser-specifik, som sprogets opfinder har den ...
Avatar billede the_ghost Nybegynder
13. marts 2004 - 16:55 #24
ok.. mange tak, kan jeg ikke få dig til at ligge et svar, så kan du lige få pointene
Avatar billede roenving Novice
13. marts 2004 - 17:00 #25
Ej, behold du bare dine points ;O)
Avatar billede the_ghost Nybegynder
13. marts 2004 - 21:05 #26
Du må ellers gerne få dem, da du jo har hjulpet mig... Den kan godt være at du ikke kunne hjælpe mig med mit oprindelige problem, men du hjalp mig da til at finde ud af hvad der var galt + gav mig et link til en JavaScript API
Avatar billede the_ghost Nybegynder
15. marts 2004 - 07:38 #27
.ok, så tager jeg dem selv :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester