js 右击单元格出现菜单,菜单显示几个选项,点击选项菜单消失
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 右击单元格出现菜单,菜单显示几个选项,点击选项菜单消失相关的知识,希望对你有一定的参考价值。
js 右击单元格出现一个菜单,菜单显示几个选项,点击选项菜单消失,把选择的内容显示到单元格上。请高手指教啊! (php中想实现这个效果!)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script language="javascript">
function Myopen(shei) //根据传递的参数确定显示的层
User.style.display='none';
User.style.display='block';
User.style.left=(event.clientX+10+document.body.scrollLeft);
User.style.top=(event.clientY-10+document.body.scrollTop);
document.getElementById("xianid").value=shei;
function ceshi(ab)
if(event.button==2)
event.returnValue=false;
Myopen(ab);
function fanhui(dede)
zhenid=document.getElementById("xianid").value;
document.getElementById(zhenid).innerHTML=dede;
User.style.display='none';
function guanbi()
User.style.display='none';
document.getElementById("xianid").value=0;
</script>
<div id="User" style="position:absolute;width:300px; height:200px;display:none;">
<input type="hidden" id="xianid" value="0">
<table border="0" cellpadding="0" cellspacing="1" bgcolor="#067bd1">
<tr>
<td bgcolor="#067bd1" height="26" onclick="fanhui('选项内容1')">
选项内容1
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" onclick="fanhui('选项内容2')">
选项内容2
</td>
</tr>
<tr>
<tr>
<td bgcolor="#FFFFFF" onclick="fanhui('选项内容3')">
选项内容3
</td>
</tr>
<tr>
<td align="right" bgcolor="#067bd1" onclick="guanbi()">关闭
</td></tr>
</table>
</div>
<body oncontextmenu="return false">
<table width="100" border="2px" height="200" cellpadding="2" cellspacing="2" oncontextmenu="return false">
<tr height="99">
<td onmousedown="ceshi('1')" oncontextmenu="return false" width="100%" height="99" id="1">
1
</td>
</tr>
<tr height="99">
<td onmousedown="ceshi('2')" oncontextmenu="return false" width="100%" height="99" id="2">
2
</td>
</tr>
</table>
</body>
</html>
这个是简单的代码,有些代码根据你的实际需要更改! 参考技术A 做个div,一开始隐藏display:none;
右击显示,display:absolut;top=鼠标top;left=鼠标left;
至于付值就简单许多了,直接单元格.innerHTML=这个div的选项的值
pyqt designer tabletree表格内容显示全
参考技术A 具体如下:打开表格,选择包含长数据的单元格或单元格区域,在“开始”选项卡的“单元格”组中单击“格式”按钮,在打开的下拉列表中选择“单元格大小”栏中的“自动调整列宽”选项。
如果想在不改变单元格列宽的前提下显示单元格的全部内容,则可以在所选单元格或单元格区域上单击鼠标右键,在弹出的快捷菜单中选择“设置单元格格式”命令,打开“设置单元格格式”对话框,单击“对齐”选项卡。
然后在“文本控制”栏中单击选中“自动换行”复选框,最后单击“确定”按钮。
以上是关于js 右击单元格出现菜单,菜单显示几个选项,点击选项菜单消失的主要内容,如果未能解决你的问题,请参考以下文章