Avatar billede webbe Nybegynder
18. februar 2004 - 11:43 Der er 18 kommentarer og
1 løsning

Reload side resizer vinduet

Hejsa

Endnu et resize spørgsmål....

Jeg har et link der åbner et popup-vindue der viser et billede.

I dette vindue har har 3 knapper - tilbage, luk og frem.

Kan jeg når jeg klikker på enten frem/tilbage lave et script der registrerer billedets størrelse og resizer popupvinduet til den nye størrelse?

Det skal jo nok ske på <body onload>, men er ikke sikker.
Avatar billede mm12010 Nybegynder
18. februar 2004 - 11:45 #1
Avatar billede webbe Nybegynder
18. februar 2004 - 12:03 #2
det virker som udgangspunkt fint - men kan jeg ikke definere at det nye vindue altid skal være 20 pixels højere end billedet?

Koden er:

function popWin(file){
      newWin=window.open("","vindue","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle>Medieskolerne i Viborg<\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+32);}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
Avatar billede webbe Nybegynder
18. februar 2004 - 12:24 #3
fandt selv ud af det med højden, men mine knapper forsvinder....hvorfor gør de det?

Hele filen ser sådan ud:

<!-- #include file="include/db.inc" -->
<html>
<head>
<title></title>
<link rel="stylesheet" href="include/stylesheet.css" type="text/css">
<script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","vindue","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle><\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+52);}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
<%
nr = request.QueryString("pnum")

sql = "SELECT GID,Fotograf,Beskrivelse,Pic"&nr&",Pic"&nr+1&" FROM Galleri WHERE GID="&request.QueryString("bid")
set rs = Conn.Execute(sql)
%>
</head>

<body bgcolor="#8E95A5" marginheight="0" marginwidth="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
    <tr>
        <td align="center">
            <img src="images/galleri/<%=rs("Pic"&nr)%>">
            <div align="right"><font size="1"><a href="" onClick="history.go(-1);return false"><img src="images/popup_back.jpg" border="0"></a>&nbsp;<a href="" onClick="window.close();return false"><img src="images/popup_close.jpg" border="0"></a>&nbsp;<%if rs("Pic"&nr+1) <> "" Then%><a href="vispic.asp?bid=<%=rs("GID")%>&pnum=<%=nr + 1%>" onclick="popWin('images/galleri/<%=rs("Pic"&nr+1)%>')"><img src="images/popup_forw.jpg" border="0"></a><%else%><a href="vispic.asp?bid=<%=rs("GID")%>&pnum=1" onclick="popWin('images/galleri/<%=rs("Pic1")%>')"><img src="images/popup_forw.jpg" border="0"></a><%end if%>&nbsp;&nbsp;</font></div>
        </td>
    </tr>
</table>

</body>
</html>
Avatar billede roenving Novice
18. februar 2004 - 12:34 #4
Dine knapper skal også skrives ind i kaldet af popup'en !-)

-- så hvis du prøver at lægge (html- !-) koden til vispic.asp, kan vi da prøve at sætte det ind i javascript-funktionen ...
Avatar billede webbe Nybegynder
18. februar 2004 - 12:38 #5
<body bgcolor="#8E95A5" marginheight="0" marginwidth="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
    <tr>
        <td align="center">
            <img src="images/galleri/<%=rs("Pic"&nr)%>">
            <div align="right"><font size="1"><a href="" onClick="history.go(-1);return false"><img src="images/popup_back.jpg" border="0"></a>&nbsp;<a href="" onClick="window.close();return false"><img src="images/popup_close.jpg" border="0"></a>&nbsp;<%if rs("Pic"&nr+1) <> "" Then%><a href="vispic.asp?bid=<%=rs("GID")%>&pnum=<%=nr + 1%>" onclick="popWin('images/galleri/<%=rs("Pic"&nr+1)%>')"><img src="images/popup_forw.jpg" border="0"></a><%else%><a href="vispic.asp?bid=<%=rs("GID")%>&pnum=1" onclick="popWin('images/galleri/<%=rs("Pic1")%>')"><img src="images/popup_forw.jpg" border="0"></a><%end if%>&nbsp;&nbsp;</font></div>
        </td>
    </tr>
