Avatar billede cocolumbo Nybegynder
03. januar 2001 - 22:53 Der er 22 kommentarer og
1 løsning

Dynamisk Layer

Nogen der ved hvordan man får et layer til at blive siddende i nederste venstre hjørne af skærmen, selvom der skiftes skærmstørrelse???
Avatar billede olebole Juniormester
03. januar 2001 - 23:05 #1
<ole>
Du kan finde højden på vinduet ved at sige:

<script language=\"JavaScript\">
ns4 = (document.layers)? true : false;
function myPlace() {
  winH = (ns4)? window.innerHeight : document.body.offsetHeight;
  layerTop = winH-300; // Hvis dit lag er 300px højt.
  if (ns4) {
    document.layers.lagID.top = layerTop;
  }else{
    document.all.lagID.style.top = layerTop;
  }
}
</script>

...og kalde funktionen på onload.
Dit lag skal så se sådan ud:

  <div id=\"lagID\">Her er dit indhold</div>

/mvh
</bole>
Avatar billede olebole Juniormester
03. januar 2001 - 23:08 #2
Lige inden </script> skal du sætte dette ind:

function refresh() {
  document.location.reload(true);
}
window.onresize = refresh;

Så sikrer du, siden reloades, hvis du resize\'er den. \'true\' er for at sikre. IE ikke bare henter siden fra cashe\'en.
/mvh
Avatar billede olebole Juniormester
03. januar 2001 - 23:10 #3
Arrrrggghhhh....selvfølgelig skal dit lag se sådan ud:

  <div id=\"lagID\" style=\"position:absolute;\">Her er dit indhold</div>

...sorry! :))
Avatar billede cocolumbo Nybegynder
03. januar 2001 - 23:10 #4
Hvordan skal jeg kalde det?
Avatar billede olebole Juniormester
03. januar 2001 - 23:16 #5
\'lagID\' kan det såmænd godt hedde...men det må også gerne hedde \'ib\'  :))
Bare du sørger for at skrive det samme i <div>-tag\'et og i funktionen - ligesom nu.
/mvh
Avatar billede olebole Juniormester
03. januar 2001 - 23:17 #6
Nåhhhh...undskyld...Hehe...!

<body onload=\"myPlace();\">
Avatar billede cocolumbo Nybegynder
03. januar 2001 - 23:17 #7
:o)
Avatar billede cocolumbo Nybegynder
03. januar 2001 - 23:20 #8
Ok... så vidt så godt... Nu sidder det bare fast oppe i venstre hjørne... Hvordan får jeg det skubbet ned i højre hjørne?
Avatar billede olebole Juniormester
03. januar 2001 - 23:33 #9
Prøv det her:

<html>
<head>
<script language=\"JavaScript\">
ns4 = (document.layers)? true : false;
function myPlace() {
  winH = (ns4)? window.innerHeight : document.body.offsetHeight;
  layerTop = winH-300; // Hvis dit lag er 300px højt.
  if (ns4) {
    document.layers.lagID.top = layerTop;
    document.layers.lagID.visibility = \"visible\";
  }else{
    document.all.lagID.style.top = layerTop;
    document.all.lagID.style.visibility = \"visible\";
  }
}
function refresh() {
  document.location.reload(true);
}
window.onresize = refresh;
</script>
</head>
<body marginwidth=\"0\" marginheight=\"0\" leftmargin=\"0\" topmargin=\"0\" onload=\"myPlace();\">

<div id=\"lagID\" style=\"position:absolute;visibility:hidden;\">
<table height=\"300\" border=\"0\">
<tr>
    <td bgcolor=\"#ff0000\">Her er dit indhold</td>
</tr>
</table>
</div>

</body>
</html>   

Nu er laget iøvrigt gemt og bliver først vist, når det er placeret...det er lidt pænere :)
/mvh
Avatar billede cocolumbo Nybegynder
03. januar 2001 - 23:39 #10
OK... Sidste lille ting... Kan den komme over i højre side i stedet for?
Avatar billede cocolumbo Nybegynder
03. januar 2001 - 23:40 #11
Du skal nok få lidt flere point :o)
Avatar billede cocolumbo Nybegynder
03. januar 2001 - 23:44 #12
Og kan den holde sig på plads uden at siden behøves at reloade? (den må ikke reloade)
Avatar billede cocolumbo Nybegynder
03. januar 2001 - 23:58 #13
Har du givet op?
Avatar billede olebole Juniormester
04. januar 2001 - 00:07 #14
Nejnej...jeg har sgu ikke givet op :) det er mere end fint med 100 points! Prøv det her:

