Кроссбраузерный placeholder с использованием библиотеки Modernizr
Делаю кроссбраузерный placeholder с использованием библиотеки Modernizr по книге К.Шмитта "HTML5. Рецепты программирования"
подключаю библиотеку к странице <script src="script/jquery-1.8.3.min.js"></script> <script src="script/modernizr-latest.js"></script> пишу такой скрипт <script> if (!Modernizr.input.placeholder) { $(".search_form_field").focus(function() { if ($(".search_form_field").val() == $(".search_form_field").attr('placeholder')) { $(".search_form_field").val(""); } }); $(".search_form_field").blur(function() { if ($(".search_form_field").val() == "") { $(".search_form_field").val($(".search_form_field").attr('placeholder')); } }); $(".search_form_field").blur(); $(".search").submit(function() { if ($(".search_form_field").val() == $(".search_form_field").attr('placeholder')) { return false; } }); } </script> но в ие он все равно не срабатывает. В чем может быть проблема? Делаю вот для такой верстки, для формы ввода логина и пароля. |
Старик давай для начала в более читабельный вид приведём код.
jQuery(function($){ if (!Modernizr.input.placeholder) { var sField=$(".search_form_field"); sField.focus(function() { var sf= $( this ); if ( sf.val() == sf.attr('placeholder') ) sf.val(""); }); sField.blur(function() { var sf = $(this); if ( sf.val() == "" ) sf.val( sf.attr('placeholder') ); }); sField.blur(); $(".search").submit(function() { var sf=$("#element"); if (sf.val() ==sf.attr('placeholder')) return false; }); } }) вот теперь можно и IE заняться, хотя возможно он заработал уже :) ЗЫ. 1)я заменил $(".search_form_field") на $("#element"); в submit, так как использование класса подразумевает то что у тебя может быть несколько полей с классом .search_form_field а это значит обращение к val() в этом случае приведёт к ошибке. хотя совсем в идеале выборку для sField нужно делать не по классу .search_form_field а по наличию атрибута placeholder 2)теперь скрипт срабатывает только после готовности страницы. |
Часовой пояс GMT +3, время: 01:57. |