Простой CSS3 или легкий Java-способ для: фокусирования состояния формы, чтобы повлиять на правила для родительского контейнера

Question

Простой CSS3 или легкий Java-способ для: фокусирования состояния формы, чтобы повлиять на правила для родительского контейнера

0

Я хочу найти способ установить те же правила для #side_contact: наведите курсор на вход #side_contact_form: focus.

здесь сайт пока:

http://www.austinhomemedia.com/

Другими словами, я хочу, чтобы div, который скрывался без зависания, оставался включенным, когда входы формы внутри сфокусированы. Любая помощь будет принята с благодарностью. Я много искал здесь, но если я пропустил соответствующую тему, возможно, вы можете связать меня и извините за избыточность. Я предполагаю, что решение будет java, но похоже, что в CSS3 может быть чистый CSS-способ со всей этой аккуратной функциональностью.

моя разметка:

<html>
    <div id="side_contact">
        <?php
            $form ="<form id='side_contact_form'>
            <table>
                <tr>
                    <td><input type='text' placeholder='name' name='name' value=$name  ></td>
                </tr>
            </table>"
        ?>
    </div>
</html>

мои стили:

#side_contact {
position: fixed;
left: 96%;
top: 215px;
}

#side_contact:hover {
position: fixed;
left: 84%;
top: 215px;
}

#side_contact_form:focus {
 ?
}

user3312027 23 фев. 2014, в 22:38

Источник

1

Я рекомендую сначала узнать разницу между Java и JavaScript.
chrylis 23 фев. 2014, в 21:26
0

Ява для javascript, как машина для ковров ... не моя цитата ... но все же. Кроме того, не используйте таблицы для разметки.
Jon P 23 фев. 2014, в 22:51

Теги:

javascript

jquery

css3

1 ответ

Ещё вопросы

Я рекомендую сначала узнать разницу между Java и JavaScript.
Ява для javascript, как машина для ковров ... не моя цитата ... но все же. Кроме того, не используйте таблицы для разметки.

lwalden · Answer 1 · 2014-02-23T19-47-00.000Z

Вы можете использовать jquery и не беспокоиться о форме вообще. Переименуйте #side_contact: наведите курсор на.show_me, затем:

    // reveals your div when the mouse enters the div.   
    $('#side_contact).on('mouseenter',function() {  
    $(this).addClass('.show_me');  
    });  

    //hides it again when the mouse leaves the div   
    $('#side_contact').on('mouseleave',function() {  
    $(this.removeClass('.show_me');  
    });