的Javascript提示 - 数据隐藏在IE

按钮的Javascript提示 - 数据隐藏在IE

<input type="button" id="button" value="Prompt">

的Javascript

<script> 
$("#button").click(function(){ 
var check = prompt("this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample" , ""); 
alert(check); 
}); 
</script>

同时给予在提示的话。 Internet Explorer只显示一行并隐藏另一个语句。我需要在ie中的promopt中显示一个冗长的段落。

帮我解决这个问题...

在此先感谢。

来源

2011-11-07 Mohan Ram

http://jsfiddle.net/G3MsT/2/显示2条线在我的..但是，也许你应该考虑一个模式对话框，如果你想显示一个漫长的messeage ？我不认为你可以控制警报框，因为它是由浏览器生成的。 –

在IE8中可以正常工作 – njr101

@Marco您的小提琴使用警告框，OP请求提示。在IE中，警告和确认框允许比提示框多得多的文本。 –

IE中没有办法在提示框中延长文本的长度 - 它将在2行后简单截断。

唯一可行的选择是创建一个模态弹出窗口，并在其中输入自己的文本。

IMO，这是一个更好的解决方案。

来源

2011-11-07 10:35:37

IE的提示无法从javascript更改。我的建议使用jQuery.UI。 sample

样品：

<!doctype html> 
<html lang="en"> 
<head> 
    <title>jQuery UI Dialog Sample</title> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/start/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script> 
</head> 
<body> 
<div id="dialog" style="display:none"> 
this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample this is a sample<br /> 
<input type="text" id="Check" name="check" value="" /> 
</div> 
<input type="button" id="button" value="Prompt" /> 
<script type="text/javascript"> 
$("#button").click(function(){ 
    var check =""; 
    $("#dialog").dialog({ 
     /* title: "test", */ 
     modal: true, 
     width: 640, 
     buttons: { 
      "Ok": function() { 
       check = $('#Check:input').val(); 
       $(this).dialog("close"); 
       alert(check); 
      }, 
      "Cancel": function() { 
       $('#Check:input').val(""); 
       $(this).dialog("close"); 
      } 
     } 
    }); 
}); 
</script> 
</body> 
</html>

来源

2011-11-07 11:47:44 BLUEPIXY

的Javascript提示 - 数据隐藏在IE

回答

相关问题