Avatar billede tets Nybegynder
28. april 2001 - 22:20 Der er 23 kommentarer og
1 løsning

IFrames & Layers!!!!

Hej!!!

Mit problem er at jeg ikke ved hvordan jeg linker fra en iframe til en anden celle...

Det skal være sådan at når man klikker på et link i Test.htm så skal layeret vises i celle hvor jeg har alle mine layers liggende, men hvordan får jeg det til at virke????

Håber at der er en der vil hjælpe...

Min Start.htm fil ser således ud:

<html>

<head>

<title>Start
</title>
</head>

<body>

<div align=\"left\">
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"420\" height=\"362\">
<tr>
<td width=\"192\" height=\"362\"><iframe name=\"Test\" width=\"250\" height=\"250\" scroll=\"no\" src=\"Test.htm\"></td>
<td width=\"228\" height=\"362\"><div id=\"link4\" style=\"position:absolute; left:100; top:100; width:300; height:300; z-index:1; background-color: #c0c0c0;\">Link4</div>
<div id=\"link3\" style=\"position:absolute; left:100; top:100; width:300; height:300; z-index:1; background-color: #c0c0c0;\">Link3</div>
<div id=\"link2\" style=\"position:absolute; left:100; top:100; width:300; height:300; z-index:1; background-color: #c0c0c0;\">Link2</div>
<div id=\"link1\" style=\"position:absolute; left:100; top:100; width:300; height:300; z-index:1; background-color: #c0c0c0;\">Link1</div>
</td>
</tr>
</table>
</div>

</body>

</html>


Min Test.htm ser således ud:

<html>

<head>
<title>Test
</title>
<script>
var x=1;
</script>
<body>

<input type=\"button\" value=\"knap1\" onclick=\"x=x+1; link1.style.zIndex=x\"><br>
<input type=\"button\" value=\"knap2\" onclick=\"x=x+1; link2.style.zIndex=x\"><br>
<input type=\"button\" value=\"knap3\" onclick=\"x=x+1; link3.style.zIndex=x\"><br>
<input type=\"button\" value=\"knap4\" onclick=\"x=x+1; link4.style.zIndex=x\"><br>

</body>

</html>
Avatar billede jakoba Nybegynder
28. april 2001 - 22:41 #1
i den ydre fil kender du adressen. fx
  document.all.navnet
fra din iframe sætter du så blot parent. foran
  parent.document.all.navnet
når du ænskre at adressere via javascript.

mvh JakobA
Avatar billede tets Nybegynder
28. april 2001 - 22:46 #2
Kan du ikke komme med et eksempel hvor du bruger \"mine\" filer????
Avatar billede jakoba Nybegynder
28. april 2001 - 22:50 #3
Næe, for jeg forstår ikke dine filer.
Jeg kan ikke finde en eneste <iframe i dem.
Avatar billede jakoba Nybegynder
28. april 2001 - 22:53 #4
Jo der var den.

<input type=\"button\" value=\"knap1\" onclick=\"x=x+1; parent.link1.style.zIndex=x\"><br>
Avatar billede tets Nybegynder
28. april 2001 - 22:54 #5
Hvis dette ikke er et IFrame hvad er det så???

<iframe name=\"Test\" width=\"250\" height=\"250\" scroll=\"no\" src=\"Test.htm\">

Det står for øvrigt i start.htm som noget af det første i tabellen...
Avatar billede tets Nybegynder
28. april 2001 - 23:01 #6
kan sq ikke få det til at virke... var det muligt at du kunne skrive hele filerne igen med dine tilføjelser???
Avatar billede jakoba Nybegynder
28. april 2001 - 23:52 #7
jeg kan heller ikke få det til at virke.
har adresseringen i
  link1.style.zIndex=x
virket engang?

beklager JakobA
Avatar billede tets Nybegynder
28. april 2001 - 23:54 #8
Ja i den fil jeg har det fra virker det fint

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
<title>Untitled</title>
</head>
<script>
var x=1;
</script>
<body>

<input type=\"button\" value=\"knap1\" onclick=\"x=x+1; link1.style.zIndex=x\"><br>
<input type=\"button\" value=\"knap2\" onclick=\"x=x+1; link2.style.zIndex=x\"><br>
<input type=\"button\" value=\"knap3\" onclick=\"x=x+1; link3.style.zIndex=x\"><br>
<input type=\"button\" value=\"knap4\" onclick=\"x=x+1; link4.style.zIndex=x\"><br>

<div id=\"link4\" style=\"position:absolute; left:100; top:100; width:300; height:300; z-index:1; background-color: #c0c0c0;\">Link4</div>
<div id=\"link3\" style=\"position:absolute; left:100; top:100; width:300; height:300; z-index:1; background-color: #c0c0c0;\">Link3</div>
<div id=\"link2\" style=\"position:absolute; left:100; top:100; width:300; height:300; z-index:1; background-color: #c0c0c0;\">Link2</div>
<div id=\"link1\" style=\"position:absolute; left:100; top:100; width:300; height:300; z-index:1; background-color: #c0c0c0;\">Link1</div>

</body>
</html>
Avatar billede tets Nybegynder
28. april 2001 - 23:55 #9
Men der ligger det jo også i samme fil det hele... og det skal det ikke mere...

