对齐工具提示对话框顶部
align tooltipdialog top
>我正在使用以下代码使用 Dojo 来具有工具提示对话框,使用此代码对话框在文本框下方可见,但我想在上面的文本框中看到。
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script language="JavaScript" src="dojo/dojoroot/dojo/dojo.js" type="text/javascript">
</script>
<script language="JavaScript" src="dojo/dojoroot/dijit/TooltipDialog.js" type="text/javascript" >
</script>
<link rel="stylesheet" href="dojo/dojoroot/dijit/themes/claro/claro.css" />
<script>
dojo.require("dijit.TooltipDialog");
dojo.ready(function(){
var myTooltipDialog = new dijit.TooltipDialog({
id: 'myTooltipDialog',
style: "width: 100px;",
content: "<p>Nitin.",
onMouseLeave: function(){
dijit.popup.close(myTooltipDialog);
}
});
dojo.connect(dojo.byId('thenode'), 'onmousedown', function(){ dijit.popup.open({popup: myTooltipDialog, around: dojo.byId('thenode')}) ;});
});
</script>
</head>
<body class="claro">
<br/>
<br/>
<input type="text" id="thenode"/>
</body>
</html>
请给我一些解决方案..
在dijit.popup.open function的参数对象中指定"orient"属性。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script src="./dojo-release-1.7.3-src/dojo/dojo.js"></script>
<link rel="stylesheet" href="./dojo-release-1.7.3-src/dijit/themes/claro/claro.css" />
<script>
require([ "dojo/ready", "dijit/TooltipDialog" ], function(ready, TooltopDialog) {
ready(function(){
var myTooltipDialog = new TooltopDialog({
id : 'myTooltipDialog',
style : "width: 100px;",
content : "<p>Nitin.</p>",
onMouseLeave : function() {
dijit.popup.close(myTooltipDialog);
}
});
dojo.connect(dojo.byId('thenode'), 'onmousedown', function() {
dijit.popup.open({
popup : myTooltipDialog,
around : dojo.byId('thenode'),
orient: ['above']
});
});
});
});
</script>
</head>
<body class="claro">
<br />
<br />
<br />
<br />
<input type="text" id="thenode" />
<br />
<br />
<br />
<br />
</body>
</html>
Dojo/dijit/popup.js:252 在 Dojo 1.7.3 版本中。
orient = args.orient || ["below", "below-alt", "above", "above-alt"],
相关文章:
- 着色引导框对话框
- 文本框不是从Javascript/Asp.net中的对话框中打印出来的
- CKeditor:更改对话框中的默认选择选项
- 搜索api在mac上显示对话框
- 使用密码对话框Javascript请求帮助
- CKEditor v4:自制插件中对话框的动态标题
- 删除确认对话框在第一次单击时不起作用
- 对齐工具提示对话框顶部
- 聚合物适合抽屉顶部的纸张对话框显示
- 打开对话框正在更改我的滚动顶部位置
- Jquery 对话框滚动到一个链接,如何将其保持在顶部
- 在Javascript确认对话框之后,网页将转到顶部.如何阻止这种情况
- Facebook JS SDK"饲料”;将窗口推到顶部并打开对话框
- 如何使下拉菜单显示在对话框顶部
- 显示对话框(通过alert或sweetalert)滚动到页面顶部
- 创建Jquery UI对话框并将顶部移到前面
- 如何显示一个javascript:弹出对话框的顶部覆盖,以阻止父页面
- 在模态对话框顶部显示元素
- jQuery对话框UI无限滚动到顶部
- 对话框顶部的j确认