如何在<;中打印动态消息;部门>;使用Javascript标记?
我有一条消息“我还有3次尝试”,在该消息中,“3”是动态的,默认情况下,我的如何在<;中打印动态消息;部门>;使用Javascript标记?,javascript,Javascript,我有一条消息“我还有3次尝试”,在该消息中,“3”是动态的,默认情况下,我的标记设置为style=“display:none”: 注意,我不需要警报框,它看起来很糟糕……像这样的东西就可以了 var triesLeft = 3; document.getElementById("MySelectBox").onchange = function() { document.getElementById("triesleft").innerText = "You have " + tries
标记设置为style=“display:none”
:
注意,我不需要警报框,它看起来很糟糕……像这样的东西就可以了
var triesLeft = 3;
document.getElementById("MySelectBox").onchange = function() {
document.getElementById("triesleft").innerText = "You have " + triesLeft +
" tries left.";
document.getElementById("triesleft").style.display = "block";
triesleft--;
}
然后只需在
triesleft
上进行一些检查,以确保它不是零或更少。如果您使用的是jquery,请查看插件。它支持阻止消息或咆哮类消息(非侵入性消息,例如出现在本网站上的消息)。谢谢@peirix你能看看我更新的问题吗?我的问题与你的IDE差不多。。我的代码中需要哪些更正…我不确定我是否理解。你的代码不起作用了吗?如果你有一个新问题,你可能想发布一个新的问题,或者只是编辑你的问题以包含不起作用的内容。我觉得很好,应该是document.getElementById('triesleft').style.display=“block”代码>谢谢@Strelok:)你看到的愚蠢错误谢谢@Vinay,不,我没有使用jquery我不想知道你想要的是非侵入性消息还是阻塞性消息。您可以相对轻松地实现非侵入性消息—您已经在示例中实现了—您只需要添加css/js来控制消息框的位置和撤销。对于阻止消息,java脚本中的工作太多了—基本步骤包括1)在屏幕顶部创建一个占据整个屏幕的半透明层2)在该层顶部显示消息,3)处理窗口的滚动和大小调整。这就是为什么在这种情况下最好使用一些库。
function triesleftfunc()
{
var size = document.getElementById('size').value.split('x');
var sizesqft = size[0]*size[1];
var trial = document.getElementbyId(tires).value;
if(sizesqft >= 50 && document.getElementById('options').value == 'Stiched Finish')
{
document.getElementById('triesleft').innerHTML = "I have "+trial+" tries left";
document.getElementById('triesleft').display = "block";
document.getElementById('options').focus();
return false;
}
}
var triesLeft = 3;
document.getElementById("MySelectBox").onchange = function() {
document.getElementById("triesleft").innerText = "You have " + triesLeft +
" tries left.";
document.getElementById("triesleft").style.display = "block";
triesleft--;
}