Avatar billede jeren Nybegynder
27. februar 2004 - 14:35 Der er 4 kommentarer

Hvordan lave man mange små 'pop up' vinduer, med forskellig indho

Jeg bruger Stone's WebWriter 4 HTML-editor

Jeg skriver megen tekst og har mange små fodnote-kapper (link's) som skifter farve når musen føres hen over dem. Det virker fint.
Nu vil jeg også gerne have at hver enkelt link skal åbne et lille vindue med en ny tekst i, og også med forskellige links.

Jeg kan godt finde ud af at lave et enkelt, men det virker slet ikke når jeg laver mange. Hvordan skal koden skrives?

M.v.h.
Jeren
Avatar billede tdimhcs Nybegynder
03. marts 2004 - 13:17 #1
Hej Jeren,

Det kan gøres på forskellige måder, her er mit forslag:

Følgende popup-script placeres i HEAD-sektionen:

<HEAD>
<script language="JavaScript">
<!--

        function opennew(url,winwidth,winheight)
        {
                window.open(url,"_Blank","toolbar=no,location=no,directories=no,status=no,menubar=no,resizable=no,copyhistory=no,scrollbars=no,top="+(screen.height-winheight)/2+",left="+(screen.width-winwidth)/2+",width="+winwidth+",height="+winheight)
        }
// -->
</script>
</HEAD>

Her er så de link der skal til(placeres i BODY-sektionen):
<a href="java script:opennew('fil1.html',330,340)">linktekst1</a>
<a href="java script:opennew('fil2.html',330,340)">linktekst1</a>
<a href="java script:opennew('fil3.html',330,340)">linktekst1</a>
o.s.v.

I fil1.html, fil2.html og fil3.html laver du så det indhold du vil vise, når der klikkes på de tilhørende links.

Håber det hjælper dig lidt videre.
-Kurt
Avatar billede tdimhcs Nybegynder
03. marts 2004 - 13:19 #2
Her er så de link der skal til(placeres i BODY-sektionen):
<a href="java script:opennew('fil1.html',330,340)">linktekst1</a>
<a href="java script:opennew('fil2.html',330,340)">linktekst2</a>
<a href="java script:opennew('fil3.html',330,340)">linktekst3</a>

linktekst1,linktekst2,linktekst3 Skulle der selvfølgelig have stået

-Kurt
Avatar billede jeren Nybegynder
04. marts 2004 - 01:08 #3
Mange tak

Men der er problemer.
Den første link virker ikke.

Der åbnes godt nok et vindue, men det er tomt og så er der en fejl i koden.
Men jeg kan ikke se hvad det er.

Ellers virker de andre udmærket.

Hvad har jeg gjort forkert?


<script language="JavaScript">
<!--

        function opennew(url,winwidth,winheight)
        {
                window.open(url,"_Blank","toolbar=no,location=no,directories=no,status=no,menubar=no,resizable=no,copyhistory=

no,scrollbars=no,top="+(screen.height-winheight)/2+",left="+(screen.width-winwidth)/2+",width="+winwidth+",height="+

winheight)
        }
// -->
</script>

</head>

<body>
Noget tekst<a href="java script:opennew('fil1.html',330,340)"

TARGET="_blank" onmouseover="document.note.src='../../images/fdn/fdn-stjer-on.JPG'" onmouseout="document.note.src='../../images/fdn/fdn-stjer-of.JPG'"><img src="../../images/fdn/fdn-stjer-of.JPG" width="9" height="13" border="0" name="note" alt=""></a><a href="java script:opennew('fil2.html',330,340)" onmouseover="document.note2.src='../../images/fdn/marg-on.JPG'" onmouseout="document.note2.src='../../images/fdn/marg-of.JPG'"><img src="../../images/fdn/marg-of.JPG" width="9" height="13" border="0" name="note2" alt=""></a>


Jeg vil meget gerne have at du ser efter om jeg har lavet det rigtigt.

På forhånd tak
M.v.h.

Jeren
Avatar billede jeren Nybegynder
04. marts 2004 - 09:58 #4
Hej Kurt,

Efter at have set HTML-koden med friske øjne, fandt jeg fejlen!

Hvis der i linkets kode står: TARGET="_blank" ; vil linlet jo ikke virke.
— Så det var dér jeg havde lavet fejlen.


a href="java script:opennew('fdn.html',330,340)" <b>TARGET="_blank"</b> onmouseover="document.note.src='../../images/fdn/fdn-stjer-on.JPG'" onmouseout="document.note.src='../../images/fdn/fdn-stjer-of.JPG'">

 
Jeg synes at du har fortjent 100 point  :)

M.v.h.

Jeren
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
Kurser inden for grundlæggende programmering

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