Avatar billede ff Nybegynder
10. oktober 2001 - 13:08 Der er 44 kommentarer og
1 løsning

Hvordan linker man mellem \"Pop up vinduer\"

Ja, hvordan laver man et linkt i et \"pop up vindue\" som åbner et nyt \"pop up vindue\" ?
Som eksempel kunne vi sige at det første \"pop up\" hedder: pop1.htm og vi vil gerne åbne et pop af samme størrelse, som hedder pop2.htm
Avatar billede gfx Nybegynder
10. oktober 2001 - 13:11 #1
<a href=\"java script:void(0)\" onClick=\"win=window.open(\'pop-up\',\'quickPoll\',\'toolbar=no,location=no,directories=no,resizable=yes,scrollbars=no,menubar=no,resize=no,width=210,height=250\')\">Klik her</a>
Avatar billede nikolajdu Nybegynder
10. oktober 2001 - 13:12 #2
For at kunne åbne flere vinduer skal du give dem nye navne.

<a href=\"#\" onClick=\"window.open(\'http://www.nikolajdu.dk\',\'NAVN1\')\">åben 1</a>

Og et til:

<a href=\"#\" onClick=\"window.open(\'http://www.eksperten.dk\',\'NYT_NAVN\')\">åben 2</a>
Avatar billede fri-hash Nybegynder
10. oktober 2001 - 13:13 #3

du laver bare et link i popupvinduet, der åbner et nyt
Avatar billede gfx Nybegynder
10. oktober 2001 - 13:13 #4
pop-up = pop2.htm
Avatar billede nikolajdu Nybegynder
10. oktober 2001 - 13:13 #5
Du tilføjer selvfølgelig selv dine egne \"toolbar=0, location=0\" m.m.
Avatar billede fri-hash Nybegynder
10. oktober 2001 - 13:18 #6
misforstod vist noget og var også pisselangsom *G*

hvis du vil adressere noget i de forskellige popup\'s fra andre vinduer kan man vist navngive en variabel, der kender hvert vindue ved
pop1 = window.open(\'pop1.htm\',\'titel\', osv...)
Avatar billede ff Nybegynder
10. oktober 2001 - 13:43 #7
> gfx
Forstår ikke hvad man skal med
\'quickPoll\'
som kommer efter
onClick=\"win=window.open(\'pop-up\'

Kan jeg få en \"kommentar/vejledning\" :)
Avatar billede fri-hash Nybegynder
10. oktober 2001 - 14:00 #8
quickpoll svarer til nikdu\'s navn1 og nytnavn, dvs popupvinduets titel
Avatar billede ff Nybegynder
10. oktober 2001 - 14:00 #9
Jeg glemte at sige, at linket som skal åbne et nyt PopOp \'må\' lukke det forrige
Håber ikke det er for meget :)
Avatar billede ff Nybegynder
10. oktober 2001 - 14:05 #10
tak til \'fri-hash\'
Gider du paste lidt kode, som svarer til mine navne, pop1.htm og pop2.htm ?

På forhånd tak !
Avatar billede fri-hash Nybegynder
10. oktober 2001 - 14:13 #11
jeg er vist stadig ikke helt med på hvad du egentlig vil *GG* skal begge dine popupvinduer åbne fra \"hovedsiden\" eller skal hovedsiden åbne et popup som så åbner et nyt popup og lukker sig selv?
Avatar billede gfx Nybegynder
10. oktober 2001 - 14:49 #12
Er det noget ligende dette:
http://www.skolestof.dk/Eksperten/PZ.htm

</gfx>
Avatar billede ff Nybegynder
10. oktober 2001 - 15:05 #13
gfx >
Ja - det er bestemt \"noget lignende\", men vinduerne skal ha samme størrelse og skal ha samme plasering (koordinater), og man skal også kunne gå den anden vej (en tilbagenknap)

Det skal være stille og roligt :)

Avatar billede ff Nybegynder
10. oktober 2001 - 15:11 #14
gfx >
Det ville være OK hvis alle vinduerne var lidt større end det med teksten: Klik her og grin
mere..

Så du er tæt på en OK \"løsning\" :)
Avatar billede gfx Nybegynder
10. oktober 2001 - 15:28 #15
Avatar billede gfx Nybegynder
10. oktober 2001 - 15:31 #16
Hvad mener du med en: \"Tilbagenknap\"...

</gfx>


