Search the Community
Showing results for tags 'button'.
Found 24 results
-
Бесплатный VPN - FineVPN.org | Telegram бот c бесплатным VPN - @FineVPNbot
Без ограничений по скорости, трафику и времени. Совершенно бесплатный и безлимитный. -
Все привет. Использую bootstrap 3, хотя это наверно и не существенно. Необходимо сделать, чтобы у активных кнопок внизу был указатель, как на картинке. Кнопка любого цвета с любой границей, с иконками и текстом. Но проблема именно с треугольником внизу у активной кнопки. Не знаю, как к этому подступиться. Толкните в нужном направлении, спасибо.
-
Появляющаяся кнопка включения/выключения аудио при скроллинге
VolKTieR posted a question in Web-site Development
Здравствуйте. Имеется данный код: <audio id="audio"> <source src="audio/1.mp3" type="audio/mpeg"> </audio> <div class="fixedbut" id="sebut">Звук</div> <style> div.fixedbut { position: fixed; bottom: 93%; right: 20px; display: block; background: white; border-radius: 10px; color: black; text-decoration: none; padding: 6px 23px; font-size: 17px ; -webkit-transition: 0.33s all ease-out; -o-transition: 0.33s all ease-out; transition: 0.33s all ease-out; z-index: 999; } div.fixedbut:hover { background: grey; color: white; } </style> <script> document.getElementById("sebut").onclick = function() { var myaudio = document.getElementById("audio"); if(myaudio.paused == true) { document.getElementById("audio").play(); } else if (myaudio.paused == false) { document.getElementById("audio").pause(); } } </script> <script> $(document).ready(function(){ $(window).scroll(function () { if ($(this).scrollTop() > 200) { $('div.fixedbut').fadeIn(); } else { $('div.fixedbut').fadeOut(); } }) }); </script> Кнопка плавающая, останавливает звук включенный другой . Со звуком проблем нет, но появление и исчезание кнопки при прокрутке не работает. Подскажите пожалуйста как сделать)) -
Добрый день народ У меня есть JS код для веб-картографии который делает отображение на карте двоих шаров и свайп между ними В html коде вызывается этот JS код такими командами var ctrl = new ol.control.Swipe(); map.addControl(ctrl); // Set stamen on left ctrl.addLayer(osm, true); // OSM on right ctrl.addLayer(stamen); Как эти параметры передать на кнопку, что бы onclick включать и выключать данную функцию Если возможно какие то ссылки на дополнительную информацию по этому, так как придется много делать кнопок под разные функции Спасибо за понимает с Frontendom еще знаком не близко
-
Понимаю, что вопрос возможно, выглядит пустяковым, но для меня очень важно. Почему то не работают кнопки. Даже страница не загружается. echo '<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>'; echo '<form method="post" action="script.php">'; for ($i=1; $i<=100; $i++){ echo '——'; $post= implode(",",$_POST); if ($i<$post) {echo '<button name="',$i ,'" value= "',$i ,'" style="background-color:yellow; float: right; padding-top: 10px">gfhfg</button>';}; if ($i==$post) {echo '<button name="',$post,'" value= "',$i ,'" style="background-color:green; float: right; padding-top: 10px"></button>';}; if ($i>$post) {echo '<button name="',$i ,'" value= "',$i ,'" style="background-color:red; float: right; padding-top: 10px"></button>';}; echo '</form>'; } ?>
-
Подскажите кто сталкивался с анимированием эффекта нажатия через animation? Через transition понятно как, но вот тут http://landing-animation.powercode.pro/ верхние правые кнопки уж очень приятно выглядят, пробовал повторить через инспектор, но безуспешно. Или где-то ошибаюсь или есть какая-то особенность. Спасибо.
-
Добрый день. Есть три элемента(кнопка, див, кнопка). Необходимо расположить их в таком порядке: кнопка прижатая к левому краю, кнопка прижатая к правому краю, див на всю ширину между кнопками. Пробую так:https://jsfiddle.net/dahilu/w82yhgn0/3/. Подскажите что нет так?
-
Здравствуйте. У меня возникла проблема, что не могу расположить кнопку справа от слов "ИС-41521", постоянно над или под ними. Как мне правильно вставить кнопку, чтобы расположить её справа/слева? <html> <head> <style> #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ position: relative; top: -3px; } </style> </head> <body class="block"> <div id="header"> <h1>ИС-41521</h1> <input type="button" onclick="window.open('Реклама туров.html')" value="Hello World!"> </div> <div id="sidebar"> </body> </html>
-
Как мне через тэг INPUT сделать кнопку, по нажатию которой ОПРЕДЕЛННЫЙ текст будет увеличиваться/уменьшаться?
-
Мне нужно сделать <button>, по которой выводилась бы новая вкладка с сайтом каким-нибудь. С <a> работает, <button> не знаю как, всё перепробывал. Можете показать и объяснить так же код новичку? Или так невозможно. Заранее благодарю.
-
Доброго времени суток! Данная страница выводит результат из mysql в виде таблицы. Каждая строка является кнопкой, которая переводит пользователя на страницу редактирования строки. Проблема заключается в том, что я не могу сверстать ширину колонок. Укажите мне на мои ошибки. Заранее благодарен. <style> .serch { width: 160px; border: solid 1px #E5E5E5; padding: 5px; font-size: 33px; background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) ); background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px ); -moz-box-shadow: 0px 0px 8px #f0f0f0; -webkit-box-shadow: 0px 0px 8px #f0f0f0; box-shadow: 0px 0px 8px #f0f0f0; } .table { display: table; border-collapse: collapse; border: none; width: 100%; margin-top: 10px; padding: 0px; } .table_tr { display: table-row; width: 100%; height: 50px; padding: 0; border: none; } .table_td1 { display: table-cell; width: 10%; vertical-align: middle; } .table_td2 { display: table-cell; width: 10%; vertical-align: middle; } .table_td3 { display: table-cell; width: 10%; vertical-align: middle; } .table_td4 { display: table-cell; width: 10%; vertical-align: middle; } .table_td5 { display: table-cell; width: 10%; vertical-align: middle; } .table_td6 { display: table-cell; width: 50%; text-align: center; vertical-align: middle; } </style> <form method="post" class="table"> <div class="table_tr"> <div class="table_td1">Дата</div> <div class="table_td2">Кв</div> <div class="table_td3">Уч</div> <div class="table_td4">Фамилия</div> <div class="table_td5"><input type="text" autocomplete="off" name="selch1" maxlength="8" placeholder="Счетчик" class="serch"><input type="image" name="searchch" src="searchb.png" value=" " align="top"></div> <div class="table_td6">Событие</div> </div> <? while($row=mysql_fetch_array($result)) { echo '<button name=edit value="'.$row['id'].'" class="table_tr"><div class="table_td1">'.$row['date'].'</div><div class="table_td2">'.$row['kv'].'</div><div class="table_td3">'.$row['uch'].'</div><div class="table_td4">'.$row['fio'].'</div><div class="table_td5">'.$row['ch1'].'</div><div class="table_td6">'.$row['sob'].'</div></button>'; } } ?> </form>
-
Привет! Без вас мне не справиться. У меня есть кнопка: <button type="button" onClick='location.href="#"' class="button">Текст</button> <style type="text/css"> .button { width: 150px; height: 60px; font-family: Arial, Helvetica, sans-serif; color: #211707; </style> Нужно, чтобы по правому щелчку мыши открывалось меню: У меня же кнопка видится браузером, как картинка: Помогите, пожалуйста! Перепробовала все варианты в пределах моих познаний
-
Помогите есть канвас нужно в него вставить input.button или img, вставлял картинку через new Image все отрисовывает но такая картинка не воспринимает onclick, или есть способы добиться этого?
-
Всем привет. Может, кто сталкивался с такой проблемой. При наведении и/или нажатии на button и input получаются такие рамки в браузере IE10. Зачем эта падла так? Я ни разу такого не видела. Кто что знает? http://joxi.ru/p27LXw5SnEGoA7
-
вот код http://codepen.io/anon/pen/hcyka Есть кнопки, они сделаны инпутом. Вот в чем проблема: я нажимаю , к примеру, блог и оно выделяется (:focus) и меняется контент. Теперь отведи курсор и щелкни в пустое место - выделение пропало. Вопрос: как сделать чтобы оно держало выделенным до тех пор, пока я не нажму другую кнопку из меню
-
Тег Button по умолчанию имеет рамку. button { border:none; } Помогло. Но в фокусе всё равно появляется рамка. Псевдокласс не помогает button:focus { border:none; } Что делать???
-
Обновление страницы через время после нажатия на кнопку
CTAKAHTPABbI posted a question in HTML Coding
Доброго дня, подскажите как автоматически единоразово обновить страницу через 10 секунд после нажатия на кнопку (<button> или <input>)? Кнопка совершает действие, и нужно по истечении 10 секунд обновить данные на страничке. Страничка писана в HTML. Заранее благодарен -
Что я делаю не так? http://jsfiddle.net/npofopr/quLwy/ Или это нормальное отображение уголка, лесенкой? :-)
-
Подскажите, как и где использовать button? Этот тег у меня нигде не применяется. Если нужно отправить форму - то это Input type='submit', если это просто кнопка с действием, н-р, в виде поп-апа, то <div class="btn-blue">. Наверное стоит кнопки не формы заменить на button? <button class="btn-red"> вот так? Если не удается создать нужно оформление тегу <input type="submit"> из-за одиночности тега, то не label лепить, а <button type="submit">? Кстати в ие7 не поддерживается? html5div случайно не включает его поддержку? button type=button - по умолчанию стоит и можно никогда не писать?
-
jQuery на событие submit формы генерирует событие клик для submit
AlOshka posted a question in HTML Coding
Всем привет! Такое дело, есть фидл. В чём его суть. Если нажать на кнопку, чтобы отправить форму, то получим всё как и задумано - сперва сообщение 'click!, затем 'submit!'. Но вот если поставить курсор в тектовое поле и жамкнуть по enter'у, то алерты вылезут те же и в том же порядке! Т.е. по кнопке мы не нажимали, а просто засабмитили форму по enter'у, но jquery всё-равно генерирует событие 'click' для кнопки 'submit'. На хрена он это делает?? Как заставить его не страдать такой фигнёй? -
как сделать простейший поисковик по интернету при табличной верстке
kotsa3 posted a question in HTML Coding
Здравствуйте, подскажите пожалуйста, как довести до ума элементарный интернет поисковик google при табличной верстке.Насколько я понимаю мне нужен адресс необходимого скрипта для атрибута action элемента form?Вот моя верстка.Буду очень благодарен за помощь. <html> <head> <meta charset="utf-8"> <title>Поисковик</title> </head> <body> <form action="" > <table> <tr> <td> <input type="text" name="запрос" size="15" maxlength="25" value="что ищем?"> </td> </tr> <tr> <td> <button type="submit">поиск</button> </td> </tr> </table> </form> </form> </body> </html> -
Дело вот в чем. С помощью такого кода добавил в горизонтальное меню своего сайта форму поиска: function menu_search($items){ $search = '<li class="search">'; $search .= '<form method="get" id="searchform" action="/">'; $search .= '<nobr><input type="text" class="field" name="s" id="s" placeholder="Search..." />'; $search .= '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Go" /></nobr>'; $search .= '</form>'; $search .= '</li>'; return $items . $search; } add_filter('wp_nav_menu_items','menu_search'); Получилось так: Т.е. как бы форма поиска стала очередным пунктом меню. Захотел я сделать красиво и выровнять эту форму вместе с кнопкой по правому краю. Сделать это мне не удалось и я решил прописать для input параметр margin-left: input { vertical-align: middle; margin-top: 7px; margin-left: 300px; } Получилось вот так: Т.е. сначала форма ввода отступила от левого края 300px, а потом и кнопка. Подумал я и дописал position: input { vertical-align: middle; margin-top: 7px; position: absolute; margin-left: 300px; } Получилось так: Вопрос: что мне надо сделать, что бы кнопка шла аккурат за формой ввода?
-
Всем известно, что текст в теге <button> при клике на нём смещается вправо и вниз. Этот "эффект" присутствует в браузерах IE и Opera: <button type="button" name="" value="" title="">Текст</button> http://jsfiddle.net/DjTarik/hGgSE/ Сразу говорю - интересует именно вариант с кнопокй (тегом <button>). Просьба не советовать "переверстать на ссылках", "использовать input" и т.д. Собственно вопрос: придумали 100% решение, как это этого избавиться? Или с давних времен ничего не изменилось? Тут больше спортивный интерес. Одно решение я нашел (с оберткой текста), но оно тоже не идеально. P.S. Предыдущие темы по данному вопросу видел, они старые. Надеюсь, что что-то изменилось с тех пор =) Спасибо.
-
Добрый день. Нужно растянуть div по высоте, который находится внутри button. Не получается сделать это через проценты. Остается только через em. Но мне нужны именно проценты, есть ли еще способ. Вот код: http://jsfiddle.net/mufYx/
