Jag har gjort en sida med thumbnails som jag vill öppna i ett popupfönster som ska vara lika stort som bilden + en bildtext under bilden. För att slippa göra jättemånga popupfönster så har jag gjort en asp-fil som ser ut så här:
<%
Response.ExpiresAbsolute = Now()
path = "bilder/skatbilder/tornskator/"
bild = path & Request.QueryString("bild")
fotograf = Request.QueryString("fotograf")
%>
<HTML>
<TITLE>Törnskata</TITLE>
<BODY bg color="#999999">
<p><img src="<%=bild%>"></p>
<p><b>Fotograf:</b> <%=fotograf%></p>
</BODY>
</HTML>
Popup scriptet jag har använt mig utav ser ut så här:
<script type="text/javascript">
function imgPopup4(url){
MyWin = window.open("","","scrollbars=no,resizable=yes,toolbar=no,location=no,directories=no,status=no,menubar=no,width=100,height=100");
with(MyWin.document){
open();
write("<html>\n<head><scr"+"ipt>");
write("window.onresize=function(){if(document.getElementById){\ndocument.getElementById('myimg').style.width=(document.all)?document.body.clientWidth:window.innerWidth;\ndocument.getElementById('myimg').style.height=(document.all)?document.body.clientHeight:window.innerHeight;\n}}\n");
write("awidth=(document.layers)?0:8;awidth+=(document.all)?4:0;aheight=(document.layers)?0:29;\n");
write("window.onload=function(){ window.resizeTo(document.images[0].width+awidth,document.images[0].height+aheight); window.moveTo(parseInt(screen.width/2-document.images[0].width/2),parseInt(screen.height/2-document.images[0].height/2));\n");
write("if(document.all) document.all['wait'].style.visibility='hidden';\n");
write("if(document.layers) document.layers['wait'].visibility='hide';\n");
write("if(document.getElementById) document.getElementById('wait').style.visibility='hidden';\n");
write("}\n</scr"+"ipt>\n");
write("<title>Bildvisare</title>\n</head>\n<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 rightmargin=0 style=\"overflow:hidden;\">\n");
write("<div id='wait' style='position:absolute;top:0px;left:0px;width:100px;height:100px;background-color:rgb(0,0,200);color:white;font:bold 12px Arial;'><p> </p><p>Vänta...<br>Bilden laddas</p></div>\n");
write("<img id='myimg' src=\""+url+"\">\n");
write("</body>\n</html>\n");
close();
}
}
</script>
<a href="../../images/www.jojoxx.net.onscreen.gif" onClick="imgPopup4(this.href); return false;">Visa bild</a>
Hur ska jag göra för att kunna använda asp-filen tillsammans med det scriptet eller är det omöjligt att kombinera de båda?