he he he ... jeg blev bidt af det, og nu har jeg strikket en generel parameteraflæser sammen til dig, samt lavet et eksempel!
Gem disse to filer i samme bibliotek med de navne de har i skillelinierne :)
---8<-----[popupVindue.htm]-----
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Dynamisk popup vindue</title>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1">
<script language="javascript" type="text/javascript">
function getParameters(){
if (location.search){
var parameters = location.search.substr(1).replace(/\+/," ");
parameters = parameters.split("&");
for (var i=0;i<parameters.length;i++){
parameters[i] = parameters[i].split("=")
parameters[i][0] = unescape(parameters[i][0]);
if (parameters[i][1]) { parameters[i][1] = unescape(parameters[i][1]); }
}
return parameters;
}
else { return new Array(); }
}
function getElement(name,arr){
for (var i=0;i<arr.length;i++){
if (arr[i][0]==name) { return arr[i][1]; }
}
return null;
}
</script>
</head>
<body>
<script language="javascript" type="text/javascript">
var parameters = getParameters();
var imgSrc = getElement("src",parameters);
var imgWidth = getElement("width",parameters);
var imgHeight = getElement("height",parameters);
var imgBackground = getElement("bgColor",parameters);
if (imgSrc) { document.write("image kilde : "+imgSrc+"<br>"); }
if (imgWidth) { document.write("image brede : "+imgWidth+"<br>"); }
if (imgHeight) { document.write("image højde : "+imgHeight+"<br>"); }
if (imgWidth && imgHeight) { window.resizeTo(imgWidth,imgHeight); }
if (imgBackground) { document.bgColor=imgBackground; }
</script>
</body>
</html>
---8<----------
og
---8<-----[testHovedVindue.htm]-----
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test popup kalder</title>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<script language="javascript" type="text/javascript">
function openDynamicWindow(){
var source = document.forms["form1"].elements["src"].value;
var width = document.forms["form1"].elements["width"].value;
if (width=="") { width = 400; }
var height = document.forms["form1"].elements["height"].value;
if (height=="") { height = 300; }
var bgColor = document.forms["form1"].elements["bgColor"].value;
eval("window.open('popupVindue.htm?src="+source+"&width="+width+"&height="+height+"&bgColor="+bgColor+"','_blank','width="+width+",height="+height+",resizable');");
}
</script>
<form name="form1" method="GET" action="popupVindue.htm" onsubmit="openDynamicWindow(); return false;">
<h1>Dynamiske billeddata</h1>
<table border=1 cellspacing=0 cellpadding=3>
<tr>
<td>
indtast src:<br>
<input type="text" name="src" size="50"><br>
indtast brede:<br>
<input type="text" name="width" size="10"><br>
indtast højde:<br>
<input type="text" name="height" size="10"><br>
indtast baggrundsfarve (af formatet colorname eller RRGGBB):<br>
<input type="text" name="bgColor" size="10"><br>
<br>
<input type="reset" value=" slet "> | <input type="submit" value=" send "></td>
</tr>
</table>
</form><br>
<h1>Statiske billeddata</h1>
<a href="popupVindue.htm?src=billede1.jpg&width=640&height=480" onclick="window.open('popupVindue.htm?src=billede1.jpg&width=640&height=480','_blank','resizable=yes'); return false;">billede 1</a> (640x480)<br>
<a href="popupVindue.htm?src=billede2.jpg&width=100&height=100" onclick="window.open('popupVindue.htm?src=billede2.jpg&width=100&height=100&bgColor=ff0000','_blank','resizable=yes'); return false;">billede 2</a> (100x100 baggrund ff0000)<br>
<a href="popupVindue.htm?src=billede3.jpg&width=300&height=200" onclick="window.open('popupVindue.htm?src=billede3.jpg&width=300&height=200&bgColor=steelblue','_blank','resizable=yes'); return false;">billede 3</a> (300x200 baggrund steelblue)<br>
</body>
</html>
---8<----------
Ny bruger
Nybegynder
Opret
Preview
