Avatar billede hanz Nybegynder
07. juni 2000 - 13:34 Der er 15 kommentarer og
1 løsning

STORT LAYER-PROBLEM!!!!

Had går galt her?

<html>
<head>
<title>Layer</title>

<script language="JavaScript">
<!--

ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function load(page) {
    if (ns4) document.textLayer.src = page
    else if (ie4) parent.textFrame.document.location = page
}

//-->
</SCRIPT>

<STYLE TYPE="text/css">
<!--

#textLayer {
        position:relative;
        include-source:url("skrift.htm");
        width:164px;
        z-index : 1;
    }
-->
</STYLE>

</head>


<body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">

<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
    <tr>
        <td align="right">
<table width="100%" align="right" border="1" cellspacing="0" cellpadding="0">
    <tr><td align="right"></td>
        <td width="164" align="right"><br>
<A HREF="java script:load('mumle.htm')">load mumle.htm</A><BR>
<A HREF="java script:load('skrift.htm')">load skrift.htm</A>
<DIV ID="textLayer"><LAYER NAME="textLayer" WIDTH="164"></LAYER></DIV>
<IFRAME SRC="skrift.htm" NAME="textFrame" SCROLLING="No" WIDTH="164" MARGINWIDTH=0 MARGINHEIGHT=0 FRAMEBORDER="No"></IFRAME></td>
</tr>
</table>

<td width="15"><img src="grafik/transp.gif" width="15" height="1" alt=""></td>

</td>
</tr>
</table>

</body>
</html>

Håber at I kan hjælpe!

Hanz
Avatar billede olebole Juniormester
07. juni 2000 - 14:25 #1
<ole>
Gå til:
    http://www.dansteinman.com/dynduo/
...og læs under externe dokumenter. Det er en MONSTER fed tutorial om X-browser DHTML!
/Vh
</bole>
Avatar billede hanz Nybegynder
07. juni 2000 - 14:38 #2
Tak for linket, men jeg kendte det godt i forvejen! Faktisk er den ovenstående kode hentet derfra! Kan du gi' et bud på hvordan jeg kan højrestille layeret så det også virker i NS?

Hanz
Avatar billede olebole Juniormester
07. juni 2000 - 14:42 #3
Skal det partout ligge i et table - eller må det bare være højrestillet?
Avatar billede hanz Nybegynder
07. juni 2000 - 14:54 #4
Det SKAL ligge i en tabel faktisk en meget kompleks en af slagsen. Hele siden er på ca. 800 linier....
Avatar billede olebole Juniormester
07. juni 2000 - 16:45 #5
Jeg tror desværre ikke, du får NS til at lave det her med relative lag. Den vil kræve dem positioneret absolut.
En workaround kunne være at  erstatte lagene med trans. gif'er i samme størrelse. Lagene skal dog udskrives, men gerne alle liggende i position '0,0'. På onload kunne du så med en 'for' løkke spørge til billedernes position og derefter sætte lagenes tilsvarende position. Lagene kan evt. starte som 'hidden' og først blive 'visible', når de er positioneret. Bøvlet...Ja, men muligt ;-)
/Vh
Avatar billede hanz Nybegynder
07. juni 2000 - 16:53 #6
/OleBole

Prøv at kigge på den her side: http://www.financialtimes.com og tryk på personal office. Det er den effekt jeg vil ha', bare på en side der gir' sig efter skærmopløsning!
Avatar billede olebole Juniormester
07. juni 2000 - 17:23 #7
<ole>
Som du ser, er der tale om et 'absolut' lag, der bliver tændt og slukket - og det er jo en hel anden ting:

