的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

回答

相關問題