Dojo学习3 给客户一个提示：dijit.Tooltip
3. 给客户一个提示：dijit.Tooltip
在大多数业务系统中，有不少表单的填写都很复杂，有些文本框的含义比较难理解。为了给使用者一个提示，html默认有一个title属性，好比<div title=’haha’>test</div>，若是设置了这个属性，浏览器会在你鼠标停留在这个元素上的时候，给出你一个提示。
后来微软为了解决<select>控件的一个bug，又提供了window.createPopup()方法，这个方法能够定制一个popup窗口。也能够很好的显示提示信息。
如今dojo为咱们提供了一个更美观，更实用，更方便的控件。Dijit.Tooltip控件的外观能够方便的定制，并且使用起来很是方便。
固然它也有它的不足之处，好比，当一个页面有两个控件想共用一个tooltip的话，就会失效。下面给出一个最简单的例子：
<html>
<head>
<title>Dojo Tooltip Widget Test</title>
<script type="text/javascript" src="testBidi.js"></script>
<script type="text/javascript" src="../js/dojo/dojo.js"
djConfig="parseOnLoad: true, isDebug: true"></script>
<script type="text/javascript">
dojo.require("dijit.Tooltip");
dojo.require("dojo.parser"); // find widgets
</script>
<style type="text/css">
@import "../js/dojo/resources/dojo.css";
@import "../js/dijit/themes/tundra/tundra.css";
@import "css/dijitTests.css";
</style>
</head>
<body class="tundra">
<form>
<input type="input" name="id1" value="#1"><br>
<input type="input" name="id2" value="#2"><br>
</form>
<span dojoType="dijit.Tooltip" connectId="id1">tooltip for id1这个怎么样</span>
<div title="haha">tesdfdfdfdfdft</div>
</body>
</html>
dijit/tooltip.js还提供了另外一个有用的工具dijit.MasterTooltip 这个工具使用起来很是方便，只要dojo.require(“dijit.Tooltip”)就能够使用了，不须要用html标签订义，是编程来显示和隐藏的。主要就两个方法：第一：show；第二hide。例子：
<html>
<head>
<title>tooltip</title>
<style type="text/css">
@import "../js/dojo/resources/dojo.css";
@import "../js/dijit/themes/tundra/tundra.css";
</style>
<script type="text/javascript"
djConfig="parseOnLoad: true, isDebug: true"
src="../js/dojo/dojo.js"></script>
<script type="text/javascript">
dojo.require("dijit.Tooltip");
function showMessage(){
dijit.MasterTooltip.show("显示提示信息", dojo.byId("select1"));
}
function hideMessage(){
dijit.MasterTooltip.hide();
}
</script>
</head>
<body class="tundra"><br>
<select id="select1"><option>测试使用</option><option>2</option></select><br><br>
<br>
<button onclick="showMessage()">show</button>
<button onclick="hideMessage()">hide</button>
</body>
</html>javascript
- 1. Dojo学习1 dojo是什么？
- 2. 送给你们一个安卓版的easyradius短信提示客户端
- 3. dojo学习（1）
- 4. 给按键加一个提示信息
- 5. 学习Dojo笔记
- 6. Dojo学习10 dijit.Menu
- 7. Dojo学习2 dojo快速安装
- 8. 给客户端同窗的一份前端学习指南
- 9. ios客户端学习－如何在storyboard中给一个viewController添加navigationController
- 10. 让WebStorm支持dojo的智能提示
- 更多相关文章...
- • XSLT - 在客户端 - XSLT 教程
- • 您已经学习了 XML Schema，下一步学习什么呢？ - XML Schema 教程
- • Kotlin学习（一）基本语法
- • Tomcat学习笔记（史上最全tomcat学习笔记）
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. Duang!超快Wi-Fi来袭
- 2. 机器学习-补充03 神经网络之**函数(Activation Function)
- 3. git上开源maven项目部署 多module maven项目（多module maven+redis+tomcat+mysql）后台部署流程学习记录
- 4. ecliple-tomcat部署maven项目方式之一
- 5. eclipse新导入的项目经常可以看到“XX cannot be resolved to a type”的报错信息
- 6. Spark RDD的依赖于DAG的工作原理
- 7. VMware安装CentOS-8教程详解
- 8. YDOOK：Java 项目 Spring 项目导入基本四大 jar 包 导入依赖，怎样在 IDEA 的项目结构中导入 jar 包 导入依赖
- 9. 简单方法使得putty（windows10上）可以免密登录树莓派
- 10. idea怎么用本地maven