gpt4 book ai didi

javascript - 此 DIV 未显示在 Internet Explorer 上

转载 作者:行者123 更新时间:2023-11-28 16:40:58 25 4
gpt4 key购买 nike

我需要执行一些警报消息(例如验证等),并且我正在使用 DIV 执行此操作。

这就是我进行验证的方式:

<form action="index.php" method="post" onsubmit="return validateSearchKeyword();">
<input class="text_search" id="text_search" name="text_search" type="text" value="pesquisar" onfocus="if (this.value=='pesquisar') this.value = ''" onBlur="if (this.value=='') this.value = 'pesquisar'" />
</form>

和验证函数:

function validateSearchKeyword()
{
if (document.getElementById('text_search').value==""){creatediv('divAvisoPesquisa','You must supply a value', '355px', '125px');return false;}
}

这是创建 DIV 的函数:

function creatediv(id, html, left, top) {

if (document.getElementById(id))
{
//document.getElementById(id).style.display='block';
//fadeIn(id, 300);
}
else
{
var newdiv = document.createElement('div');
newdiv.setAttribute('id', id);
newdiv.setAttribute("class", "warningDiv");
newdiv.style.position = "absolute";
newdiv.innerHTML = html;
newdiv.style.left = left;
newdiv.style.top = top;
newdiv.style.display = "none";
newdiv.onclick=function(e) {
$(this).fadeOut(300, function() { $(this).remove(); });
};
document.body.appendChild(newdiv);
$("#"+id).fadeIn(300);
}
}

fadInfadeOut 函数来自“jquery-1.3.1.min.js”

CSS...

.warningDiv{
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
font-size:11px;
font-weight:bold;
height:55px;
padding:15px 25px;
width:320px;
z-index:100000;
display: block;
}

因此,这对于除 Internet Explorer 之外的所有浏览器都适用。即使验证有效(未通过验证时不会提交表单),但不显示 DIV。我该如何解决这个问题?

谢谢

最佳答案

我想我已经明白了。如果您使用以下内容,IE 似乎不会以正确的方式应用类:

    newdiv.setAttribute("class", "warningDiv"); 

尝试使用这个:

    newdiv.className="warningDiv";

...我刚刚测试过,它在 IE 开发人员工具栏中显示了所有正确的 CSS 属性,而使用前者则没有这样做。

关于javascript - 此 DIV 未显示在 Internet Explorer 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/561573/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com