выделение группы для формы с использованием jQuery - PullRequest
Новая
       18

выделение группы для формы с использованием jQuery

0 голосов
/ 31 января 2012

Работая над подсветкой группы для формы, основанной на этом уроке, я нашел: http://www.jankoatwarpspeed.com/examples/ContextHighlighting/

Сейчас у меня есть часть формы, но подсветка группы не работает.Любая помощь будет принята с благодарностью: http://jsfiddle.net/coachpacman/pYEBZ/

Я думаю, что проблема в моем jQuery, но я не могу найти проблему при сравнении с синтаксисом учебника.

Ответы [ 2 ]

0 голосов
/ 31 января 2012

Убедитесь, что в левой части панели JavaScript установлен фреймворк jQuery. Когда вы это сделаете, вся форма подсвечивается, когда вы щелкаете внутри поля формы.

Если вы хотите просто выделить отдельную строку, вам нужно изменить HTML-код, чтобы он соответствовал: 

<div class="content">   
    <div class="row">
        <div class="left">First name</div>
        <div class="right"><input name="Text1" type="text" class="text" /></div>
        <div class="clear"></div>
    </div>

    <div class="row">
        <div class="left">Last name</div>
        <div class="right"><input name="Text1" type="text" class="text" /></div>
        <div class="clear"></div>
    </div>

    <div class="row">
        <div class="left">Email</div>
        <div class="right"><input name="Text1" type="text" class="text" /></div>
        <div class="clear"></div>
    </div>

    <div class="row">
        <div class="left">Password</div>
        <div class="right"><input name="Text1" type="text" class="text" /></div>
        <div class="clear"></div>
    </div>
</div>

Потому что в вашем текущем коде вы пропускаете каждую отдельную строку.

На этом этапе вам придется использовать другой фрагмент JavaScript, чтобы выделить целый раздел кода: 

$('.content .left, .content input, .content textarea, .content select').focus(function()
{
    $(this).parents('.content').addClass("over");
}).blur(function(){ $(this).parents('.content').removeClass("over"); } );
0 голосов
/ 31 января 2012

В jsfiddle измените ваш фреймворк на jquery, а не mootools, затем нажмите run.Насколько я вижу, все хорошо.

...