Стиль фокуса поля ввода содержит значение div: Background

Question

Стиль фокуса поля ввода содержит значение div: Background

0

У меня есть этот div#container страницы, который содержит входные поля, текстовые поля и selectboxes. Когда я нажимаю на них, я хочу изменить цвет фона содержащего div "djform_field"

#dj-classifieds .dj-additem .djform_row .djform_field:focus {
    background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 5px;
    float: left;
    padding: 15px;
}

<div class="djform_field">
        <textarea id="contact" name="contact" rows="1" cols="55" class="inputbox required"><?php echo $this->item->contact; ?></textarea>     
         <div id="input-tips"><span class="hint"><?php echo JTEXT::_('COM_DJCLASSIFIEDS_CONTACT_TOOLTIP')?><span class="hint-pointer">&nbsp;</span></span></div>             
    </div>
    <div style="clear:both"></div>
</div>

user3057167 02 дек. 2013, в 18:21

Источник

0

Хорошо, я использовал ЭТО -> <script type="text/javascript"> $(document).ready(function() { $(".djform_row :input").on('click',function() { $(".djform_field").css("background","red");}); }); $(document).ready(function() { $(".djform_row :input").on('blur',function() { $(".djform_field").css("background","yellow");}); }); </script> Но, это делает ВСЕ ВХОДЫ КРАСНЫМИ! Я только хочу изменить фон на тот, на котором я нахожусь ...
user3057167 02 дек. 2013, в 17:33

Теги:

javascript

jquery

css

3 ответа

0

$('.djform_field').children('*').click(function () { //use required selector in .children(), * means all children
    $('.djform_field').css('background', 'color');
})

UDB 02 дек. 2013, в 15:29

0

Вам действительно нужно * ? без значения выбираешь всех детей ...
DaniP 02 дек. 2013, в 16:59
0

@Danko привычка w3schools.com/jquery/sel_all.asp
UDB 02 дек. 2013, в 17:05

0

Установите один обработчик большого щелчка:

$("#container :text, #container select").click(function() {
    $("div.djform_field)".css("background-color", "red"); //or whatever
});

tymeJV 02 дек. 2013, в 14:49

Ещё вопросы

Хорошо, я использовал ЭТО -> <script type="text/javascript"> $(document).ready(function() { $(".djform_row :input").on('click',function() { $(".djform_field").css("background","red");}); }); $(document).ready(function() { $(".djform_row :input").on('blur',function() { $(".djform_field").css("background","yellow");}); }); </script> Но, это делает ВСЕ ВХОДЫ КРАСНЫМИ! Я только хочу изменить фон на тот, на котором я нахожусь ...
Вам действительно нужно * ? без значения выбираешь всех детей ...

Frank Fang · Accepted Answer · 2013-12-02T15-26-00.000Z

1

Лучший ответ

$('#contact').focus(function(){
  $('.djform_field').addClass('red');
}).blur(function(){
 $('.djform_field').removeClass('red');
})

См. Демонстрацию здесь (используя jQuery)

Frank Fang 02 дек. 2013, в 15:26

0

На каком языке этот beacouse, он не работает на моем сайте. Я должен загрузить библиотеку. Tnx
user3057167 02 дек. 2013, в 17:03
0

JQuery. jsbin.com/Ekufiwo/1/edit Добавьте это на свою страницу: <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> @ user3057167 Вы можете узнать о jQuery здесь jquery.com .
Frank Fang 02 дек. 2013, в 17:10
0

Все еще не работает, я также попытался <script type="text/javascript"> $(document).ready(function() { $(".djform_row :input").on('click',function() { $(".djform_field").css("background","red");}); }); </script>
user3057167 02 дек. 2013, в 17:29
0

@ user3057167 Важно, куда вы положили код. Вы должны поместить jQuery и мой код в конец вашей страницы (чуть выше </ body>. А jQuery должен быть выше кода.) Если он все еще не работает, оберните мой код $(function(){/*my code here*/}); Если это еще не работает, возможно, вы можете вставить свой код в jsbin и скопировать ссылку на меня.
Frank Fang 02 дек. 2013, в 17:37

Показать ещё 2 комментария