Avatar billede sparkling Nybegynder
15. august 2000 - 16:28 Der er 16 kommentarer og
1 løsning

pop up vindue

Hejsa!

Jeg har brug for et JavaScript, som når man klikker på et billede, åbner et nyt vindue. Bemærk dog at der skal åbnes et nyt vindue for hvert billede.

Det nye vindue skal ikke have statusbar, locationbar osv. Desuden skal målene være 280*510pixels.

Skriv det ind i scriptet nedenunder, tak for hjælpen.

Sparkling:)

-------------Gør scriptet færdig!------
<html>

<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<meta name=\"GENERATOR\" content=\"Microsoft FrontPage 4.0\">
<meta name=\"ProgId\" content=\"FrontPage.Editor.Document\">
<title>Eksperten</title>
</head>

<body>

<p><img border=\"0\" src=\"side1.gif\" width=\"50\" height=\"40\"></p>
<p><img border=\"0\" src=\"side2.gif\" width=\"50\" height=\"40\"></p>
<p><img border=\"0\" src=\"side3.gif\" width=\"50\" height=\"40\"></p>

</body>

</html>
-------------Gør scriptet færdig!------
Avatar billede keysersoze Guru
15. august 2000 - 16:33 #1
du bruger dette i toppen af:

    <SCRIPT LANGUAGE=\"JavaScript\">
