CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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???

Synes godt om

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>

Synes godt om

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

Synes godt om

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! :))

Synes godt om

cocolumbo Nybegynder

03. januar 2001 - 23:10 #4

Hvordan skal jeg kalde det?

Synes godt om

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

Synes godt om

olebole Juniormester

03. januar 2001 - 23:17 #6

Nåhhhh...undskyld...Hehe...!

<body onload=\"myPlace();\">

Synes godt om

cocolumbo Nybegynder

03. januar 2001 - 23:17 #7

:o)

Synes godt om

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?

Synes godt om

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

Synes godt om

cocolumbo Nybegynder

03. januar 2001 - 23:39 #10

OK... Sidste lille ting... Kan den komme over i højre side i stedet for?

Synes godt om

cocolumbo Nybegynder

03. januar 2001 - 23:40 #11

Du skal nok få lidt flere point :o)

Synes godt om

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)

Synes godt om

cocolumbo Nybegynder

03. januar 2001 - 23:58 #13

Har du givet op?

Synes godt om

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

Synes godt om

cocolumbo Nybegynder

04. januar 2001 - 00:17 #15

Oh hvilken usigelig glæde!!! Du har til fulde fortjent samtlige 300 point !!!

Mange tak :o)

Synes godt om

olebole Juniormester

04. januar 2001 - 00:18 #16

...selv tak! :)))

Synes godt om

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???

Synes godt om

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 :)

Synes godt om

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

Synes godt om

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

Synes godt om

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

Synes godt om

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*

Synes godt om

nielsverner Nybegynder

11. marts 2001 - 21:50 #23

Hvordan så hvis den skal blive siddende selvom man scroller?

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	17	10/09/202515:07	10/09/202519:19
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS