验证后在页面上显示消息

时间:2011-11-13 13:32:01

标签: javascript html css

我的html文件中有以下条目。基本上这个条目的用途是当用户将鼠标悬停在输入字段上时在页面上显示一条消息。现在我想显示相同的消息,所以我决定在javascript中进行相同的验证。然后我无法显示消息框请帮忙。

.field:hover .hint {  
    position: absolute;
    display: block;  
    margin: -30px 0 0 455px;
    color: #000000;
    padding: 7px 10px;
    background: #FFFC17;

    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px; 
    }

<TR> 
    <TD><label for="name"><bean:message key="addEmail"/></label><div style="float:left">
  <div class="field"><html:text property="emailid" maxlength="150" size="40" style="color=#7D2252" styleClass="input"></html:text>
  <p class="hint"><bean:message key="addEmailMsg"/></p></div>
  </div>
  </TD>
    </TR>

我们可以看到div标签的输入。并提示类。请帮我 基本上我是java程序员,并没有实现太多的JavaScript和CSS。感谢

1 个答案:

答案 0 :(得分:0)

而不是css,你可以使js功能并将其放入鼠标悬停事件

function show_hint(){
var hint = document.getElementById('hint');
hint.style.display = "block";
}

并提示

<p id="hint"><bean:message key="addEmailMsg"/></p>

并制作活动

<div class="field" onmouseover="show_hint();"></div>

或者只是使用jquery隐藏“提示”

<强> HTML

<p id="hint" style="display:none;"><bean:message key="addEmailMsg"/></p>

<强> JS

 jQuery(document).ready(function($) {
        $(".field").hover(
          function () {
            $('.hint').show();

        }); });