html- все статьи тега ➜ страница 11
HTML5-input=количество и несовместимые браузеры
Я хочу использовать элемент html5 <input type="number"> на моем веб-сайте, но я хочу знать, что происходит с этим полем в браузерах, которые не поддерживают эту функцию? Это больше, чем классическое поле <input type="text"> для этих браузеров? ...
Простой тест jQuery с использованием функции" toggle", не ведет себя так, как ожидалось
Я построил простой тест с помощью jQuery, чтобы увидеть, могу ли я получить элемент, чтобы показать/скрыть при нажатии кнопки. HTML-файл: <link href="test.css" rel="stylesheet" type="text/css" /> <script src="jquery.js" type="text/javascript"></script> <script src="test.js" type="text/javascript"></script> <input type="submit" id="show" value="Show content"> <div class="hidden"> Some content! </div> CSS-файл: .hidden { display: none; } ...
Как создать такой "блестящий" эффект, используя CSS градиенты?
Можно ли создать следующее, используя только CSS? Я создал контейнер и закругленные углы. Скрипка здесь . Но я не знаю, как получить легкий блестящий эффект. Можно ли это сделать в CSS? Если да, то как? Ниже приведен код, который я написал до сих пор. HTML <div id="phone-outer"> <div id="phone-inner"> </div> </div> CSS #phone-outer { margin-bottom:200px; margin:0 auto; width:400px; height:500px; background-color:#333; -web ...
Как получить текст дочерней формы при нажатии на элемент ввода
Это мой HTML макет. У меня есть несколько форм: <table> <form> <tr> <td id="1">Text1</td> <td id="2">Text2</td> <input type="button" value="Submit" id="submit1"> </tr> </form> <form> <tr> <td id="1">Text1</td> <td id="2">Text2</td> <input type="button" value="Submit" id="submit ...
Прихлоп: активное текстовое изменение цвета мякиша по
Я хочу сделать цвет текста о нас из хлебной крошки черным, но это не работает. <ol class="breadcrumb"> <li class="disabled"><a href="index.html">Home</a></li> <li class="active"><a href="#">About us</a></li> </ol> Я пытался следовать CSS, но это не сработало. .breadcrumb > .active { color: black; text-decoration: none; } Есть идеи, почему это не работает? ...
Почему translateY (-50%) необходим для центрирования элемента, который находится наверху: 50%?
Я вижу, что этот код работает для выравнивания div по вертикали внутри его родительского элемента: .element { position: relative; top: 50%; transform: translateY(-50%); } Вопрос в том, почему? Моей первой мыслью было, что родительский элемент включает в себя больше, чем видовое окно. Я сделал мой родительский видовой экран высотой 100vh и шириной 100%. Это не сработало. Мне все еще нужен был перевод или отрицательное смещение маржи. Зачем мне нужно отрицательное смещение, если родитель ...
Bootstrap 4 таблица отзывчивая, горизонтальная и вертикальная прокрутка
Я использую bootstrap таблицы с Angular 6 в проекте, и мне удалось создать вертикальную таблицу прокрутки-тело с этим кодом: <table class="table table-striped table-bordered" style="margin-bottom: 0"> <thead> <!-- Column names --> <tr> <th scope="col">#</th> <th scope="col">Col 1</th> <th scope="col">Col 2</th> <th scope="col">Col 3</th> ... <th s ...
Почему мой JavaScript не работает в JSFiddle?
Я не могу понять, в чем проблема с этим JSFiddle. HTML: <input type="button" value="test" onclick="test()"> JavaScript: function test(){alert("test");} И когда я нажал на кнопку-ничего не произошло. Консоль говорит: "тест не определен" Я читал документацию JSFiddle - там говорится, что код JS добавляется к <head>, а HTML-код добавляется к <body> (так что этот код JS раньше html и должен работать). ...
CSS-размытое изображение / текст при резизации
Я создаю эффект парения на своем веб-сайте, где вы наводите изображения (pngs), и они увеличиваются в размере. Проблема у меня в том, что теперь они становятся размытыми, когда они изменяют размер. Код, который я использую, выглядит примерно так: .div { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: perspective(1000px) translate3d(0,0,1px); transform: perspective(1000px) translate3d(0,0,0); } .div:hover { -webkit-transform: perspective(100px) tra ...
Как отобразить категории Wordpress на странице подкатегорий?
Итак, позвольте мне начать с того, что я расскажу вам о своей цели, а затем вы можете посмотреть на приведенный ниже пример, который будет иметь больше смысла. Я пытаюсь добиться простого фильтра с категориями, так сказать. Я создаю простой пользовательский тип сообщения под названием "автомобили", и в нем будет поле для изображения и описания всех автомобилей. Теперь я показываю этот пользовательский тип записи через цикл и фильтрую их, назначая их определенным категориям и отображая их в катег ...
Полная реконструкция TCP сессии (HTML страницы) из WireShark pcaps, какие-либо инструменты для этого?
Интересно, если есть способ в Wireshark, чтобы воссоздать полную TCP-сессии (HTML-страницу(ы)), если у нас есть pcaps помощью Wireshark, можно с помощью Wireshark делать реконструкцию? или есть какой-нибудь инструмент, который может сделать реконструкцию? Данные, поступающие из источника, могут быть сжаты (Gzip) или несжаты, и конечным результатом реконструкции должна быть корректная полная HTML-страница со всем ее содержимым. ...
Поддерживать положение прокрутки div в пределах страницы на обратной стороне
У меня есть div внутри страницы aspx с переполнением, установленным в auto. Содержимое div создается динамически и состоит из списка кнопок ссылок. <div id="div1" style="overflow: auto; height: 100%;"> ..... </div> Когда я спускаюсь в div и нажимаю на любую из кнопок ссылки, перезагрузка страницы теряет положение прокрутки внутри div и переносит меня в верхнюю часть div. Есть ли способ предотвратить это? Обратите внимание, что это для div внутри страницы. Page.MaintainScrollPos ...
jQuery dataTables-как добавить опцию редактирования и удаления
У меня есть следующий код: http://jsfiddle.net/5ooyertu/1/ Прямо сейчас таблица заполняется должным образом через серверную сторону, и моя подкачка работает. Но я хотел бы добавить возможность удалять и редактировать строки. Я хотел бы добавить столбец под названием "Действия", который имеет два - один метод редактирования... а другой методу удаления. До использования dataTables у меня была некоторая логика JavaScript, которая перебирала массив записей из Ajax, вызывала и заполните регулярну ...
Как создать ссылку на сноску в HTML?
Например: Это основная часть моего содержания. У меня есть ссылка на сноску для этой строки [1]. Тогда у меня есть еще кое-что. содержание. Некоторые из них интересны и это есть также некоторые сноски [2]. [1] Вот моя первая сноска. [2] Еще одна сноска. Итак, если я нажимаю на ссылку " [1]", она направляет веб-страницу на первую ссылку сноски и так далее. Как именно я могу сделать это в HTML? ...
Это позволит поисковым системам индексировать мой контент?
У меня есть сайт объявлений... Объявления отображаются на динамической странице php. Например, если искать "bmw m3 " в форме (которая находится в индексе .html ) и отправляет, после чего появится страница php, показывающая результаты. Страница php называется результаты.php , подключается к базам данныхmysql и извлекает информацию, помещает ее в таблицу, а затем выводит таблицу с помощью простой команды echo. <body> echo $table; </body> Объявления, показанные в таблице ...
JavaScript присоединяет события к элементам, отображаемым динамически
У меня есть 2 файла index.html и all.js. Все.js (function(){ if (document.getElementById('btn1')){ document.getElementById("btn1").addEventListener("click", displayMessage); } function displayMessage(){ alert("Hi!"); } })() Индекс.html Пример 1: - рабочий пример <button id="btn1">Hit me !</button> <script type="text/javascript" src="all.js"></script> Пример 2: - не работает Пример <button id="btn2" onclick="show() ...
VueJS-чтение данных из локального файла json в vis.Яш сроки
Мой вопрос касается чтения из локального файла JSON. Я создаю приложение VueJS. Я пытаюсь загрузить данные из файла json в компонент Vue следующим образом, <script> var container = {}; var items = {}; var options = {}; var timeline = {}; export default { mounted() { // DOM element where the Timeline will be attached container = document.getElementById('mynetwork'); // Configuration for the Timeline options = ...
Как переместить круговой радиальный градиент немного вверх?
Как я могу переместить радиальный градиент немного больше вверх, сохраняя ту же круглую ширину и высоту? div { line-height: 100px; text-align: center; color: #333; width: 100%; background: radial-gradient(ellipse 115px 102px, #fff, #516e8e); } <div>text</div> Я нашел это решение, но затем градиент становится растянутым. background: radial-gradient(at top,red,yellow,green); Вот Codepen. ...
Вставьте логотип в правом верхнем углу html-документа R markdown
Я пытаюсь поместить логотип моей компании в правом углу моего html-документа Вот мой код: <script> $(document).ready(function() { $head = $('#header'); $head.prepend('<div class="knitr source"><img src="logo.png" width="220px" align="right" ></div>') }); </script> --- title: "Title" author: "Author" date: "Date" theme: bootstrap output: html_document keep_md: true --- ```{r echo=FALSE, include=FALSE} knitr::include_graphics('./logo.png') ``` &l ...
Как добавить класс в элемент списка и удалить его из предыдущего элемента
Мне нужно добавить класс orange в список элементов по щелчку и удалить его, когда я нажму на следующий элемент. Разметка: <ul class="navbar-custom clearfix"> <li><a href="#start"></a></li> <li><a href="#description"></a></li> <li><a href="#syntax"></a></li> <li><a href="#scrollbar"></a></li> <li><a href="#rotations"></a></li> ...