</table>

</body>

Dette er jo min html-kode!?
Eller forstår jeg ikke helt hvad du mener?

Ville være skønt hvis du kan hjælpe med det - du skal nok få flere point for det.
Avatar billede mm12010 Nybegynder
18. februar 2004 - 12:54 #6
lidt hurtigt og rodet, men prøv:

<script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","vindue","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle><\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+70);}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><di'+'v align="center"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();">';
      txt+='<d'+'iv align="right"><fo'+'nt size="1"><'+'a href="" onClick="history.go(-1);return false"><img src="images/popup_back.jpg" border="0"></a>&nbsp;<a href="" onClick="window.close();return false"><img src="images/popup_close.jpg" border="0"></a'+'>&nbsp;<%if rs("Pic"&nr+1) <> "" Then%><'+'a href="vispic.asp?bid=<%=rs("GID")%>&pnum=<%=nr + 1%>" onclick="popWin(\47images/galleri/<%=rs("Pic"&nr+1)%>\47)"><i'+'mg src="images/popup_forw.jpg" border="0"></a'+'><%else%><'+'a href="vispic.asp?bid=<%=rs("GID")%>&pnum=1" onclick="popWin(\47images/galleri/<%=rs("Pic1")%>\47)"><i'+'mg src="images/popup_forw.jpg" border="0"></a'+'><%end if%>&nbsp;&nbsp;</fo'+'nt></'+'div></d'+'iv><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
Avatar billede roenving Novice
18. februar 2004 - 12:54 #7
Det er dine knapper, jeg har brug for, så vi kan indbygge dem i popup'en ...

-- men jeg kan godt se, at der nogle knapper i din kode, men da popWin-funktionen åbner et nyt vindue, skal vi finde en måde så de knapper kommer inde i popup'en, og der kan vi jo ikke bruge din asp-kode på samme måde ...
Avatar billede roenving Novice
18. februar 2004 - 12:56 #8
-- ser ud til at mm godt kunne gennemskue den !-)
Avatar billede webbe Nybegynder
18. februar 2004 - 13:19 #9
Hmmm - første gang jeg klikker på frem-knappen virker det fint, men næste gang så siger den:

"Et objekt var ventet"
Avatar billede mm12010 Nybegynder
18. februar 2004 - 13:22 #10
txt+='<d'+'iv align="right"><fo'+'nt size="1"><'+'a href="" onClick="history.go(-1);return false"><img src="images/popup_back.jpg" border="0"></a>&nbsp;<a href="" onClick="window.close();return false"><img src="images/popup_close.jpg" border="0"></a'+'>&nbsp;<%if rs("Pic"&nr+1) <> "" Then%><'+'a href="vispic.asp?bid=<%=rs("GID")%>&pnum=<%=nr + 1%>" onclick="opener.popWin(\47images/galleri/<%=rs("Pic"&nr+1)%>\47)"><i'+'mg src="images/popup_forw.jpg" border="0"></a'+'><%else%><'+'a href="vispic.asp?bid=<%=rs("GID")%>&pnum=1" onclick="opener.popWin(\47images/galleri/<%=rs("Pic1")%>\47)"><i'+'mg src="images/popup_forw.jpg" border="0"></a'+'><%end if%>&nbsp;&nbsp;</fo'+'nt></'+'div></d'+'iv><\57bo'+'dy><\57ht'+'ml>';
Avatar billede webbe Nybegynder
18. februar 2004 - 13:23 #11
Min kode er nu (hele filen):

<!-- #include file="include/db.inc" -->
<%
nr = request.QueryString("pnum")

