X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите с формой для входа.
yu24
yu24
Topic Starter сообщение 18.2.2011, 17:15; Ответить: yu24
Сообщение #1


Для меня Javascript - темный лес, но надо сделать одну, как мне кажется, простую штучку, которую стандартными средствами не сделаешь.
Надо сделать два поля, в которых стоят по умолчанию стоят "логин" и "пароль", при клике на каждый из них, надпись бы убиралась, а при клике мимо, если поле чистое, возвращались исходные значения. Ну и у поля пароль тип "password".
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 18.2.2011, 17:40; Ответить: alexdrob
Сообщение #2


<script>

function clr(el, v)
{
if (el.value == v){
el.value = ''
el.style.color = "#000000";
}
}

function ex(el, v)
{
if (el.value == ''){
el.value = v
el.style.color = "#c6c6c6";
} else {
el.style.color = "#000000";
}
}

</script>

<input type="text" id="name" value="имя пользователя" style="color:#c6c6c6;" onClick="clr(this,'имя пользователя')" onBlur="ex(this,'имя пользователя')"/>
<input type="password" id="pass" value="пароль" style="color:#c6c6c6;" onClick="clr(this,'пароль')" onBlur="ex(this,'пароль')"/>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yu24
yu24
Topic Starter сообщение 18.2.2011, 17:42; Ответить: yu24
Сообщение #3


jQuery несовсем сюда, но все же. Вот нарыл в инете:

[JS]$(function(){
$('.form-item label').css('position', 'absolute');
$('.form-item input').val('').blur();
$('.form-item label').bind('click', function(event){
$(this).text('').next('input').val('');
$(this).next('input').bind('blur', function(event){
if($(this).val()==''){
$(this).prev('label').text('Пароль')
}
});
});
});[/JS]
Переведите на какой-нибудь другой язык, пожалуйста
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yu24
yu24
Topic Starter сообщение 18.2.2011, 17:48; Ответить: yu24
Сообщение #4


alexdrob, накладочка вышла... "Пароль" в самом поле отображается звездочками...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 18.2.2011, 18:00; Ответить: alexdrob
Сообщение #5


ну да, но сколько сайтов видел, везде звёздочками и отображали)

<script>

function clr(el, v)
{
if (el.value == v){
el.value = ''
el.style.color = "#000000";
if (v == 'пароль')
el.setAttribute('type','password');
}
}

function ex(el, v)
{
if (el.value == ''){
el.value = v
el.style.color = "#c6c6c6";
if (v == 'пароль')
el.setAttribute('type','text');
} else {
el.style.color = "#000000";
}
}

</script>

<input type="text" id="name" value="имя пользователя" style="color:#c6c6c6;" onClick="clr(this,'имя пользователя')" onBlur="ex(this,'имя пользователя')"/>
<input type="text" id="pass" value="пароль" style="color:#c6c6c6;" onClick="clr(this,'пароль')" onBlur="ex(this,'пароль')"/>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yu24
yu24
Topic Starter сообщение 18.2.2011, 18:04; Ответить: yu24
Сообщение #6


Теперь понятно. Спасибо.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) ✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐
Сервис для получения SMS на реальные номера USA
13 Chekon 4069 Вчера, 11:48
автор: Chekon
Открытая тема (нет новых ответов) Rebex.io – Ваша инновационная платформа для обмена криптовалюты!
1 Rebex 675 17.4.2024, 11:50
автор: Rebex
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
11 Aloof 2811 16.4.2024, 12:48
автор: diviner99
Горячая тема (нет новых ответов) Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат
54 arendator 34833 15.4.2024, 15:16
автор: arendator
Горячая тема (нет новых ответов) ⭕Антидетект браузер AdsPower для эффективной работы с мультиаккаунтами!
83 AdsPower 24413 14.4.2024, 22:52
автор: AdsPower


 



RSS Текстовая версия Сейчас: 19.4.2024, 9:43
Дизайн