Avatar billede fri-hash Nybegynder
10. oktober 2001 - 15:48 #17
gfx>> sikkert noget lignende
<a href=# onclick=\"history.back()\">tilbage</a>
Avatar billede ff Nybegynder
10. oktober 2001 - 16:46 #18
fri-hash >
Kan man bruge \'history.back\' i denne sammen hæng. Jeg tænker jo faktisk på en billedserie, hvis du forstår mig ?

gfx >
Du er meget tæt på, jeg vil jo meget gerne ha at det første \"pop up vinude\" skal \"forsvinde\" og et nyt komme i samme position. Skal ha samme koordinater (hvis man kan sige det ?)

På forhånd tak :)



Avatar billede ff Nybegynder
10. oktober 2001 - 17:13 #19
gfx >
Foresten - det første \"pop up\" har Explorer/Netscape  menu, men det har nr. 2 og nr. 3 ikke. Hvad gør man hvis man vil være fri for Explorer/Netscape menu\'er - som dine nr. 2 og 3 ?
Avatar billede gfx Nybegynder
10. oktober 2001 - 17:51 #20
Jeg gider sku ikke lave mere for 30 point...

</gfx>
Avatar billede Slettet bruger
10. oktober 2001 - 18:11 #21
Nå, jeg vil i hvert fald gerne bidrage lidt!
Hvis du vil åbne et nyt popup-vindue med præcis samme egenskaber som det første, hvorfor linker du så ikke bare med en normal <a href=\"pop2.htm\">Pop</a> og vise-versa?
Nå, her er (vistnok) det, du beder om:

