9 svar · 299 visningar · startad av amabile
Hejsan!
Jag är novis och har brottats med ett problem nu i två dagar. Skulle bli så tacksam för lite input...
Jag vill från en html-sida skapa ett antal länkar till andra html-sidor. Dessa ska öppnas i popup-fönster.
Men jag vill ha individuella storlekar på varje fönster.
Detta är den kod jag använder i head:
<script language="JavaScript" type="text/javascript">
<!--
function popup(target)
{
window.open(target,"popup","scrollbars=0,resizable=0,width=550,height=470");
}
//-->
</script>
Detta är den kod jag lägger i <A>:
<a href=javascript:popup('minpopup.htm');>POPUP</a>
Går det att utveckla denna kod så att man kan öppna olika popup-fönster i olika storlekar?
Tack på förhand!
/Jennie
Javisst .. skicka med värden för bredd och höjd helt enkelt
function popup(target,wi,he)
{
window.open(target,"popup","scrollbars=0,resizable=0,width=" + wi + ",height=" + he);
}
<a href="javascript:popup('minpopup.htm',550,470);">POPUP</a>
värdena '550' och '470' är bredd resp. höjd.
Detta kanske kan va till lite hjälp!
<HTML>
<HEAD>
<style type="text/css">
BODY {background-color:green; color:yellow;}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
function Popup1(theURL)
{
window.open("sida1.htm" , '', 'width=300, height=250, top=50, left=400, resizable=1, scrollbars=1');
}
function Popup2(theURL)
{
window.open("sida2.htm", '', 'width=500, height=300, top=150,left=200, resizable=1, scrollbars=1');
}
function Popup3(theURL)
{
window.open("sida3.htm", '', 'width=300, height=400, top=250,left=100, resizable=0, scrollbars=1');
}
function center(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;
}
window.open(URL,"sidan","top=" + parseInt(y/2-height/2-16) + ",left=" + parseInt(x/2-width/2-5) + ",width=" + width + ",height=" + height);
}
</script>
</head>
<BODY>
<BR>
<a href=# OnClick="Popup1('sida1.htm')">Popup1</A>
<BR><BR>
<a href=# OnClick="Popup2('sida2.htm')">Popup2</A>
<BR><BR>
<a href=# OnClick="Popup3('sida3.htm')">Popup3</A>
<BR><BR>
<a href="#" onClick="center('centrerad.htm',400,400);">Centrerad popup</a>
</BODY>
</HTML>
ede skrev:
värdena '550' och '470' är bredd resp. höjd.
*le* jo 
men jag vill att flera länkar på en sida ska få popups i OLIKA storlekar Uttryckte mig kanske otydligt.
Men tack för din respons! Det är häftigt med folk som gärna hjälper
Mvh / Jennie
bossse skrev:
Detta kanske kan va till lite hjälp!
DET VAR DET! Tusen tack! Vilken lättnad, när jag kan få det som jag vill. Fingerade perfekt!
*stor kram!*
/Jennie
nu är det kanske jag som inte fattar, men "ede"s svar ger just den efekten.
flera länkar bara,
<a href="java script:popup('minpopup1.htm',550,470);">POPUP1</a>
<a href="java script:popup('minpopup2.htm',350,570);">POPUP2</a>
<a href="java script:popup('minpopup3.htm',50,70);">POPUP3</a>
Alltså, du kunde i alla fall ha kollat i scriptarkivet innan du frågade.
<html>
<head>
<title>Popup</title>
<script type="text/javascript">
function openPopup(url, name, height, width) {
window.open(url, name, "channelmode=no, directories=no, fullscreen=no,"
+ " height=" + height + ", location=no, menubar=no,"
+ " resizable=no, scrollbars=no, status=no, width=" + width);
}
</script>
<style type="text/css">
</style>
</head>
<body>
<a href="foo.html" onclick='openPopup(this.href, "foo", 150, 300); return false;'>Open foo.html</a>
</body>
</html>
Detta exempel är bättre än de övriga på denna sida.
Cheguelin skrev följande
Detta exempel är bättre än de övriga på denna sida.
Jasså, alla exempel som funkar är bra anser jag.
Man kan även göra detta med bara vanliga länkar också.
Men då får man en given storlek o position.
<html>
<head>
</head>
<body>
<a href="sidan.htm" target="_blank">Popup</a>
</body>
</html>
bossse skrev:
Cheguelin skrev följande
Detta exempel är bättre än de övriga på denna sida.Jasså, alla exempel som funkar är bra anser jag.
Man kan även göra detta med bara vanliga länkar också.
Men då får man en given storlek o position.<html> <head> </head> <body> <a href="sidan.htm" target="_blank">Popup</a> </body> </html>
Jag tror det Cheguelin menade var att det tex. stödjs av xhtml? Det du skrev var hur man öppnar ett nytt webläsarfönster, alltså helt utan referens till huvudfönstret.
Anledningen till att Cheguelin menar att hans exempel är bättre än de övriga, är att det även "fungerar" för klienter som ej har JavaScript aktiverat. I detta fall länkas popupsidan i användarens huvudfönster istället för till ett nytt.
Personligen tycker jag att popupfönster bör undvikas helt och hållet då de tenderar att vara till mer skada än nytta.
