Форма с title="Что-то здесь написано" в input

[keen_]

Сделал форму. Слизал устройство исчезающих надписей (при установки курсора в поле) с чужого сайта. Но слишком всё запутанно и громоздко - подключено 3 скрипта:

<script src='http://domain.ru/js/jquery-1.8.2.js' type='text/javascript'></script>
<script src='http://domain.ru/js/jquery.form.js' type='text/javascript'></script>
<script src='http://domain.ru/js/scripts.js' type='text/javascript'></script>

какие-то безумно длинные классы - wpcf7-form-control wpcf7-textarea wpcf7-use-title-as-watermark

А ведь можно всё сделать намного проще. Но я не фамильярен с java. Может подскажете скриптик для решения моей задачи?

Вот сама форма:

        <form action="#" method="post">
                    <table class="top_form">
                        <tr>
                            <td>
                            <textarea class=
                            "top_form_textarea wpcf7-form-control wpcf7-textarea wpcf7-use-title-as-watermark"
                            cols="50" name="message" rows="6" title=
                            "Здесь Вы можете написать нам письмо">
							</textarea></td>
                        </tr>

                        <tr>
                            <td><input class=
                            "top_form_email wpcf7-form-control wpcf7-text wpcf7-validates-as-required text wpcf7-use-title-as-watermark"
                            name="your-email" size="20" title=
                            "Ваша эл. почта (e-mail)" type="text" value=
                            "" /><input class="button" type="submit" value=
                            "" /></td>
                        </tr>
                    </table>
                </form>

[MyLastHit]

http://htmlbook.ru/html/textarea/placeholder

UPD: Ой извините Я совсем забыл что вы у нас ориентируетесь на старые браузеры.

[zumm]

если уж placeholder вам не подходит, то предлагаю следующее:

...
<script>
	jQuery(document).ready
	(
		function()
		{
			var inputs = jQuery('input[title]');
			
			inputs.bind
			(
				'focus',
				function()
				{
					var object = jQuery(this);
					
					if(object.val() == object.attr('title'))
					{
						object.val('');
					}
				}
			);
			
			inputs.bind
			(
				'blur',
				function()
				{
					var object = jQuery(this);
					
					if(object.val() == '')
					{
						object.val(object.attr('title'));
					}
				}
			);
			
			inputs.trigger('blur');
		}
	);
</script>
...
	<input title="Велосипед своими руками">
...

не проверял, но в принципе должно работать. конечно же нужно не забыть подключить jQuery:

<script src='http://domain.ru/js/jquery-1.8.2.js' type='text/javascript'></script>

[keen_]

Сообщение от MyLastHit

http://htmlbook.ru/html/textarea/placeholder

UPD: Ой извините Я совсем забыл что вы у нас ориентируетесь на старые браузеры.

placeholder конечно не катит. Ещё и потому, что даже в новом IE он не пашет (может какой-то костыль существует?).
И ещё у него трабл - не во всех браузерах он исчезает при установке курсора в поле (только после начала набора текста).

[keen_]

Сообщение от zumm

если уж placeholder вам не подходит

Дело не во мне, а в тех людях, которые будут смотреть на форму и у них что-то не будет работать так, как нужно.
Я думаю не о себе, а о людях.

[keen_]

zumm, не работает ваш вариант.

[zumm]

Дело не во мне, а в тех людях, которые будут смотреть на форму и у них что-то не будет работать так, как нужно.
Я думаю не о себе, а о людях.

я разве имею что то против? у каждого свой подход, я например вообще отказался от поддержки IE в своих проектах, место этого я предлагаю пользователям скачать нормальный браузер и открыть для себя интернет заново.

не работает ваш вариант.

все работает, чего вы? хром, лиса, опера, хромиум и даже бедолажный ослик. вот, сами смотрите.

[keen_]

Большое спасибо, отлично работает!

Сообщение от zumm

я предлагаю пользователям скачать нормальный браузер

Но у вас никак не получается укатать всех пользователей интернета юзать "нормальные" браузеры

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

[keen_]

Не пашет в поле textarea. Я и в начале только там проверял, поэтому и сказал, что не пашет.
Не подскажете, что в скрипт нужно дописать?

[zumm]

Не пашет в поле textarea.

Код я писал судя по названию темы, все input'ы поддерживаются

var inputs = jQuery('input[title], textarea[title]');

Все гениальное просто

Но у вас никак не получается укатать всех пользователей интернета юзать "нормальные" браузеры

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

Если бы верстальщики и веб программисты начали себя уважать и ВСЕ перестали поддерживать треклятого осла, то людям бы неосталось ничего другого как перейти на нормальные браузеры.

Достаточно даже нескольких крупных сервисов. ВКонтакте и Facebook, например, если бы они перестали поддерживать этот несчастный браузер, то 90% его пользователей испарилось.

По этому, начну ка я с себя, глядишь найдутся единомышленники