<!-- Pop1.htm -->
<html>
<head>
<script>
function pop() {
window.open(\"pop2.htm\",\"nytVindue\",\"toolbars=no,location=no,status=no,scrollbars=no,left=30,top=30\");
self.close();
}
</script>
</head>
<body>
<a href=\"java script:pop();\">Pop!</a>
</body>
</html>
<!-- Slut med pop1.htm -->

<!-- Pop2.htm -->
<html>
<head>
<script>
function pop() {
window.open(\"pop1.htm\",\"nytVindue\",\"toolbars=no,location=no,status=no,scrollbars=no,left=30,top=30\");
self.close();
}
</script>
</head>
<body>
<a href=\"java script:pop();\">Pop!</a>
</body>
</html>
<!-- Slut med pop2.htm -->

<!-- Den side, som skal åbne popup\'en til at starte med -->
<html>
<head>
<script>
function pop() {
window.open(\"pop1.htm\",\"nytVindue\",\"toolbars=no,location=no,status=no,scrollbars=no,left=30,top=30\");
}
</script>
</head>
<body>
<a href=\"java script:pop();\">Pop!</a>
</body>
</html>
<!-- Slut! -->
Avatar billede ff Nybegynder
10. oktober 2001 - 18:11 #22
gfx > Undskyld det var ikke meningen (poeng)

Det betyder meget at finde en løsning og derfor er der nu 400 poeng :)
Avatar billede Slettet bruger
10. oktober 2001 - 18:13 #23
P.S. ff>> 30 point er skam en pæn point-sum for sådan et spm, så bare sæt det ned til 30 igen!
Avatar billede Slettet bruger
10. oktober 2001 - 18:14 #24
Forresten skal du nok ændre navnet for popupvinduet i pop1.htm og og pop2.htm, altså sådan her for pop1.htm:
window.open(\"pop2.htm\",\"andetVindue\",\"toolbars=no,location=no,status=no,scrollbars=no,left=30,top=30\");
og sådan her for pop2.htm:
window.open(\"pop2.htm\",\"tredjeVindue\",\"toolbars=no,location=no,status=no,scrollbars=no,left=30,top=30\");
Avatar billede Slettet bruger
10. oktober 2001 - 18:15 #25
Ups, i pop2.htm:
window.open(\"pop1.htm\",\"tredjeVindue\",\"toolbars=no,location=no,status=no,scrollbars=no,left=30,top=30\");
Avatar billede gfx Nybegynder
10. oktober 2001 - 18:44 #26
Nu atger du lige en slapper....

Jeg vil give phoenixv, ret 30 point er fint nok, for sådan et svar. Så det er nok bedst at du sætter pointettallet ned til 30.

</gfx>

Avatar billede ff Nybegynder
10. oktober 2001 - 18:47 #27
tak til phoenixv 

Nu kan jeg se at det har betydning hvad filerne hedder, og derfor vil jeg foreslå at vi starter med det første link, som åbner det første \"vindue\"
Er det mest fornuftigt at gøre som du skriver:
>
<!-- Den side, som skal åbne popup\'en til at starte med -->
<html>
<head>
<script>
function pop() {
window.open(\"pop1.htm\",\"nytVindue\",\"toolbars=no,location=no,status=no,scrollbars=no,left=30,top=30\");
}
</script>
</head>
<body>
<a href=\"java script:pop();\">Pop!</a>
</body>
</html>
<!-- Slut! -->

Jeg vi gerne ha starten på plads først, og vil derfor spørge om dette er den  bedste løsning ?

Det næste som skal ske kan vi måske kalde en \"billed-serie\", og hvad er så mest fornuftigt at vælge til filnavne og hvordan ser den mest fornuftige kode ud, når man vil ha en \"billedserie\" hvor man kan vælge \"næste\" (eller billede nr. 2)
Og så skal man også kunne gå tilbage, og kan man da bruge history.back ? Eller skal man bruge en anden kode ?
Avatar billede ff Nybegynder
10. oktober 2001 - 22:21 #28
Til gfx 
Jeg vil da meget gerne ha dig med, og nu er der kun nogen \"småting\" som skal til for at få pudslespillet til at gå op .... eller :)

Kan jeg få en kommnetar ?

Avatar billede gfx Nybegynder
10. oktober 2001 - 23:13 #29
Jeg, vil gerne se på det imorgen, hvis det ikke er for sent....Jeg har desværre ikke tid lige nu....

</gfx>
Avatar billede fri-hash Nybegynder
11. oktober 2001 - 09:38 #30
nu har jeg lavet et eksempel med en main der indeholder klik til første popup og 3 popups ialt - sammenligner du pop2 og pop3 kan du lave så mange du vil selv ... husk s\'følig at der ikke skal være næste-link på det sidste billede i serien

----------------MAIN.HTML--------------
<HTML>
<HEAD>
  <TITLE></TITLE>
    <script language=javascript>
    function pop(url,titel)
    {   
        window.open(url,titel,\'width=600,height=400,left=100,top=100\')
    }
    </script>
</HEAD>
<BODY>
    <a href=# onclick=\"pop(\'pop1.html\',\'titel1\')\">her er klik til første billede</a>
</BODY>
</HTML>

--------POP1.HTML-------------------
<HTML>
<HEAD>
  <TITLE>pop1</TITLE>
    <script language=javascript>
        function pop(url,titel)
        {   
        window.open(url,titel,\'width=600,height=400,left=0,top=0\')
        }
    </script>
   
</HEAD>
<BODY>
    <img src=\"billede1.gif\" border=\"0\"><br>
    <a href=# onclick=\"window.open(\'pop2.html\',\'titel2\');window.close()\">næste</a>
    <a href=# onclick=\"window.close()\">luk</a>
</BODY>
</HTML>

--------------POP2.HTML----------------
<HTML>
<HEAD>
  <TITLE>pop2</TITLE>
    <script language=javascript>
        function pop(url,titel)
        {   
        window.open(url,titel,\'width=600,height=400,left=100,top=100\')
        }
    </script>
</HEAD>
<BODY>
    <img src=\"billede2.gif\" border=\"0\"><br>
    <a href=# onclick=\"window.open(\'pop1.html\',\'titel1\');window.close()\">forrige</a>
    <a href=# onclick=\"window.open(\'pop3.html\',\'titel3\');window.close()\">næste</a>
    <a href=# onclick=\"window.close()\">luk</a>
</BODY>
</HTML>

-----------POP3.HTML------------
<HTML>
<HEAD>
  <TITLE>pop3</TITLE>
    <script language=javascript>
        function pop(url,titel)
        {   
        window.open(url,titel,\'width=600,height=400,left=100,top=100\')
        }
    </script>
</HEAD>
<BODY>
    <img src=\"billede3.gif\" border=\"0\"><br>
    <a href=# onclick=\"window.open(\'pop2.html\',\'titel2\');window.close()\">forrige</a>
    <a href=# onclick=\"window.open(\'pop4.html\',\'titel4\');window.close()\">næste</a>
    <a href=# onclick=\"window.close()\">luk</a>
</BODY>   
</HTML>
Avatar billede fri-hash Nybegynder
11. oktober 2001 - 09:50 #31
ps : width og height skal nok justeres til dine billeders størrelse for et pænt resultat - dette er nemt hvis alle billederne i serien er samme størrelse og ellers kræver det lidt blot lidt tilpasning af pop-funktionen
Avatar billede ff Nybegynder
11. oktober 2001 - 10:37 #32
tak til fri-hash
Jeg er kommet i gang med at få det til at fungere, men gider du lige fortælle, hvordan man får Explrer/Netscape menuen \"fjernet\"
Ja, hvordan eller hvilken kode skal man bruge ?
Avatar billede gfx Nybegynder
11. oktober 2001 - 10:52 #33
toolbar=no,location=no,directories=no,resizable=no,scrollbars=no,menubar=no,resize=no

Jeg ytror at dette er hvad du mener
Avatar billede fri-hash Nybegynder
11. oktober 2001 - 11:00 #34
som gfx siger ... det skal stå inde i open sådan:
window.open(url,titel,\'width=600,height=400,left=100,top=100,toolbar=no,location=no,directories=no,resizable=no,scrollbars=no,menubar=no,resize=no\')
Avatar billede fri-hash Nybegynder
11. oktober 2001 - 11:08 #35
fuck, det var også noget rod jeg havde lavet der..... alle window.open(blabla) der står i en body skulle ha været pop(blabla)
Avatar billede ff Nybegynder
11. oktober 2001 - 11:38 #36
Nu ku jeg tænke mig at få plaseringen på plads, det må være noget med koordinater, elller ...  ?

Jeg kan se at der er noget som hedder: location
Har det noget med vinduets plasering at gøre (hvor på skærmen vinduet dukker op ?
Avatar billede gfx Nybegynder
11. oktober 2001 - 11:41 #37
Bruge disse:
left=100,top=100
Avatar billede fri-hash Nybegynder
11. oktober 2001 - 11:45 #38
hvis du prøver de filer jeg skrev inkl den rettelse med window.open/pop, så skulle det hele virke som det du efterspørger
Avatar billede ff Nybegynder
11. oktober 2001 - 12:16 #39
OK - fri hash, tror jeg har fat på det rigtige. Men jeg forstår ikke den rettelse du nævner:
window.open/pop
Kan du forklare ?


Og så den tilføjelse, som du siger skal stå i
window.open

Skal den gi den her kode:
<a href=# onclick=\"window.open url,titel,\'width=600,height=400,left=100,top=100,toolbar=no,location=no,directories=no,resizable=no,scrollbars=no,menubar=no,resize=no\'(\'pop2.html\',\'titel2\');window.close()\">forrige</a>

Eller kan du korrigere og paste ?
   
Avatar billede fri-hash Nybegynder
11. oktober 2001 - 12:38 #40
jeg skal lige høre om du bruger det kode jeg skrev?? eller om det skal passe til noget andet?
og ja, tilføjelsen skal stå som du skriver den, men det ser ud som noget du har klippet fra mit head-eksempel og smidt ned i body?
Avatar billede fri-hash Nybegynder
11. oktober 2001 - 12:41 #41
fang mig evt på icq nr. 99003621
Avatar billede fri-hash Nybegynder
11. oktober 2001 - 13:06 #42
er du der? eller har du fået det til at virke?
jeg har føjet rettelserne ind, men det vil være lidt lettere blot at sende dig filerne over icq end at paste det hele ind her en gang til :-)
Avatar billede ff Nybegynder
11. oktober 2001 - 16:22 #43
fri-hash
Undskyld min langsommelighed, det er desværre ikke muligt for mig at være med \"uafbrudt\" :). Men det her har alligevel stor betydning, og jeg synest det ville være udmærket, hvis du ku maile til infoinfo@sol.dk
Du har nogen spørgsmål, og på det kan jeg først svare at jeg ikke er den store \"Script-helt\". Jeg forsøger at få det til at fungere og \"kopierer\" en hel del, men det lykkes jo ikke altid. Derfor ville det være super, hvis du gad sende en mail som indeholder det hele - samme med kommentarer - som du har gjort ovenfor.
Er det muligt ??
Avatar billede fri-hash Nybegynder
11. oktober 2001 - 16:29 #44
mail sendt
Avatar billede fri-hash Nybegynder
13. oktober 2001 - 10:16 #45
wow, tak for pointsne, de dækker da hvertfald rigeligt både dette og det vi lavede over icq - og support hvis du får problemer med det hen ad vejen :-)
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