Подсказка Javascript - данные прячутся в т.е - PullRequest
Новая
       19

Подсказка Javascript - данные прячутся в т.е

0 голосов
/ 07 ноября 2011

Кнопка 

<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 отображает только одну строку и скрывает другое предложение.Мне нужно отобразить длинный абзац в promopt в ie.

Помогите мне решить эту проблему ...

Заранее спасибо.

Ответы [ 2 ]

2 голосов
/ 07 ноября 2011

В IE нет способа увеличить длину текста в окне приглашения - он будет просто обрезан после 2 строк.

Единственная работоспособная альтернатива - создать модальное всплывающее окно с собственным вводом текста внутри.

ИМО, в любом случае это лучшее решение.

0 голосов
/ 07 ноября 2011

Приглашение IE не может быть изменено с JavaScript. Мое предложение использовать jQuery.UI. образец

Пример: 

<!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>
...