Frågan 24 apr. 2002 09:37 #1 jag har popup-föster på denna sida http://www.pump.to
logga in med följande uppg
email: dunder_dude@hotmail.com
under [Bildtoppen] har jag det popup-fönstret... men ibland har bilderna olika storlekar och då undrar jag om man kan ändra så att man kan få att fönstret anpassar sig efter bilden... hur gör man det?
Tack på förhand
S solbulle Medlem sedan mars 2001 5 287 inlägg Typ detta använder jag mig av:
<html>
<head>
<title>.:: Veckans snyggingar ::.</title>
</head>
<body onLoad="storlek()" onresize="storlek()" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" rightmargin="0" style="margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px">
<script language="JavaScript" type="text/javascript">
<!--
function storlek(){
resizeTo(document.images['foo'].width,document.images['foo'].height)
}
//-->
</script>
<A HREF='javascript:close()'><img name="foo" src="<%=Request.QueryString("bild")%>" alt="<%=Request.QueryString("beskrivning")%>" border="0"> </A>
</body>
</html>
jag provade med detta men jag får Object expected
<script type="text/javascript">
function imgWinPopup(url,width,height){
if (parseInt(navigator.appVersion) >= 3){
if (navigator.appName == "Netscape" && parseInt(navigator.appVersion)<5){
var tools = new Packages.java.awt.Toolkit.getDefaultToolkit();
screen=tools.getScreenSize();
}
x = screen.width;
y = screen.height;
}
imgWin = window.open("","","top=" + parseInt(y/2-height/2-16) + ",left=" + parseInt(x/2-width/2-5) + ",width=" + width + ",height=" + height +",toolbar=no,location=no,directories=no,status=no,menubar=no");
with(imgWin.document){
open();
resizeTo(document.images['foo'].width,document.images['foo'].height)
write("<html>\n<head>\<title>.:: Veckans snyggingar ::.</title>\n</head>\n<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 rightmargin=0>\n");
// write("<img src=\"" + url + "\" width=\"" + width + "\" height=\"" + height + "\">\n");
write("<img name="foo" src=\"" + url + "\">\n");
write("</body>\n</html>\n");
close();
}
}
</script>
går det inte att göra så?
Jag gjorde så här
<html>
<head>
<title>Titel</title>
</head>
<body onLoad="storlek()" onresize="storlek()" marginwidth="0"
marginheight="0" leftmargin="0" topmargin="0" rightmargin="0"
style="margin-left: 0px; margin-right: 0px; margin-top: 0px;
margin-bottom: 0px">
<script language="JavaScript" type="text/javascript">
<!--
function storlek(){
resizeTo(document.images['bild'].width,document.images['bild'].height)
}
//-->
</script>
<img name="bild" src="<%=Request.QueryString("bild")%>" border="0">
</body>
</html>
Men det är fortfarande för litet fönster.. Nån som kan hjälpa mig
Jag vill även att om man trycker på en ny bild så skall den öppnas i samma fönster (det gör den nu) men fönstret tappar fokus.. Kan man inte göra så att fönstret får fokus när sidan laddas?
Jesper T Medlem sedan nov. 2001 7 144 inlägg Detta har jag på sidan som skall öppna fönstret:
preview = recset("imageURL")' det kan ju även stå tex bild.gif
ImageURL = "<a href=preview.asp?pic="& preview &" onClick=""window.open('','fonster','width=200,height=200');"" target='fonster'><img src='../bilder/" & preview & "' width=80 height=80 border=0 alt='Klicka på bilden för att förstora'></a>"
Och sidan som kommer upp i popuppen heter "preview.asp"
<%pic = request.querystring("pic")%>
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var isNav4, isIE4;
if (parseInt(navigator.appVersion.charAt(0)) >= 4) {
isNav4 = (navigator.appName == "Netscape") ? 1 : 0;
isIE4 = (navigator.appName.indexOf("Microsoft") != -1) ? 1 : 0;
}
function fitWindowSize() {
if (isNav4) {
window.innerWidth = document.layers[0].document.images[0].width;
window.innerHeight = document.layers[0].document.images[0].height;
}
if (isIE4) {
window.resizeTo(500, 500);
width = 500 - (document.body.clientWidth - document.images[0].width);
height = 500 - (document.body.clientHeight - document.images[0].height);
window.resizeTo(width, height);
}
}
// End -->
</script>
<title>Bildförstorare</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onBlur="window.close()" onLoad="fitWindowSize()">
<div style="position:absolute; left:0px; top:0px">
<%Response.write "<img name='pic' alt='"&pic&"' src='/bilder/"& pic &"'>" %>
</div>
</body>
</html>
LYCKA TILL
MVH Jesper T
Tackar det fungerar utmärkt..