<DIV id="personalnav" style="position:absolute; left:628px; top:126px; width:165px; z-index:100; visibility:hidden; background-color: #ffffff; layer-background-color: #ffffff"><DIV id="personalnav" Ttyle="position:absolute; left:628px; top:126px; width:165px; z-index:100; visibility:hidden; background-color: #ffffff; layer-background-color: #ffffff">
        <TABLE width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
        <TR>
        <TD rowspan="99" width="1" bgcolor="#CCCC99"><IMG src="http://globalelements.ft.com/global/images/global/clear.gif" width="1" height="1" ></TD>
        <TD width="9" bgcolor="#ffffff"><IMG src="http://globalelements.ft.com/global/images/global/clear.gif" width="9" height="1" border="0" >
        </TD>
        <TD height="20"><IMG src="http://globalelements.ft.com/global/images/global/clear.gif" width="139" height="1"></TD>
        </TR>
       
        <TR align="left">
        <TD nowrap="1"></TD>
        <TD>    <FONT class="toolbarLinks1">Welcome to Personal Office on FT.com, the essential tools you need to manage your time and your work.</FONT><BR><BR><A href="http://ftoffice1.ft.com/verifyCookie/Authentication.asp?func=cal" class="toolbarLinks3" target=_top>Calendar</A> | <A href="http://ftoffice1.ft.com/verifyCookie/Authentication.asp?func=caladd" class="toolbarLinks2" target=_top>[ <U>ADD</U> ]</A><BR><A href="http://ftoffice1.ft.com/verifyCookie/Authentication.asp?func=task" class="toolbarLinks3" target=_top>To Do</A> | <A href="http://ftoffice1.ft.com/verifyCookie/Authentication.asp?func=taskadd" class="toolbarLinks2" target=_top>[ <U>ADD</U> ]</A><BR><A href="http://ftoffice1.ft.com/verifyCookie/Authentication.asp?func=email" class="toolbarLinks3" target=_top>Email</A> | <A href="http://ftoffice1.ft.com/verifyCookie/Authentication.asp?func=emailcompose" class="toolbarLinks2" target=_top>[ <U>COMPOSE</U> ]</A><BR><A href="http://ftoffice1.ft.com/verifyCookie/Authentication.asp?func=addrbook" class="toolbarLinks3" target=_top>Address Book</A> | <A href="http://ftoffice1.ft.com/verifyCookie/Authentication.asp?func=addrbookadd" class="toolbarLinks2" target=_top>[ <U>ADD</U> ]</A><BR><A href="http://ftoffice1.ft.com/verifyCookie/Authentication.asp?func=files" class="toolbarLinks3" target=_top>Files</A><BR><BR><BR> <IMG src="http://globalelements.ft.com/global/images/global/clear.gif" width="1" height="500" border="0">
        </TD>
        </TR>
       
        <TR align="left">
                <TD height="1" bgcolor="#CCCC99" colspan="2"><IMG src="http://globalelements.ft.com/global/images/global/clear.gif" width="1" height="1" ></TD>
        </TR>
        </TABLE>
       
                </DIV>

</bole>
Avatar billede hanz Nybegynder
07. juni 2000 - 19:41 #8
Det er jeg klar over, men essensen er jo netop at det skal virke med alle skærmopløsninger. Hvordan gør jeg det?

Hanz
Avatar billede olebole Juniormester
07. juni 2000 - 20:23 #9
<html>
<head>
<title>Layer</title>
<script language="JavaScript">
<!--
    ns4 = (document.layers)? true:false
    ie4 = (document.all)? true:false
   
    // Netscape Resize Fix
    if (document.layers) {
            widthCheck = window.innerWidth
            heightCheck = window.innerHeight
            window.onResize = resizeFix
    }
    function resizeFix() {
            if (widthCheck != window.innerWidth || heightCheck != window.innerHeight)
            document.location.href = document.location.href
    }
//-->
</script>
</head>
<body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<script language="JavaScript">
<!--
    var winW = (ns4)? window.innerWidth-16 : document.body.offsetWidth-20
    var winH = (ns4)? window.innerHeight : document.body.offsetHeight
    document.write("<STYLE TYPE='text/css'><!--\n");
    document.write("#myDiv{position:absolute; left:"+(winW-146)+"px; width:164px; z-index:1}\n");
    document.write("--></style>\n");
//-->
</script>
<div id="myDiv">
<table border=3>
    <tr>
        <td>hallo - hallo - hallo - hallo - hallo - hallo</td>
    </tr>
</table>
</div>
</body>
</html>
Avatar billede olebole Juniormester
07. juni 2000 - 20:26 #10
left:"+(winW-146)+"px;
skulle selvfølgelig have været:
    left:"+(winW-164)+"px;
Avatar billede hanz Nybegynder
08. juni 2000 - 10:32 #11
<olbole>

Nu bliver laget smidt over til venstre, men hvordan loader jeg et .htm dokument i laget? Jeg har prøvet med .src og include-source:url("lag1.htm"); men så bliver det vist i den aktuelle celle, men også yderst til venstre som i dit eksempel! ???
Avatar billede hanz Nybegynder
08. juni 2000 - 16:45 #12
<olebole>

Tak for hjælpen :)
Avatar billede olebole Juniormester
08. juni 2000 - 17:47 #13
Selvtak, men lykkedes det?
Avatar billede hanz Nybegynder
08. juni 2000 - 23:54 #14
Nej, jeg fandt aldrig ud af hvordan jeg fik scriptet til kun at loade .htm dokumentet i den celle jeg ville ha' det til. Det loadede samtig et der hvor du havde sat det til det. Så 2 skridt frem....

Hanz
Avatar billede olebole Juniormester
09. juni 2000 - 06:46 #15
I mit sidste eksempel, skal du ikke have et lag liggende i en tabel, men lægge det 'flydende' i forhold til vinduets dimensioner. Laget er 'bundet' til vinduets øverste højre hjørne - men må altså ikke lægges i en <td>!
Ang. at loade ind i et lag kan du checke Steinman's 'scrollwindow.js', der har en ganske fin load-metode...det kræver dog en del arbejde at implementere det i dit eksempel ;-)
Avatar billede hanz Nybegynder
09. juni 2000 - 09:40 #16
<olebole> Tak for det, jeg prøver at kigge på det! Hvis det ikke vil lykkes mig, er du så til fals? Jeg mener kan din ekspertice købes for penge?

Hanz
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
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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