sql = "SELECT GID,Fotograf,Beskrivelse,Pic"&nr&",Pic"&nr+1&" FROM Galleri WHERE GID="&request.QueryString("bid")
set rs = Conn.Execute(sql)
%>
<html>
<head>
<title>.::Medieskolerne i Viborg</title>
<link rel="stylesheet" href="include/medieskolerne.css" type="text/css">
<script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","vindue","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle><\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+70);}<\37scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><di'+'v align="center"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();">';
      txt+='<d'+'iv align="right"><fo'+'nt size="1"><'+'a href="" onClick="history.go(-1);return false"><img src="images/popup_back.jpg" border="0"></a>&nbsp;<a href="" onClick="window.close();return false"><img src="images/popup_close.jpg" border="0"></a'+'>&nbsp;<%if rs("Pic"&nr+1) <> "" Then%><'+'a href="vispic.asp?bid=<%=rs("GID")%>&pnum=<%=nr + 1%>" onclick="popWin(\47images/galleri/<%=rs("Pic"&nr+1)%>\47)"><i'+'mg src="images/popup_forw.jpg" border="0"></a'+'><%else%><'+'a href="vispic.asp?bid=<%=rs("GID")%>&pnum=1" onclick="popWin(\47images/galleri/<%=rs("Pic1")%>\47)"><i'+'mg src="images/popup_forw.jpg" border="0"></a'+'><%end if%>&nbsp;&nbsp;</fo'+'nt></'+'div></d'+'iv><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
</head>

<body bgcolor="#8E95A5" marginheight="0" marginwidth="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
    <tr>
        <td align="center">
            <img src="images/galleri/<%=rs("Pic"&nr)%>">
            <div align="right"><font size="1"><a href="" onClick="history.go(-1);return false"><img src="images/popup_back.jpg" border="0"></a>&nbsp;<a href="" onClick="window.close();return false"><img src="images/popup_close.jpg" border="0"></a>&nbsp;<%if rs("Pic"&nr+1) <> "" Then%><a href="vispic.asp?bid=<%=rs("GID")%>&pnum=<%=nr + 1%>" onclick="popWin('images/galleri/<%=rs("Pic"&nr+1)%>')"><img src="images/popup_forw.jpg" border="0"></a><%else%><a href="vispic.asp?bid=<%=rs("GID")%>&pnum=1" onclick="popWin('images/galleri/<%=rs("Pic1")%>')"><img src="images/popup_forw.jpg" border="0"></a><%end if%>&nbsp;&nbsp;</font></div>
        </td>
    </tr>
</table>

</body>
</html>
Avatar billede mm12010 Nybegynder
18. februar 2004 - 13:23 #12
sorry - det er jo fordi functionen ligger i det første vindue og derfor skal kaldes derfra :o)
Avatar billede webbe Nybegynder
18. februar 2004 - 13:28 #13
det forstod jeg ikke - kan du ikke prøve at rette hele koden til så det burde virke?
Avatar billede webbe Nybegynder
18. februar 2004 - 13:41 #14
får nu fejlen:

objektet understøtter ikke denne egenskab eller metode - stadig efter at være kommet til billede nr. 2
Avatar billede mm12010 Nybegynder
18. februar 2004 - 13:49 #15
<!-- #include file="include/db.inc" -->
<%
nr = request.QueryString("pnum")

