Hjälp mig att ändra i mitt script! Jag vill centrera mitt popupfönster..

2 svar · 363 visningar · startad av richi_f 30 maj 2004

richi_fMedlem sedan apr. 2004206 inlägg

Frågan30 maj 2004 21:40#1

Hej!

Jag skulle bli jätteglad om någon vänlig själ skulle vilja ändra detta script så att popupsen öppnas centrerade, vilket de inte gör nu!

Man kanske skulle kunna kombinera den med jojoxx's
http://www.jojoxx.net/jscript/archive/show.asp?id=15

Tack på förhand!

Mvh,
Richard

Javascriptet:

<script language="JavaScript" type="text/javascript">
<!-- Begin //
function Bilden(filename,winTitle) 
{
    var myImage = new Image();
    myImage.src=filename;
    properties='height=10,width=10';
    var imgWindow = window.open('','',properties);
    
    html = '<html>';
    html += '<head>';
    html += '<title>'+winTitle+'</title>';
    html += '</head>';
    html += '<body topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">';
    html += '<img src="'+myImage.src+'" onLoad="resizeTo(document.bild.width+10,document.bild.height+29);" name="bild" OnClick="self.close();">';
    html += '</body>';
    html += '</html>';
    
    imgWindow.document.write(html);
}
//  End -->
</script>

Länken ser ut så här:

<a href="javascript:Bilden('pics/<%=RecSet("bild")%>','<%=RecSet("namn")%>');"><img src="pics/<%=RecSet("Bild")%>" width="115" height="80" border="1"></a>

Jesper TMedlem sedan nov. 20017 144 inlägg

30 maj 2004 22:05#2

Ta en titt på: https://www.webdesignskolan.com eller https://www.javascript.nu

BroskanMedlem sedan mars 2000126 inlägg

31 maj 2004 07:43#3

Centrera popup

Det här har Jojoxx och peter redan svarat på tidigare.
Nåt sånt här kom dom fram till. Du kan ju klämma in din ASP-kod där bilden skall vara.

<html>

<head>
<title></title>

<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
   får användas fritt så länge som dessa rader står kvar. */

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("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>

</head>
<body>
<a href="bild.jpg" width="115" height="80" border="0" onClick="imgPopup4(this.href); return false;"><img src="bild.jpg" width="115" height="80" border="0"></a> 

</body>
</html>

OBS!
Tänk på att koden bryts av på 2 ställen av forumet här som du kanske ser.

Finns här för den som söker.
http://www.webforum.nu/showthread.php?s=&forumid=24&threadid=94894

//Broskan