<html>
<head>
<script language=\"JavaScript\">
ns4 = (document.layers)? true : false;
function myPlace() {
    winH = (ns4)? window.innerHeight : document.body.offsetHeight;
    winW = (ns4)? window.innerWidth : document.body.offsetWidth;
    layerTop = winH-300; // Hvis dit lag er 300px højt.
    layerLeft = winW-200; // Hvis dit lag er 200px bredt.
    if (ns4) {
        document.layers.lagID.top = layerTop;
        document.layers.lagID.left = layerLeft;
        document.layers.lagID.visibility = \"visible\";
    }else{
        document.all.lagID.style.top = layerTop;
        document.all.lagID.style.left = layerLeft;
        document.all.lagID.style.visibility = \"visible\";
    }
}
function refresh() {
    myPlace();
}
window.onresize = refresh;
</script>
</head>
<body marginwidth=\"0\" marginheight=\"0\" leftmargin=\"0\" topmargin=\"0\" onload=\"myPlace();\">

<div id=\"lagID\" style=\"position:absolute;visibility:hidden;\">
<table height=\"300\" width=\"200\" border=\"0\">
<tr>
    <td bgcolor=\"#ff0000\">Her er dit indhold</td>
</tr>
</table>
</div>

</body>
</html>   

/mvh
Avatar billede cocolumbo Nybegynder
04. januar 2001 - 00:17 #15
Oh hvilken usigelig glæde!!! Du har til fulde fortjent samtlige 300 point !!!

Mange tak :o)
Avatar billede olebole Juniormester
04. januar 2001 - 00:18 #16
...selv tak!  :)))
Avatar billede nikolajdu Nybegynder
04. januar 2001 - 00:28 #17
Ole??? Vil det egentlig virke i NEtscape 6.0... Er der ikke noget med at de har ændret det der document.layers???
Avatar billede olebole Juniormester
04. januar 2001 - 00:48 #18
Ved du hvad, du...nikolajdu?...Du har fat i noget - min dårlige samvittighed...! :))
Jeg gider ikke nu...jeg er på vej hjem fra arbejdet! I morgen skal jeg nok lige skrive den ren :)
Avatar billede nikolajdu Nybegynder
04. januar 2001 - 00:57 #19
Det var nu kun fordi Jumper og dig havde en diskussion fornyligt at jeg kom til at tænke på det... Jeg fatter stadig minus af DOM. :-)

/Nikolaj
Avatar billede jumper Nybegynder
04. januar 2001 - 04:20 #20
Vi ændrer da bare myplace() funktionen og tjekker teknologi-baseret:

function myPlace() {
    var winH = window.innerHeight || document.body.offsetHeight;
    var winW = window.innerWidth || document.body.offsetWidth;
    var layerTop = winH-300; // Hvis dit lag er 300px højt.
    var layerLeft = winW-200; // Hvis dit lag er 200px bredt.
    var el;
    var elID = \'lagID\'; // Navnet på dit element
    if (document.getElementById){ // IE5 eller NS6
        el = document.getElementById(elID).style;
    } else if (document.all){ // IE4
        el = document.all[elID].style;
    } else if (document.layers){ // NS4, men who cares ;)
        el = document.layers[elID];
    }
    with (el){
        top = layerTop;
        left = layerLeft;
        visibility = \"visible\";
    }
}

/Thor
Avatar billede nikolajdu Nybegynder
04. januar 2001 - 11:41 #21
Jumper... da bare.. he he...

Jeg prøver at følge bare en smule med og her kommer du med.. \"da bare...\".

*lol*

/Nikolaj
Avatar billede olebole Juniormester
04. januar 2001 - 11:56 #22
Thor >> klokken 04:20 :))
Det er skønt at se de sprøde, unge kodeho\'der fortsætter, når dinoerne trækker sig tilbage...det er jo hårdt at have fået alm. arbejde *LOL*
Avatar billede nielsverner Nybegynder
11. marts 2001 - 21:50 #23
Hvordan så hvis den skal blive siddende selvom man scroller?
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