Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как изменить JS очистки полей формы?
 
 автор: sega_z   (07.05.2012 в 12:59)   письмо автору
 
 

Есть JS по очистке полей формы от комментариев:


<input type="text" size="20" id='user' value="Имя пользователя" onclick="clr(this.id)">
<input type="password" id='pass' value="Пароль" onclick="clr(this.id)">

<script language="JavaScript">
function clr(id) {document.getElementById(id).value=''}
</script>



Скрипт работает нормально, но комментарии больше не возвращаются в поле, после потери фокуса.

Помогите пожалуйста, модернизировать JS скрипт так, чтобы если пользователь кликнул в поле и не ничего не написал, то комментарии вновь отображались в поле после потери фокуса.

  Ответить  
 
 автор: confirm   (08.05.2012 в 09:21)   письмо автору
 
   для: sega_z   (07.05.2012 в 12:59)
 

Сделать то можно, но вот объясните какой смысл это делать для type="password"? Вы что в этом поле так и видите - "Пароль"?

  Ответить  
 
 автор: Deed   (10.05.2012 в 21:21)   письмо автору
 
   для: sega_z   (07.05.2012 в 12:59)
 

JavaScript:

<script>

function doClear(theText) { if (theText.value == theText.defaultValue) { theText.value = "" } }
function doDefault(theText) { if (theText.value == "") { theText.value = theText.defaultValue } }

</script>
/code]

HTML:

[code]
<input type='text'  maxlength='20' size='16' name='nick' value='Login :)' onfocus='doClear(this)' onblur='doDefault(this)' /><br>
 <input type='password' maxlength='20' size='16' name='passw' value='password' onfocus='doClear(this)' onblur='doDefault(this)' />


То есть, значение value в обоих инпутах пишите свое, оно и будет вашим "комментарием" в каждом поле.

  Ответить  
 
 автор: confirm   (10.05.2012 в 21:30)   письмо автору
 
   для: Deed   (10.05.2012 в 21:21)
 

Даже так, и каков же комментарий будет в поле пароля?

  Ответить  
 
 автор: Deed   (10.05.2012 в 22:00)   письмо автору
383 байт
 
   для: confirm   (10.05.2012 в 21:30)
 

Можно же проверить, а?
<html>
<head>
<script>

function doClear(theText) { if (theText.value == theText.defaultValue) { theText.value = "" } }
function doDefault(theText) { if (theText.value == "") { theText.value = theText.defaultValue } }

</script>
</head>
<body>
<input type='text' maxlength='20' size='16' name='nick' value='Login :)' onfocus='doClear(this)' onblur='doDefault(this)' /><br>
<input type='password' maxlength='20' size='16' name='passw' value='password' onfocus='doClear(this)' onblur='doDefault(this)' />

</body>
</html>

  Ответить  
 
 автор: Deed   (10.05.2012 в 22:03)   письмо автору
 
   для: confirm   (10.05.2012 в 21:30)
 

Человеку нужно, чтобы в поле было написано "Пароль" (или что там еще), а при клике на этом поле оно очищалось для ввода реального пароля. А если ничего написано не было, то при уходе фокуса, "Пароль" отображалось бы снова.

  Ответить  
 
 автор: confirm   (10.05.2012 в 22:06)   письмо автору
 
   для: Deed   (10.05.2012 в 22:03)
 

В поле типа pass... отображаются точки, о какой информации может идти речь?

  Ответить  
 
 автор: Deed   (10.05.2012 в 22:18)   письмо автору
 
   для: confirm   (10.05.2012 в 22:06)
 

А... Ну, да. Значит, я неправильно понял человека.
Тогда, думаю, ему нужно смастерить скрипт, который при фокусе будет делать инпут - текст инпут - пассвордом.

  Ответить  
 
 автор: confirm   (10.05.2012 в 22:34)   письмо автору
 
   для: Deed   (10.05.2012 в 22:18)
 

Вот это другой разговор. Только свойство type только для чтения и изменить вы его не можете. Следовательно, если хочется информировать в поле ввода, то надо подменять элемент.

  Ответить  
 
 автор: Deed   (10.05.2012 в 23:01)   письмо автору
 
   для: confirm   (10.05.2012 в 22:34)
 

Кто сказал??


<input type="text" value="Password" id="psw" />

<script>

$('#psw').focus(function () {
    this.type='password';
});
</script>




http://jsfiddle.net/W4w2y/1/

А вот немного усовершенствованный вариант:

http://jsfiddle.net/W4w2y/3/

  Ответить  
 
 автор: confirm   (10.05.2012 в 23:25)   письмо автору
 
   для: Deed   (10.05.2012 в 23:01)
 

Я сказал.
<input type="text" value="password" onclick="this.type='password'" />

А если думаете, что jQuery волшебник и написан не на javascript, то пройдитесь по исходнику его и посмотрите как он это делает.

  Ответить  
 
 автор: Sfinks   (10.05.2012 в 23:41)   письмо автору
 
   для: Deed   (10.05.2012 в 23:01)
 

> http://jsfiddle.net/W4w2y/1/

Забавный сервис! В закладки =)

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования