Показать сообщение отдельно
  #12 (permalink)  
Старый 08.07.2011, 11:46
Аватар для doniv
Аспирант
Отправить личное сообщение для doniv Посмотреть профиль Найти все сообщения от doniv
 
Регистрация: 02.03.2010
Сообщений: 73

Все получилось. Кроме одного, я вспомнил, что и с техареа нужно поступать подобным образом. Немного покумекал и вот финальный код:

<form method="post" action="contactform.php"  id="contact-form">
                <ul class="contact-form__list">
                    <li>
                        <label class="contact-form__label" for="contact-form__subject">Тема</label>
                        <input class="contact-form__list__item" type="text" name="name" value="Тема" id="contact-form__subject" />
                    </li>
                    <li>
                        <label class="contact-form__label" for="contact-form__email">Ваша электропочта</label>
                        <input class="contact-form__list__item" type="text" name="email" value="Ваша электропочта" id="contact-form__email" />
                    </li>
                    <li>
                        <label class="contact-form__label" for="contact-form__message">Текст сообщения</label>
                        <textarea class="contact-form__list__item-text" rows="5" name="message" id="contact-form__message">Текст сообщения</textarea>
                    </li>
                    <li>
                        <input type="submit" id="contact-form__submit" class="contact-form__list__item-button" value="Отправить" />
                    </li>
                </ul>
            </form>


//Очищаем и заполняем элементы формы по клику

    function textForm(inputId){
        if (inputId.val() == inputId.parent().find('label').html()) {  //Если в инпуте значение по умолчанию, то очищаем
            inputId.attr({value: ''});
            inputId.addClass('active-input');
        } else {
            if (inputId.val() == '') { //Если инпут пустой, то заполняем его значение по умолчанию
                inputId.attr({value: inputId.parent().find('label').html()});
                inputId.removeClass('active-input');
            }
        }
    }

    //Применяем функцию на нужные поля

    $('.contact-form__list').find('label + *').live('click', function() {textForm($(this));});
    $('.contact-form__list').find('label + *').focusout(function(){textForm($(this));});



Большое спасибо всем участникам.

Последний раз редактировалось doniv, 08.07.2011 в 11:58.
Ответить с цитированием