Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Создание input type=text


Автор: Guedda 24.11.2006, 10:06
Что мне необходимо сделать, чтобы текст в текстовом инпуте выделялся при переходе на него фокуса. Как на сайте Imageshack.us???

Заранее благодарен.

Автор: griker 24.11.2006, 15:16
Надеюсь я правельно понял smile 
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="JavaScript">
function highlight(){
document.form.name.focus()
document.form.name.select()
}
</script>
</head>                                                                                         
<body>
<form name="form">
<input type="text" name="name"  onClick="highlight()">
</form>
</body>
</html>

Автор: Guedda 25.11.2006, 08:45
Да. Ты меня правильно понял. Спасибо огромное smile

Автор: neocasta 19.8.2007, 10:07
Цитата

...
<script language="JavaScript">
function highlight(){
document.form.name.focus()
document.form.name.select()
}
</script>
...
<input type="text" name="name"  onClick="highlight()">
...


можно ли этот код сделать более универсальным например используя (this)
пример не рабочий))


Цитата

.....
<script language="JavaScript">
function highlight(el){
el.focus()
el.select()
}
</script>
...
<input type="text" name="name"  onClick="highlight(this)">
...


Автор: japanes 19.8.2007, 14:50
Цитата(griker @  24.11.2006,  14:16 Найти цитируемый пост)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="JavaScript">
function highlight(){
document.form.name.focus()
document.form.name.select()
}
</script>
</head>                                                                                         
<body>
<form name="form">
<input type="text" name="name"  onClick="highlight()">
</form>
</body>
</html>

вообще-то это будет работать только в ИЕ.
надо изменить кд функции
Код

function highlight(){
document.forms['form'].name.focus()
document.forms['form'].name.select()
}


Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)