html5- все статьи тега ➜ страница 6
Предотвращение перетаскивания или выбора изображения без использования JS
кто-нибудь знает способ сделать изображение не перетаскиваемым и не выбираемым-в то же время-в Firefox, не прибегая к Javascript? Кажется тривиальным, но вот вопрос: 1) можно перетащить и выделить в Firefox: <img src="..."> 2) поэтому мы добавляем это, но изображение все еще может быть выделено при перетаскивании: <img src="..." draggable="false"> 3) поэтому мы добавляем это, чтобы исправить проблему выделения, но затем контринтуитивно, изображение становится перетаскиваемым с ...
HTML5 LocalStorage: Проверка наличия ключа [дубликат]
этот вопрос уже есть ответ здесь: Как проверить, установлен ли элемент хранения? 9 ответов почему это не работает ? if(typeof(localStorage.getItem("username"))=='undefined'){ alert('no'); }; цель состоит в том, чтобы перенаправить пользователя со страницы индекса на страницу входа, если он еще не зарегистрирован. Вот это localStorage.getItem("username")) переменная не определена для момент. Это ...
Связь между вкладками или окнами
Я искал способ, как общаться между несколькими вкладками или окнами в браузере (на том же домене, а не CORS), не оставляя следов. Было несколько решений: используя объект window postMessage cookies localStorage первое, вероятно, худшее решение - вам нужно открыть окно из вашего текущего окно, а затем вы можете общаться только до тех пор, пока вы держите окна открытыми. Если вы перезагрузите страницу в любом из окон, вы, скорее всего, потеряли связь. второй подход, использующий postMessage, ...
Веб-приложение html5 для мобильного safari для загрузки изображений с фотографий.приложение?
можно ли написать веб-приложение HTML5, предназначенное для устройств iOS (iPad, iPhone, iPod Touch), которое может позволить пользователю загружать изображение из файловой системы? представьте, что вы загружаете новую фотографию в свой аватар twitter через веб-приложение. ...
Можно ли стилизовать html5 audio tag?
Я не нашел никаких ресурсов о том, как это сделать. Что-то такое же простое, как изменение цвета игрока было бы неплохо иметь :) ...
Лучший способ использовать атрибуты данных html5 с помощью Rails content tag helper?
проблема, конечно, в том, что рубиновые символы не любят дефисы. Так что что-то вроде этого, очевидно, не будет работать: content_tag(:div, "Some Text", :id => "foo", :data-data_attr => some_variable) один из вариантов-это использовать строку, а не символ: content_tag(:div, "Some Text", :id => "foo", 'data-data_attr' => some_variable) или я мог бы просто интерполировать: "<div id='foo' data-data_attr='#{some_variable}'>Some Text</div>".html_safe Я вроде как пред ...
Есть ли способ, чтобы добавить/удалить несколько классов в одной инструкции с classList?
до сих пор я должен сделать это: elem.classList.add("first"); elem.classList.add("second"); elem.classList.add("third"); хотя это выполнимо в jQuery, как это $(elem).addClass("first second third"); Я хотел бы знать, есть ли какой-либо родной способ добавить или удалить. ...
Не удалось декодировать загруженный шрифт
это ошибка, которую я получаю в Chrome и, к сожалению, поиск его не дал мне много результатов. Сам шрифт отображается правильно. Однако я все еще получаю эту ошибку/предупреждение. Более конкретно, это полное предупреждение: " не удалось декодировать загруженный шрифт: http://localhost:8000/app/fonts/Lato/" мой CSS таковы: @font-face { font-family:"Lato"; src: url("../fonts/Lato/"); } html, body { font-family:'Lato'; } Я просто не понимаю. Шрифт применяется правильно, но ...
Объем sessionStorage и localStorage
Я читал некоторую документацию по sessionStorage и localStorage, но я не понимаю, какова область: домен, конкретная страница? например, если у меня есть следующие страницы: http://example.com/products.aspx?productID=1 http://example.com/products.aspx?productID=2 http://example.com/services.aspx?serviceID=3 и если на каждой из вышеперечисленных страниц я бегу (с idvalue, являющимся значением в строке запроса): localStorage.setItem('ID',idvalue); Я собираюсь в конечном итоге с 3-х различны ...
Отключить собственный datepicker в Google Chrome
выбор даты приземлился на Chrome 20, есть ли атрибут, чтобы отключить его? Вся моя система использует jQuery UI datepicker, и это crossbrowser, поэтому я хочу отключить Chrome native datepicker. Есть ли атрибут тега? ...
Как программно очистить кэш браузера?
Я ищу способ программно очистить кэш браузера. Я делаю это, потому что приложение кэширует конфиденциальные данные, и я хотел бы удалить их, когда вы нажимаете "выйти". Это произойдет либо через сервер, либо через JavaScript. Конечно, использование программного обеспечения на внешнем/общедоступном компьютере по-прежнему не рекомендуется, поскольку есть больше опасностей, таких как регистраторы ключей, которые вы просто не можете победить на программном уровне. ...
Изменить цвет текста на основе яркости покрытой фоновой области?
Я уже некоторое время думал о следующем, поэтому теперь я хочу знать Ваше мнение, возможные решения и так далее. Я ищу плагин или метод, который изменяет цвет текста или переключается между предопределенными изображениями/значками в зависимости от средней яркости покрытых пикселей его родительского фонового изображения или цвета. Если покрытая область его фона довольно темная, сделайте текст белым или переключите значки. кроме того, было бы здорово, если бы скрипт заметил, что у родителя нет ...
Показать Источник Видео Youtube в теге видео HTML5?
Я пытаюсь поместить источник видео YouTube в HTML5 <video> тег, но это, кажется, не работает. После некоторого поиска в Google я узнал, что HTML5 не поддерживает URL-адреса видео YouTube в качестве источника. вы можете использовать HTML5 для вставки видео YouTube? Если нет, есть ли обходной путь? ...
Как добавить изображение на холст
Я немного экспериментирую с новым элементом canvas в HTML. Я просто хочу добавить изображение на холст, но это не работает по какой-то причине. у меня есть следующий код: HTML <canvas id="viewport"></canvas> CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = canvas.getContext('2d'); make_base(); function make_base() { base_image = new Image(); base_image.src = 'img/base.png'; context.drawIm ...
В чем разница между SVG и HTML5 Canvas?
в чем разница между SVG и HTML5 Canvas? Они оба, кажется, делают то же самое со мной. В основном, они оба рисуют векторные изображения, используя координатные точки. чего мне не хватает? Каковы основные различия между SVG и HTML5 Canvas? Почему я должен выбирать одно над другим? ...
Выравнивание текста и выбор полей до одинаковой ширины в CSS?
ок это казалось бы невозможным. У меня есть текстовое поле и поле выбора. Я хочу, чтобы они были одинаковой ширины точно так, чтобы они выстраивались на левом поле и правом поле. <!DOCTYPE html> <html> <head> <style type="text/css"> input, select { width: 200px; } </style> </head> <body> <input type="text" value="ABC"><br> <select> <optio ...
Обязательный атрибут HTML5
в моем веб-приложении я использую некоторые пользовательские проверки для моего поля. В той же форме у меня есть две кнопки: одна для фактического отправки формы, а другая для отмены/сброса формы. в основном я использую Safari в качестве браузера по умолчанию. Теперь Safari 5 вышел, и вдруг моя кнопка отмены/сброса больше не работает. Каждый раз, когда я нажимал кнопку сброса, первое поле в моей форме получало фокус. Однако это то же самое поведение, что и моя пользовательская проверка формы. К ...
Как поместить подсказку в текстовое поле asp:
Как поместить подсказку / заполнитель внутри текстового поля asp:? Когда я говорю, намек Я имею в виду текст, который исчезает, когда пользователь нажимает на нее. Есть ли способ добиться того же с помощью html / css? ...
Как очистить диаграмму от холста, чтобы события наведения не могли быть вызваны?
Я использую Chartjs для отображения линейного графика, и это отлично работает: // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); но проблема возникает, когда я пытаюсь изменить данные для диаграммы. Я обновляю график, создавая новый экземпляр диаграммы с новыми точками данных и, таким образом, повторно инициализируя холст. Это прекрасно работает. Однако, когда я навед ...
Изменить активный пункт меню на странице прокрутки?
хороший пример этой функции можно увидеть здесь:http://www.maddim.com/demos/spark-r6/ при прокрутке страницы вниз активный пункт меню изменяется. Как это делается? ...