2012-03-20 7 views
0

Идея заключается в том, что есть «скрытое» текстовое поле без фона, чтобы он сидел красиво на фоне.FF Javascript Проблема с дизайном с текстовым полем

При нажатии на текстовое поле значение становится пустым и изменяет текст на черный.

Это работает в Chrome и IE, но не в Firefox,

<input id="emailSubscribe" name="email" type="text" value="Subscribe for updates, Just enter your email Address"></input> 
$("#emailSubscribe").focus(function(){ 
    if($("#emailSubscribe").val() == "Subscribe for updates, Just enter your email Address"){ 
     $("#emailSubscribe").val("") 
     $("#emailSubscribe").css("color", "black"); 
     $("#buttonBar").fadeIn(700); 
    } 
    }); 
+0

скрипку: http://jsfiddle.net/fhsmJ/2/ Что не работает? не очищает ли поле ввода, не меняет цвет? Хорошо работает на моей машине;) – valentinas

+0

как далеко должна быть ваша поддержка браузера? вы можете подумать об использовании атрибута 'placeholder'. Кроме того, ваш вход должен быть закрыт сам собой, то есть не ' ' –

+0

Он, похоже, работает и в jsfiddle, но в [link] http://onlinewatermarks.com/anchorpoint/index.php [ссылка ] Он не работает в firefox, хотя он работает с тем же кодом. – obkso

ответ

2

Вы пропускаете точку с запятой (;)

Ваш $("#emailSubscribe").val("") должен быть $("#emailSubscribe").val("");

+0

Да, это должно упс! Но это все еще не работает. – obkso

+0

проверить очистку кеша браузера CTRL + Shift + Del. JavaScripts иногда кэшируются. Я не вижу ошибок в коде. – tusar

+2

Я уже видел ваш сайт. Это вопрос пользовательского интерфейса. Вот почему текстовое поле не отображается. В jQuery нет ошибки. попробуйте отключить 'padding: 40px;' 'input [type =" text "]' – tusar

Смежные вопросы