du kunne prøve at søge lidt i kontrolgalleriet her:
http://www.asp.netdet er slet ikke usansynligt at der ligger en der.
mht. det du spurgte om i 09/03-2006 15:24:24 så skal der ikke rigtig noget til får at få det til at virke ved klik istedet... du kan lige få et eksempel her (det er bare det oprindelige fra arktiklen, med en lille ændring):
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<html xmlns="
http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function toggleDisplay(div,iframe,objpos,pos)
{
var t=0;
var l=0;
var state=false;
var cNode = document.getElementById(objpos);
while(cNode.tagName!='BODY')
{
l+=cNode.offsetLeft;
t+=cNode.offsetTop;
cNode=cNode.offsetParent;
}
var DivRef = document.getElementById(div);
var IfrRef = document.getElementById(iframe);
var ObjPos = document.getElementById(objpos);
if (DivRef.style.display=="none")
{
state=true;
}
else
{
state=false;
}
if(state)
{
DivRef.style.display = "block";
IfrRef.style.width = DivRef.offsetWidth;
IfrRef.style.height = DivRef.offsetHeight;
switch (pos)
{
case "left":
DivRef.style.top = t;
DivRef.style.left = (l-ObjPos.offsetWidth);
IfrRef.style.top = t;
IfrRef.style.left = (l-ObjPos.offsetWidth);
break;
case "right":
DivRef.style.top = t;
DivRef.style.left = (l+ObjPos.offsetWidth);
IfrRef.style.top = t;
IfrRef.style.left = (l+ObjPos.offsetWidth);
break;
case "bottom":
DivRef.style.top = (t+ObjPos.offsetHeight);
DivRef.style.left = l;
IfrRef.style.top = (t+ObjPos.offsetHeight);
IfrRef.style.left = l;
break;
case "top":
DivRef.style.top = (t-ObjPos.offsetHeight);
DivRef.style.left = l;
IfrRef.style.top = (t-ObjPos.offsetHeight);
IfrRef.style.left = l;
break;
}
IfrRef.style.zIndex = DivRef.style.zIndex - 1;
IfrRef.style.display = "block";
IfrRef.style.backgroundColor = "black";
}
else
{
DivRef.style.display = "none";
IfrRef.style.display = "none";
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>Example:</h3>
<table border="0">
<tr>
<td>
<input
style="display:block;z-index:99999;position:absolute;white-space:nowrap;"
type="image"
name="helpImage"
id="helpImage"
onclick="java script:toggleDisplay('helpImage_div','HelpShim','helpImage','bottom');return false;"
src="HLP.BMP"
border="0" />
<div
style="display:none;z-index:99999;position:absolute;white-space:nowrap;"
id="helpImage_div">
Select your font and font size.
</div>
<br />
<iframe
id="HelpShim"
src="java script:false;"
scrolling="no"
frameborder="0"
style="position:absolute; top:0px; left:0px; display:none;">
</iframe>
</td>
</tr>
<tr>
<td>
<select>
<option value="Font">Font</option>
<option value="Arial">Arial</option>
<option value="Verdana">Verdana</option>
<option value="Times New Roman">Times New Roman</option>
</select>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
den skifter selv imellem at blive vist og skjult.
beklager fraværet.
mvh
Ny bruger
Nybegynder
Opret
Preview