<!--
function dispWin(url, width, height) {
        var Win = window.open(url,\"displayWindow\",\'width=\' + width +
\',height=\' + height + \',resizable=0,scrollbars=no,menubar=no\' );
}
//-->
</SCRIPT>

og skal kaldes på følgende måde:

<a href=\"java script:dispWin(\'dinfil.html\',500,500)\">blablabla</a>

P.S. blablabla er det sted hvor billedet skal være...
Avatar billede snowball Novice
15. august 2000 - 16:40 #2
Nedenstående kan bruges hvis du ikke vil lave en seperat html side til hvert billede !!!

Der hvor der står \'tekst\' skal du bare ændre det til det som skal være title på pop\'en !

<html>

<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<meta name=\"GENERATOR\" content=\"Microsoft FrontPage 4.0\">
<meta name=\"ProgId\" content=\"FrontPage.Editor.Document\">
<title>Eksperten</title>

<script LANGUAGE=\"JavaScript\">
function visBillede(filNavn,billedeNavn) {
imageWin=window.open(\"\", \"imageWin2\", \'width=640,height=480\');
imageWin.document.write(\'<HTML>\\n\'+
\'<HEAD>\\n\'+
\' <TITLE>\' + billedeNavn + \'</TITLE>\\n\'+
\'</HEAD>\\n\'+
\'<FRAMESET FRAMEBORDER=\"0\" FRAMESPACING=\"0\" BORDER=\"0\" ROWS=\"*\" COLS=\"100%\">\\n\'+
\' <FRAME SRC=\"\' + filNavn + \'\" NAME=\"ramme1\" SCROLLING=\"NO\" MARGINHEIGHT=\"0\" MARGINWIDTH=\"0\" NORESIZE>\\n\'+ \'</FRAMESET>\\n\'+
\'</HTML>\\n\' );
}
</script>

</head>

<body>

<p><img border=\"0\" src=\"side1.gif\" width=\"50\" height=\"40\"><ahref=\"java script:visBillede(\'side1.gif\',\'tekst\')\"></p>
<p><img border=\"0\" src=\"side2.gif\" width=\"50\" height=\"40\"><ahref=\"java script:visBillede(\'side2.gif\',\'tekst\')\"></p>
<p><img border=\"0\" src=\"side3.gif\" width=\"50\" height=\"40\"><ahref=\"java script:visBillede(\'side3.gif\',\'tekst\')\"></p>
</body>

</html>

Snowball
Avatar billede snowball Novice
15. august 2000 - 16:42 #3
Whoops...Du skal lige ændre

imageWin=window.open(\"\", \"imageWin2\", \'width=640,height=480\');

til

imageWin=window.open(\"\", \"imageWin2\", \'width=280,height=510\');

Snowball
Avatar billede olebole Juniormester
15. august 2000 - 18:10 #4
<ole>
1. Der er vel ingen grund til at introducere frames uden grund.
2. Hvis det skal bruges, skal der nok laves nogen lidt bedre kald  ;oD
Prøv det her:

<html>
<head>

<script language=\"JavaScript\">
<!--
function visBillede(filNavn,billedNavn) {
    imageWin = window.open(\"\", \"imageWin2\", \'width=280,height=510\');
    ndoc = imageWin.document;
    astr = \"<html><head><title>\"+billedNavn+\"</title></head><body bgcolor=white>\";
    astr += \"<center><img src=\"+filNavn+\">\";
    astr += \"<p><a href=\'java script:self.close();\'>Luk dette vindue</a></p></center>\";
    astr += \"\";
    astr += \"</body></html>\";
    ndoc.open();
    ndoc.write(astr);
    ndoc.close();
}
// -->
</script>

</head>
<body>

<p><a href=\"java script:visBillede(\'side1.gif\',\'tekst\')\"><img border=\"0\" src=\"side1.gif\" width=\"50\" height=\"40\"></a></p>
<p><a href=\"java script:visBillede(\'side2.gif\',\'tekst\')\"><img border=\"0\" src=\"side2.gif\" width=\"50\" height=\"40\"></a></p>
<p><a href=\"java script:visBillede(\'side3.gif\',\'tekst\')\"><img border=\"0\" src=\"side3.gif\" width=\"50\" height=\"40\"></a></p>
</body>

</html>

/Vh
</bole>
Avatar billede olebole Juniormester
15. august 2000 - 18:13 #5
Du kan evt. sætte \'marginheight=50 marginwidth=50 topmargin=50 leftmargin=50\' ind i din body-tag i scriptet - så får du 50 pixels luft omkring indholdet i din popUp.

Der er forresten også en \'astr += \"\";\' som der ikke blev brug for...slet den lige  ;o))
Avatar billede sparkling Nybegynder
16. august 2000 - 16:42 #6
Inget af ovenstående har jeg kunnet få til at virke.

Hvert billede skal referere til et nyt html dokument som vises i et popup vindue...

Thank U.

Avatar billede keysersoze Guru
16. august 2000 - 16:46 #7
hvis du kigger på mit:

<SCRIPT LANGUAGE=\"JavaScript\">
<!--
function dispWin(url, width, height) {
        var Win = window.open(url,\"displayWindow\",\'width=\' + width +
\',height=\' + height + \',resizable=0,scrollbars=no,menubar=no\' );
}
//-->
</SCRIPT>

Avatar billede sparkling Nybegynder
16. august 2000 - 16:48 #8
Hvad skal jeg så skrive for at få et popup vindue til hvert bestemte billede.
Avatar billede keysersoze Guru
16. august 2000 - 16:48 #9
hvis du kigger på mit:

  <SCRIPT LANGUAGE=\"JavaScript\">
<!--
function dispWin(url, width, height) {
        var Win = window.open(url,\"displayWindow\",\'width=\' + width +
\',height=\' + height + \',resizable=0,scrollbars=no,menubar=no\' );
}
//-->
</SCRIPT>

dette SKAL være i toppen af dit dokument

<a href=\"java script:dispWin(\'dinfil.html\',500,500)\">blablabla</a>

linket til en NY side

\"blablabla\" er billedet som jeg godt tror du kan sætte ind selv, og \"dinfil.html\" er navnet på det nye vindue... det burde altså ikke være så svært...

Avatar billede keysersoze Guru
16. august 2000 - 16:49 #10
kontakt evt:

ICQ: 32036024
e-mail: kim@soze.dk
Avatar billede sparkling Nybegynder
16. august 2000 - 16:50 #11
Hvad skal der som eksempel stå i stedet for blablabla?
Avatar billede olebole Juniormester
16. august 2000 - 17:05 #12
\"Hvert billede skal referere til et nyt html dokument som vises i et popup vindue...\"

Se, det ville jo have været begavet at skrive i spørgsmålet, så du kunne undgå at spilde vores tid.

/Vh
Avatar billede sparkling Nybegynder
16. august 2000 - 19:12 #13
At det kan mistforstås er kedeligt, men kan i så ikke komme frem med svaret på mit spørgsmål om hvad der skal stå istedet for blablabla.

Jeg prøver ikke at spilde nogens tid, jeg har selv siddet og prøvet i 100 år for at få lo.... til at virke.

Der er vel også plads til begyndere her på eksperten.

Avatar billede motte Nybegynder
17. august 2000 - 17:26 #14
I Dreamweaver 3 er der en standard funktion til lige netop det du leder efter...
Avatar billede olebole Juniormester
17. august 2000 - 19:43 #15
sparkling >> Selvfølgelig er der det, undskyld  ;o)

blablabla = <img src=\"ditBillede.gif\">

Skal der stå noget - og i så fald, hvad - i de HTML-dokumenter, du vil åbne...udover billedet?

/Vh
Avatar billede olebole Juniormester
17. august 2000 - 19:45 #16
PS: Grunden til, jeg spørger er, at det måske er smartere at generere dokumentet dynamisk - som mit script gør - end at have en masse dokumenter liggende, som du så skal huske også at opdatere, hvis du ændrer billederne.
Avatar billede keysersoze Guru
17. august 2000 - 23:14 #17
yep... blablabla = <img src=\"ditBillede.gif\"> - det er jo billedet du gør til et link der så åbner et nyt vindue der hedder \"dinfil.html\" der skal jo så laves en html-side for hver billede - de \",500,500\" kan du bare ændre - det er størrelsen på det vindue du vil have åbnet...
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