本文主要是介绍文本框获得焦点时气泡弹出提示框,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
最近做JAVA JSP项目,客户有个需求:当文本框获得焦点时要求以气泡形式弹出一个提示框。。。
首先下载form-field-tooltip插件(google一下,遍地都是,此处不提供下载地址了就)
引入插件:
<link rel="stylesheet" href="/form-field-tooltip/css/form-field-tooltip.css" media="screen" type="text/css">
<script type="text/javascript" src="/form-field-tooltip/js/rounded-corners.js"></script>
<script type="text/javascript" src="/form-field-tooltip/js/form-field-tooltip.js"></script>
<link rel="stylesheet" href="/form-field-tooltip/css/form-field-tooltip.css" media="screen" type="text/css">
<script type="text/javascript" src="/form-field-tooltip/js/rounded-corners.js"></script>
<script type="text/javascript" src="/form-field-tooltip/js/form-field-tooltip.js"></script>
应用:
<INPUT> 或 <TEXTAREA>的文本框,文本域都可以使用。
<input type="text" id="firstname" name="firstname" tooltipText="Type in your firstname in this box">
初始化和配置SCRIPT:
<script type="text/ javascript">
var tooltipObj = new DHTMLgoodies_formTooltip();
tooltipObj.setTooltipPosition('right');
tooltipObj.setPageBgColor('#EEE');
tooltipObj.setCloseMessage('Exit');
tooltipObj.initFormFieldTooltip();
</script>
var tooltipObj = new DHTMLgoodies_formTooltip();
tooltipObj.setTooltipPosition('right');
tooltipObj.setPageBgColor('#EEE');
tooltipObj.setCloseMessage('Exit');
tooltipObj.initFormFieldTooltip();
</script>
按照上述配置之后,当鼠标点击文本框之后即可弹出一个气泡提示框。
这篇关于文本框获得焦点时气泡弹出提示框的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!