sql = "SELECT GID,Fotograf,Beskrivelse,Pic"&nr&",Pic"&nr+1&" FROM Galleri WHERE GID="&request.QueryString("bid")
set rs = Conn.Execute(sql)
%>
<html>
<head>
<title>.::Medieskolerne i Viborg</title>
<link rel="stylesheet" href="include/medieskolerne.css" type="text/css">
<script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","vindue","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle><\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+70);}<\37scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><di'+'v align="center"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();">';
      txt+='<d'+'iv align="right"><fo'+'nt size="1"><'+'a href="" onClick="history.go(-1);return false"><img src="images/popup_back.jpg" border="0"></a>&nbsp;<a href="" onClick="window.close();return false"><img src="images/popup_close.jpg" border="0"></a'+'>&nbsp;<%if rs("Pic"&nr+1) <> "" Then%><'+'a href="vispic.asp?bid=<%=rs("GID")%>&pnum=<%=nr + 1%>" onclick="opener.popWin(\47images/galleri/<%=rs("Pic"&nr+1)%>\47)"><i'+'mg src="images/popup_forw.jpg" border="0"></a'+'><%else%><'+'a href="vispic.asp?bid=<%=rs("GID")%>&pnum=1" onclick="opener.popWin(\47images/galleri/<%=rs("Pic1")%>\47)"><i'+'mg src="images/popup_forw.jpg" border="0"></a'+'><%end if%>&nbsp;&nbsp;</fo'+'nt></'+'div></d'+'iv><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
</head>

<body bgcolor="#8E95A5" marginheight="0" marginwidth="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
    <tr>
        <td align="center">
            <img src="images/galleri/<%=rs("Pic"&nr)%>">
            <div align="right"><font size="1"><a href="" onClick="history.go(-1);return false"><img src="images/popup_back.jpg" border="0"></a>&nbsp;<a href="" onClick="window.close();return false"><img src="images/popup_close.jpg" border="0"></a>&nbsp;<%if rs("Pic"&nr+1) <> "" Then%><a href="vispic.asp?bid=<%=rs("GID")%>&pnum=<%=nr + 1%>" onclick="popWin('images/galleri/<%=rs("Pic"&nr+1)%>')"><img src="images/popup_forw.jpg" border="0"></a><%else%><a href="vispic.asp?bid=<%=rs("GID")%>&pnum=1" onclick="popWin('images/galleri/<%=rs("Pic1")%>')"><img src="images/popup_forw.jpg" border="0"></a><%end if%>&nbsp;&nbsp;</font></div>
        </td>
    </tr>
</table>

</body>
</html>
Avatar billede webbe Nybegynder
18. februar 2004 - 13:56 #16
hmmm - nu viser den kun det første billede...du får lige et link ind til det:

http://www.eyesee.dk/medie/www/galleri_vis.asp?id=1

prøv så at vælge et af billederne og se hvad der sker.
Avatar billede webbe Nybegynder
18. februar 2004 - 14:41 #17
dropper det sq - er blevet for langhåret...laver en mere simpel løsning.

men du skal da have point for at hjælpe mig så langt, mm
Avatar billede webbe Nybegynder
18. februar 2004 - 14:52 #18
måske du istedet kan hjælpe med:

http://www.eksperten.dk/spm/466838
Avatar billede mm12010 Nybegynder
18. februar 2004 - 15:41 #19
undskyld ventetiden - der kom lige noget i vejen

prøv evt sådan:

txt+='<d'+'iv align="right"><fo'+'nt size="1"><'+'a href="" onClick="history.go(-1);return false"><img src="images/popup_back.jpg" border="0"></a>&nbsp;<a href="" onClick="window.close();return false"><img src="images/popup_close.jpg" border="0"></a'+'>&nbsp;<%if rs("Pic"&nr+1) <> "" Then%><'+'a href="vispic.asp?bid=<%=rs("GID")%>&pnum=<%=nr + 1%>" onclick="document.images[0].src=\47images/galleri/<%=rs("Pic"&nr+1)%>\47"><i'+'mg src="images/popup_forw.jpg" border="0"></a'+'><%else%><'+'a href="vispic.asp?bid=<%=rs("GID")%>&pnum=1" onclick="document.images[0].src=\47images/galleri/<%=rs("Pic1")%>\47"><i'+'mg src="images/popup_forw.jpg" border="0"></a'+'><%end if%>&nbsp;&nbsp;</fo'+'nt></'+'div></d'+'iv><\57bo'+'dy><\57ht'+'ml>';
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