как динамически изменить размер входного тега - PullRequest
2 голосов
/ 03 января 2011

У меня есть динамическая ссылка, отображаемая внутри тега ввода.Как я могу изменить размер входного тега, чтобы получить ширину ссылки?

alt text

Спасибо

Ответы [ 2 ]

1 голос
/ 03 января 2011

Вы можете использовать onload body для определения размера ....

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Example</title>

<script type="text/javascript">
window.onload = function() {
thelink = document.getElementById('MyLink');
linksize = thelink.value.length;
if (linksize < 10) thelink.size = 10;
if (linksize > 50) thelink.size = 50;
}
</script>
</head>

<body>
<input id="MyLink" type="text" value="http://www.domain.com/this/is/a/very/long/link/example" />
</body>

</html>

jus tset ваш минимальный и максимальный размер для поддержания стиля страницы ....

1 голос
/ 03 января 2011

Возможно, вы можете создать скрытый <span> в идентичном стиле, затем прочитать его ширину (потому что он подстраивается под его содержимое) и назначить ширину <input>.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...