- 1
<input name="login" type="text" id="imageName" value="Image Name" onblur="if (this.value == ''){this.value = 'Image Name'; }" onfocus="if (this.value == 'Image Name') {this.value = '';}"/>-
JavaScript / Говнокод #12176
+146
А вот так, нужно делать плейсхолдеры к инпутам.
Запостил:
Starkua,
22 Ноября 2012
Follow us!
> "...Решений масса, достаточно поискать в гугле. Вот например для jQuery..."
Вы по любому случаю обращаетесь в гугл? Вам лень подумать или некак-некак прям?
Что бы такие как вы без гугла-то делали.
Неважно, что дом упадет, главное, что при его постройке не пришлось ни с кем консультироваться, и технологию приготовления бетона и кирпичей придумал сам строитель.
Вы же предлагаете "думать", т.е. писать свой велосипед, тратить время на его тестирование во всех браузерах, наступать на грабли, которые уже обошли авторы того плагина...
А я предлагаю погуглить, и из найденного осознанно выбрать подходящее готовое решение (в данном случае плагин к jQuery), или же разобраться в устройстве существующих, и сделать свое. Без гугла этот процесс может вылиться в неделю бесполезной работы, которую за вас уже сделали, и не один раз.
> Потому что в голове - овсяная каша
Уверяю вас, у тех кто не изучает чужой код, а пишет все сам с нуля, зная только технологии, каша в голове еще большая.
if (!Modernizr.input['placeholder']){
$('*[placeholder]').each(function(){
var self = $(this);
self.val(function(i, value){
if ($.trim(value)) return value;
else return self.css('color', '#777').attr('placeholder');
})
.on('focus', function(){
if (this.value == this.getAttribute('placeholder')) self.css('color', '#000').val('');
})
.on('blur', function(){
if (!$.trim(this.value)) this.value = self.css('color', '#777').attr('placeholder');
})
});
}