S_A_N_T_A
-
Posts
3 -
Joined
-
Last visited
S_A_N_T_A's Achievements
Explorer (1/14)
0
Reputation
-
Форма, которая при вызове с разных кнопок, должна скрывать некоторые поля
S_A_N_T_A replied to S_A_N_T_A's question in HTML Coding
Если кому понадобится, вот решение <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> </head> <body> <a data-target="#call" class="first">Кнопка 1</a> <a data-target="#call" class="second">Кнопка 2</a> <div id="call"> <form> <div class="pole1">Поле 1</div> <div class="pole2">Поле 2</div> </form> </div> <script> $(function(){ $('.first').click(function(){ $('.pole1').show(); $('.pole2').hide(); }); $('.second').click(function(){ $('.pole2').show(); $('.pole1').hide(); }); }); </script> </body> </html> -
Всем доброго времени суток! Возникла задача отображать код в разных местах на разных разрешениях. Прилагаю картинку, там все наглядно обрисовал 1) Есть есть 3 блока которым нужно назначить порядочность отображения 2) 2 первых блока, которые расположены слева заключены в свой див 3) Далее они обтекаются третьим блоком, который должен идти справа от них 4) (Блок 2) при разрешении меньше 480px, должен сместиться под блок 3 5) Решения с применением "display: none" и другими приемами скрытия не подходят. Нужно, чтобы код отображался “или там” “или там” 6) Можно и визуально блоки переставить, главное чтобы контент в исходном коде не дублировался. Решение нужно для того, чтобы на мобильной версии не скрывать текст. А переместить его в более удобное место, чтобы сделать акцент на более важной информации. И для СЕО будет полезно. Потому что через скрытие придется дублировать контент для отображения в другом месте. Надеюсь, вы меня поймете. Думаю будет много кому полезно. К сожалению с программированием не знаком. Пытался копать в сторону flexbox. Но в моем случае не получается, так как "блок 1" и "блок 2" заключены в общий div.
-
Всем доброго времени суток! У меня есть одна форма, которая при вызове с разных кнопок, должна скрывать некоторые поля. Вот кнопки: <a data-target="#call">Кнопка 1</a> <a data-target="#call">Кнопка 2</a> Вот форма: <div id="call"> <form> <div class="pole1">Поле 1</div> <div class="pole2">Поле 2</div> </form> </div> Форма может иметь только один ID, в моем случае это “call”. Как сделать, чтобы при клике на “Кнопка 1” отображалось только “Поле 1”? Как сделать, чтобы при клике на “Кнопка 2” отображалось только “Поле 2”? Сайт делаю для себя. Знаний в js нету.