Någon som har ett på lager?

trexter.comMedlem sedan apr. 20021 203 inlägg

Frågan8 sep. 2002 14:12#1

Jag behöver ett speciellt litet script.
Jag vill att en ruta ska "poppa upp" när man går in på huvudsidan.
Denna ruta ska kunna fyllas med allt som ett vanligt HTML-dokument kan innehålla.
Det ska inte finns några funktioner förutom att stänga rutan och ett litet namn längst upp till vänster (som i en vanlig webläsare).
Rutan måste vara en del av huvudsidan. Jag vill inte ha två dokument.

Det går alltså inte att använda iframes...
Fråga om ni undrar någonting!

MatteMedlem sedan aug. 20002 975 inlägg

8 sep. 2002 14:34#2

Något på det här hållet?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<script type="text/javascript">
<!--

function hide(Lager){
	if(document.all){document.all[Lager].style.visibility="hidden";}
	if(document.getElementById){document.getElementById(Lager).style.visibility="hidden";}
	if(document.layers){document.layers[Lager].visibility="hide";}
} 
function show(Lager){
	if(document.all){document.all[Lager].style.visibility="visible";}
	if(document.getElementById){document.getElementById(Lager).style.visibility="visible";}
	if(document.layers){document.layers[Lager].visibility="show";}
} 

// -->
</script>
<style type="text/css">
<!-- 
body,div {
	font-family: verdana, sans-serif;
	font-size: 12px;
}
#lager1 {
	position: absolute;
	left: 100px;
	top: 100px;
	width: 150px;
	height: 200px;
	border: 2px solid gray;
	background-color: white;
	color: black;
} 
.namn {
	background-color: blue;
	color: white;
	font-weight: bold;
	text-indent:5px;
}
.inre {
	margin:10px;
}
-->
</style>
</head>
<body onload="show('lager1')">

Diverse innehåll på sidan
<br><br><br><br><br><br><br><br>
Mera innehåll på sidan

<div id="lager1">
<div class="namn">Namn</div>
<div class="inre">
<a href="#" onclick="hide('lager1')">Stäng</a>
</div></div>
 
</body>
</html>