Avatar billede stoltenborg Nybegynder
01. juni 2006 - 19:23 Der er 10 kommentarer og
1 løsning

window.close - Hvordan ?

Hejsa.

Jeg har en hjemmeside, hvor man kan klikke på diverse billeder, og disse åbnes så, via et javascript, i et nyt defineret vindue. Jeg vil så gerne at man kan lukke vinduet igen ved at klikke på billedet (i popup'en). Jeg ved godt man "bare" kan klikke på det røde kryds, men ville hellere få den anden måde til at virke. Jeg kan ikke rigtigt lure hvilken kode der skal hvorhen.

Det javascript jeg buger på min side er i HEAD delen, hvorefter der linkes - som javascript, til at åbne billederne i et popup vindue.....

HJÆLP :-(


Mvh. Jan
Avatar billede ttopholm Nybegynder
01. juni 2006 - 19:29 #1
Prøv dette i popupvinduet:
<a href="#" onclick="java script:window.close();"><img src="sti/til/billede"></a>
Avatar billede stoltenborg Nybegynder
01. juni 2006 - 19:57 #2
Skal det erstatte noget, eller "flettes" ind ?
Dette er hvad jeg har lige nu:

<a href="java script:ViewImage('pics/medium/IMG_0035-1.JPG',1024,768,'Før og Efter')">
<img border="0" src="pics/IMG_0035-1.JPG" width="250" height="187" hspace="25" vspace="25">
Avatar billede Slettet bruger
01. juni 2006 - 20:02 #3
Kan du noget PHP/ASP eller lign?
For så ville jeg forslå at du lave en fil der skal vise billede, i mit tilfælde er det PHP.
så ville jeg i mit javascript udskifte alt efter hvad billede det skulle være f.eks.

<a href="java script:ViewImage('vis_billede.php?billede=pics/medium/IMG_0035-1.JPG',1024,768,'Før og Efter')">
<img border="0" src="pics/IMG_0035-1.JPG" width="250" height="187" hspace="25" vspace="25">

OG så skulle billede= bare udskiftes i dit javascript.

Håber Du kan forstå mig.
Avatar billede ttopholm Nybegynder
01. juni 2006 - 20:04 #4
Det er i dit popup vindue det skal ske, det er jo koden i dit hoveddokument det der ik?

Hvis mig din header..
Avatar billede stoltenborg Nybegynder
01. juni 2006 - 20:30 #5
Her er min header:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Galleri</title>
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function ViewImage(ifile,ix,iy,ititle) {
var win;
var sWidth;
var sHeight;
var NS = (document.layers) ? 1 : 0;
win = window.open("","imageviewer","width="+ix+",height="+iy+",menubar=no,toolbar=no");
if (NS) {
sWidth = win.innerWidth;
sHeight = win.innerHeight;
} else {
sWidth = win.document.body.clientWidth;
sHeight = win.document.body.clientHeight;
}
if(sWidth!=ix || sHeight!=iy) {
win.close();
setTimeout("ViewImage('"+ifile+"',"+ix+","+iy+",'"+ititle+"')", 250);
return;
}
win.document.open();
win.document.write("<html><head><title>"+ititle+"</title>");
win.document.write("</head><body>");
win.document.write('<div style="position:absolute;width:'+ix+'px;height:'+iy+'px;left:0px;top:0px">');
win.document.write("<img src="+ifile+"></div></body></html>");
win.document.close();
}
//  End -->
</script>

<style>
TD.format
{
    COLOR: blue;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 15px;
    FONT-WEIGHT: bolder
}
TD.format A:active
{
    COLOR: red;
    TEXT-DECORATION: none
}
TD.format A:link
{
    COLOR: blue;
    TEXT-DECORATION: none
}
TD.format A:visited
{
    COLOR: blue;
    TEXT-DECORATION: none
}
TD.format A:hover
{
    COLOR: red;
    TEXT-DECORATION: none
}
</style>
<meta content="Microsoft FrontPage 6.0" name="GENERATOR">

</head>
Avatar billede ttopholm Nybegynder
01. juni 2006 - 20:34 #6
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Galleri</title>
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function ViewImage(ifile,ix,iy,ititle) {
var win;
var sWidth;
var sHeight;
var NS = (document.layers) ? 1 : 0;
win = window.open("","imageviewer","width="+ix+",height="+iy+",menubar=no,toolbar=no");
if (NS) {
sWidth = win.innerWidth;
sHeight = win.innerHeight;
} else {
sWidth = win.document.body.clientWidth;
sHeight = win.document.body.clientHeight;
}
if(sWidth!=ix || sHeight!=iy) {
win.close();
setTimeout("ViewImage('"+ifile+"',"+ix+","+iy+",'"+ititle+"')", 250);
return;
}
win.document.open();
win.document.write("<html><head><title>"+ititle+"</title>");
win.document.write("</head><body>");
win.document.write('<div style="position:absolute;width:'+ix+'px;height:'+iy+'px;left:0px;top:0px">');
win.document.write("<a href='#' onclick='java script:windows.close();'><img src="+ifile+"></a></div></body></html>");
win.document.close();
}
//  End -->
</script>

<style>
TD.format
{
    COLOR: blue;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 15px;
    FONT-WEIGHT: bolder
}
TD.format A:active
{
    COLOR: red;
    TEXT-DECORATION: none
}
TD.format A:link
{
    COLOR: blue;
    TEXT-DECORATION: none
}
TD.format A:visited
{
    COLOR: blue;
    TEXT-DECORATION: none
}
TD.format A:hover
{
    COLOR: red;
    TEXT-DECORATION: none
}
</style>
<meta content="Microsoft FrontPage 6.0" name="GENERATOR">

</head>

Prøv den
Avatar billede ttopholm Nybegynder
01. juni 2006 - 20:39 #7
Sneg sig en lille fejl ind prøv den her:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Galleri</title>
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function ViewImage(ifile,ix,iy,ititle) {
var win;
var sWidth;
var sHeight;
var NS = (document.layers) ? 1 : 0;
win = window.open("","imageviewer","width="+ix+",height="+iy+",menubar=no,toolbar=no");
if (NS) {
sWidth = win.innerWidth;
sHeight = win.innerHeight;
} else {
sWidth = win.document.body.clientWidth;
sHeight = win.document.body.clientHeight;
}
if(sWidth!=ix || sHeight!=iy) {
win.close();
setTimeout("ViewImage('"+ifile+"',"+ix+","+iy+",'"+ititle+"')", 250);
return;
}
win.document.open();
win.document.write("<html><head><title>"+ititle+"</title>");
win.document.write("</head><body>");
win.document.write('<div style="position:absolute;width:'+ix+'px;height:'+iy+'px;left:0px;top:0px">');
win.document.write("<a href='#' onclick='java script:window.close();'><img src="+ifile+"></a></div></body></html>");
win.document.close();
}
//  End -->
</script>

<style>
TD.format
{
    COLOR: blue;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 15px;
    FONT-WEIGHT: bolder
}
TD.format A:active
{
    COLOR: red;
    TEXT-DECORATION: none
}
TD.format A:link
{
    COLOR: blue;
    TEXT-DECORATION: none
}
TD.format A:visited
{
    COLOR: blue;
    TEXT-DECORATION: none
}
TD.format A:hover
{
    COLOR: red;
    TEXT-DECORATION: none
}
</style>
<meta content="Microsoft FrontPage 6.0" name="GENERATOR">

</head>
Avatar billede Slettet bruger
01. juni 2006 - 21:10 #8
Ja det var faktisk også en god løsning, at fortælle direkte hvad der skal ske i popupen, istedet for at få den til en fil.
Avatar billede stoltenborg Nybegynder
01. juni 2006 - 21:15 #9
ttopholm: MESTERLIGT !!!

It works like a charm.... NU bliver konen glad ;-)
Smid et svar og få dine points, og giv så lige min kone et "klik" til statistikken....
http://www.galleri-lonni.dk

Mojn, Jan
Avatar billede ttopholm Nybegynder
01. juni 2006 - 21:20 #10
Det var så lidt
Avatar billede colgate Nybegynder
01. juni 2006 - 21:47 #11
Men stoltenborg > du skal huske at resize dine billeder, jeg har 2mbit og det tager mig lang tid at hente billede.

Dette er meget vigtigt.
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