amabileMedlem sedan dec. 20033 inlägg 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
edeMedlem sedan mars 200131 inlägg 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.
bossseMedlem sedan juni 2003772 inlägg 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>
amabileMedlem sedan dec. 20033 inlägg
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
amabileMedlem sedan dec. 20033 inlägg
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
frankofMedlem sedan jan. 20016 874 inlägg 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.
bossseMedlem sedan juni 2003772 inlägg 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.
Peter SMedlem sedan dec. 20025 483 inlägg 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.
:)