Har du en anden ide til hvordan jeg ellers laver det???
Avatar billede jakoba Nybegynder
29. april 2001 - 00:41 #10
got it.
Iframe er en container. den skal afsluttes med en </iframe> ellers vil alt bagved blive skippet.

Min Start.htm fil ser således ud:

<html>

<head>

<title>Start
</title>
</head>

<body>

<div align=\"left\">
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"420\" height=\"362\">
<tr>
<td width=\"192\" height=\"362\"><iframe name=\"Test\" width=\"250\" height=\"250\" scroll=\"no\" src=\"Test.htm\"></frame></td>
<td width=\"228\" height=\"362\"><div id=\"link4\" style=\"position:absolute; left:100; top:100; width:300; height:300; z-index:1; background-color: #c0c0c0;\">Link4</div>
<div id=\"link3\" style=\"position:absolute; left:100; top:100; width:300; height:300; z-index:1; background-color: #c0c0c0;\">Link3</div>
<div id=\"link2\" style=\"position:absolute; left:100; top:100; width:300; height:300; z-index:1; background-color: #c0c0c0;\">Link2</div>
<div id=\"link1\" style=\"position:absolute; left:100; top:100; width:300; height:300; z-index:1; background-color: #c0c0c0;\">Link1</div>
</td>
</tr>
</table>
</div>

</body>

</html>


Min Test.htm ser således ud:

<html>

<head>
<title>Test
</title>
<script>
var x=1;
</script>
<body>

<input type=\"button\" value=\"knap1\" onclick=\"x=x+1; parent.link1.style.zIndex=x\"><br>
<input type=\"button\" value=\"knap2\" onclick=\"x=x+1; parent.link2.style.zIndex=x\"><br>
<input type=\"button\" value=\"knap3\" onclick=\"x=x+1; parent.link3.style.zIndex=x\"><br>
<input type=\"button\" value=\"knap4\" onclick=\"x=x+1; parent.link4.style.zIndex=x\"><br>

</body>

</html>

mvh JakobA
Avatar billede jakoba Nybegynder
29. april 2001 - 00:44 #11
Ups:
istedet for
    </frame>
skal der stå
    </iframe>
Avatar billede tets Nybegynder
29. april 2001 - 00:51 #12
Syntes nu ikke af layersne bigger i en celle for sig selv.....
Avatar billede tets Nybegynder
29. april 2001 - 00:52 #13
bigger=ligger
Avatar billede jakoba Nybegynder
29. april 2001 - 00:55 #14
De der layers er positioneret absolut. De er aldeles ligeglade med hvad du skriver udenom.
Avatar billede tets Nybegynder
29. april 2001 - 00:56 #15
Kan man ikke på en eller anden måde fortælle dem at de skal ligge i cellen??? ved at ændre i koden måske???
Avatar billede jakoba Nybegynder
29. april 2001 - 01:03 #16
<td width=\"228\" height=\"362\"><div id=\"link4\" style=\"position:relative; left:0; top:0; width:300; height:300; z-index:1; background-color: #c000c0;\">Link4</div>
<div id=\"link3\" style=\"position:relative; left:0; top:0; width:300; height:300; z-index:1; background-color: #c0c000;\">Link3</div>

prøv det her for de 2 første.
Kun de to første i første test, så fortæller testen meget mere.
Avatar billede tets Nybegynder
29. april 2001 - 01:16 #17
Hvorfor ligger lagene nu under hinanden??? de skal jo likke over på hinanden, og inden ag dem skal være visible lige når man kommer ind på siden....
Avatar billede jakoba Nybegynder
29. april 2001 - 01:30 #18
lagene har altid ligget under hinanden. Før kunne du kun se det øverste layer fordi det dækkede de andre totalt.
prøv at teste knapperne. hvilke layers kan du lægge ovenpå?
Avatar billede tets Nybegynder
29. april 2001 - 01:39 #19
Hvordan får jeg så lagene til at ligge totalt oven på hinanden igen, bare ude i cellen???

Jeg kan sagtens få alle lagene til at virke nu.... de skal bare lige allesammen ligge ude i cellen og dække hinanden totalt, how???
Avatar billede jakoba Nybegynder
29. april 2001 - 02:20 #20
For at lægge lagene ovenpå hinanden uden sideeffekter skal lagene have position absolute.
Og så kan du placere dem ved at justre left og top.
        style=\"position:absolute; left:0; top:0;

Desværre kan du IKKE placere dem med 100% sikkerhed. andre browsere og andre pcer vil sandsynligvis vise dem lidt andre steder i forhold til tabellen.

Men prøv at placere dem nogenlunde, og se om ikke det er godt nok.

mvh JakobA
Avatar billede jakoba Nybegynder
29. april 2001 - 13:03 #21
Det er ret til folk ønsker at placere et lag i en tabelcelle så jeg har lavet en lille demoside:
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp68543.html

mvh JakobA
Avatar billede jakoba Nybegynder
29. april 2001 - 13:04 #22
ret til -> ret tit
Avatar billede tets Nybegynder
29. april 2001 - 17:22 #23
Kan du så ikke lige skrive koden til det herinde... uden den celle hvor du har det der \"lokalt\"??

så er der sq point til dig :o)

Tets
Avatar billede tets Nybegynder
29. april 2001 - 18:05 #24
Og uden script til NS???
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