Блог

У меня возникли проблемы с созданием формы с помощью какого-то навороченного jquery, похожего на веб-сайт tumblr.

• Я использую плагин по этой ссылке http://fuelyourcoding.com/scripts/infield

Это то, с чем я работаю до сих порhttp://www.messtudios.com/form/index2.html

Что я хочу сделать, но не могу понять, так это изменить cursor: pointer на cursor:text после того, как вы нажмете на поле ввода.

Аналогично форме входа в систему на Tumblr или регистрации.

Прямо сейчас метка расположена над полем и будет принимать только:hover, а не:focus, потому что это метка.

Заранее буду признателен за любую помощь, спасибо.

Если я убрал ширину метки и отступ, это работает только в области, которой нет текста метки (все еще неприемлемо, хотя больше похоже на направление, в котором я хочу двигаться, однако при наведении курсора на текст метки курсор снова превращается в указатель)

Добавление этого сработало. var $ input = $ (‘ввод’); $input.focus(функция (){$(this).prev().css(‘курсор’, ‘текст’)}); $input.blur(функция(){$(this).prev().css (‘курсор’, ‘указатель’)});

Вы должны быть в состоянии сделать это полностью с помощью css. Для приведенного примера просто добавьте —

 label.infield{
    cursor: text;
}
  

 var $input = $('input');
$input.focus(function(){$(this).prev().css('cursor','text')});
$input.blur(function(){$(this).prev().css('cursor','pointer')});