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>
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
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
28. april 2001 - 22:46
#2
Kan du ikke komme med et eksempel hvor du bruger \"mine\" filer????
28. april 2001 - 22:50
#3
Næe, for jeg forstår ikke dine filer. Jeg kan ikke finde en eneste <iframe i dem.
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>
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...
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???
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
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>
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???
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
29. april 2001 - 00:44
#11
Ups: istedet for </frame> skal der stå </iframe>
29. april 2001 - 00:51
#12
Syntes nu ikke af layersne bigger i en celle for sig selv.....
29. april 2001 - 00:52
#13
bigger=ligger
29. april 2001 - 00:55
#14
De der layers er positioneret absolut. De er aldeles ligeglade med hvad du skriver udenom.
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???
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.
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....
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å?
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???
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
29. april 2001 - 13:04
#22
ret til -> ret tit
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
29. april 2001 - 18:05
#24
Og uden script til NS???
Vi tilbyder markedets bedste kurser inden for webudvikling