Меню
Что нового?

Поле текст растягиваеться по ширине блока

Кощей

if(!$needle) die("ooh");
Поле текст растягиваеться по ширине блока

Задача изменять размер поля ввода текста <input type=text> в зависимости от размера блока в котором он находиться, чтобі поле было во всю длину как может, как вот на я.ру, оно сужаеться если кран сужать. откріл там исходник но там как-то неудобно и непонятно как оно делаеться. Кто-то в курсе таких красот ?

-~{}~ 09.03.08 14:03:

В какую строну хоть копать?
 
Beavis

Beavis

Banned
смотреть события onResize у контейнера, и ресайзить поле ввода вместе с ним...
 

Кощей

if(!$needle) die("ooh");
Beavis
Ясно, а как ширину получить, вот мне ничего невозвращает если так пишу
<script type="text/javascript">
$(document).ready( function(){
var w = $("img#pict").attr("width");
alert(w);
});
</script>

-~{}~ 09.03.08 16:12:

Понял уже как получить ширину
$(window).resize( function(){
var w = $("#photo").width();
$("#wdt").html(w);
});
Но событие происходит во время окончания ресайза а как сделать чтобы происходило постоянно ?
 
phprus

phprus

Moderator
Команда форума
Кощей
style="width:100%;" у элемента <input type="text"> давно отменили?
И вообще посмотреть сразу как на ya.ru сделано ктулху помешал? При помощи Firebug'а этот стиль отлавливается за 5 секунд, и даже в исходники лезть не надо.
 
Beavis

Beavis

Banned
я когда то делал так

function resizeTextInput() {
var width = document.body.clientWidth;
msgForm.txtInput.style.width = width;
}

function onLoaded() {
resizeTextInput();
window.onresize = resizeTextInput;
}

<body onload="onLoaded();">

но это я из какого-то сайта взял...

а что width можно указывать в процентах я и забыл)))
 
Войдите или зарегистрируйтесь для ответа.
Сверху