Egen højremenu
HejSe på http://doc.bmit.dk/test.asp
Jeg har lavet sådan at når man højreklikker på en table-row, får man en menu frem. Jeg vil gerne have at den øverføre værdien af <tr id="xxx1"> til denne menu, men jeg kan ikke lige se hvordan..
Siden følger også her:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="stylesheet" type="text/css" href="/wiz.css">
<STYLE>
.menuItem {font-family:tahoma, sans-serif;font-size:10pt;width:120;padding-left:10;
background-Color:menu;color:black}
.highlightItem {font-family:tahoma, sans-serif;font-size:10pt;width:120;padding-left:10;
background-Color:highlight;color:white}
.clickableSpan {padding:4;width:500;background-Color:blue;color:white;border:5px gray solid}
</STYLE>
<SCRIPT type="text/javascript">
function displayMenu(CB) {
var e = CB.tagName;
var x = CB.className;
whichDiv=event.srcElement;
menu1.style.leftPos+=0;
menu1.style.posLeft=event.clientX;
menu1.style.posTop=event.clientY - 0;
menu1.style.display="";
menu1.setCapture();
}
function switchMenu() {
el=event.srcElement;
if (el.className=="menuItem") {
el.className="highlightItem";
} else if (el.className=="highlightItem") {
el.className="menuItem";
}
}
function clickMenu() {
menu1.releaseCapture();
menu1.style.display="none";
el=event.srcElement;
if (el.id=="mnuHist") {
window.open('http://doc.bmit.dk/test.asp?menu=Hist&id=');
} else if (el.id=="mnuEdit") {
window.open('http://doc.bmit.dk/test.asp?menu=Edit&id=');
} else if (el.id=="mnuUpdate") {
window.open('http://doc.bmit.dk/test.asp?menu=Update&id=');
} else if (el.id=="mnuRead") {
window.open('http://doc.bmit.dk/test.asp?menu=Read&id=');
}
}
//-->
</SCRIPT>
<script language="jscript">
function check_form(name) {
var test = name.id;
var e = name.tagName;
var x = name.className;
if ((e != 'INPUT')) {
if (x=='H') {
name.className = '';
}
if (x=='') {
name.className = 'H';
}
}
}
</script>
</head>
<title>TEST</title>
<body>
<table width="80%" align="center" border="1">
<tr oncontextmenu="displayMenu(this); return false;" id="tr-nr-1" OnClick="check_form(this);" >
<td width="25%"><font color=black>test</font></td>
<td width="25%"><font color=black>test2</font></td>
<td width="25%"> </td>
<td width="25%"> </td>
</tr>
<tr oncontextmenu="displayMenu(this); return false;" id="tr-nr-2" OnClick="check_form(this);">
<td width="25%"><font color=black>test3</font></td>
<td width="25%"><font color=black>test4</font></td>
<td width="25%"> </td>
<td width="25%"> </td>
</tr>
</table>
<div id=menu1 onclick="clickMenu()" onmouseover="switchMenu()" onmouseout="switchMenu()" style="position:absolute;display:none;width:128;background-Color:menu; border: outset 2px black">
<div style="background: #C4D7E6; width: 129px; border-bottom: 1px solid black;" onMouseover="" OnMouseOut="" class="menuItem" id=nothing><b>DOKUMENTMENU</b></div>
<div style="width: 129px; border-bottom: 1px solid #cccccc" class="menuItem" id=mnuEdit><img src="/images/refresh_icon.gif"> Rediger </div>
<div style="width: 129px; border-bottom: 1px solid #cccccc" class="menuItem" id=mnuUpdate><img src="/images/refresh_icon.gif"> Opdater</div>
<div style="width: 129px; border-bottom: 1px solid #cccccc" class="menuItem" id=mnuDelete><img src="/images/refresh_icon.gif"> Slet</div>
<div style="width: 129px; border-bottom: 1px solid #cccccc" class="menuItem" id=mnuHist><img src="/images/refresh_icon.gif"> Historik</div>
<div style="width: 129px; border-bottom: 1px solid #cccccc" class="menuItem" id=mnuRead><img src="/images/refresh_icon.gif"> Læs</div>
</div>
</body></html>
