javascript- все статьи тега ➜ страница 35
как присвоить уникальный идентификатор элементам, которые создаются динамически-Javascript
Здравствуйте, я пытаюсь создать динамические дивы с текстовым полем и кнопкой удаления в нем. При отправке формы мне нужны все динамически генерируемые значения текстовых полей, как я могу присвоить уникальный идентификатор элементу textbox. Идентификатор / имя текстового поля должен быть уникальным.. чтобы правильно получить все значения. Пожалуйста, предложите.. Мой Код: <HTML> <HEAD> <TITLE> Add/Remove dynamic elements</TITLE> <SCRIPT language="javascript"> ...
Создать отраженное изображение с помощью HTML Canvas?
У меня есть следующий код, который пытается объединить вертикальное зеркальное изображение с прозрачным градиентом цвета фона. Если объединить эти два эффекта не удается, нужно ли накладывать градиент PNG на холст вместо того, чтобы пытаться заставить холст выполнять обе операции? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equi ...
Алгоритм автоматического размещения форм блок-схемы
Моей команде нужно построить генератор блок-схем на JavaScript, используя либо HTML5 Canvas, либо библиотеку D3 (или что-нибудь еще более подходящее, предложения приветствуются). Блок-схема будет сгенерирована из ориентированного графика, определенного в документе JSON. Мой вопрос заключается в следующем: какой стандартный алгоритм мы могли бы использовать для облегчения автоматического размещения фигур в блок-схеме (узлы в графике), чтобы минимизировать количество перекрывающихся соединений и и ...
Хром полоса прокрутки исчезает (не переполнение-у)
Страница (live-версия) состоит (грубо говоря) из трех частей: левая боковая панель центрированное содержание правая боковая панель Правая боковая панель должна быть прокручиваемой, поэтому я установил overflow-y: scroll; right: -17px;, чтобы просто скрыть полосу прокрутки. Body, html Есть overflow-y: auto;. Таким образом, мне не нужно иметь две полосы прокрутки (для страницы и для правой боковой панели). Выпуск: (только в CHROME, протестировано на версиях 62 и 63) Почему-то на разны ...
Невозможно добавить событие resize в Редактор tinymce
Я не могу добавить событие resize в Редактор tinymce. это дает мне: - Uncaught TypeError: tinymce.dom.Event.add is not a function Как правильно это сделать? tinymce.init({ selector: ".tinymceTextarea", width: '100%', height: '100%', plugins: plugins, statusbar: false, menubar: false, toolbar: toolbar, fontsize_formats : "8px 10px 12px 14px 16px 18px 20px 24px 32px 36px", // init_instance_callback: "ini ...
Как найти близлежащие больницы с помощью Google map api и javascript
var MapApiApplication = { myCurrentPosition : "", mapOptions : "", marker : "", initialize : function(){ MapApiApplication.myCurrentPosition = new google.maps.LatLng(10.112293000000000000, 76.352684500000010000); MapApiApplication.mapOptions = { zoom: 13, center: MapApiApplication.myCurrentPosition, mapTypeId: google.maps.MapTypeId.ROADMAP }; MapApiApplication.map = new google.maps.Map(document.getElementById('map-canvas'), MapApiApplic ...
Можно ли сделать в приложении кнопку, которая запускает PWA" Add to Home Screen " install banner?
Я понимаю, что при правильно сделанном прогрессивном веб-приложении мобильные браузеры будут отображать баннер, предлагающий пользователям "установить" приложение на своем домашнем экране. Я искал способ вызвать эту подсказку из приложения, но не смог ничего найти. Есть ли строка JavaScript, которая может быть использована для вызова баннера приглашения на установку в любое время?? Что-то, что я мог бы добавить к кнопке установки, спрятанной в окне справки, например? Некоторым пользователям ...
Как сделать IntelliJ IDEA resolve webpack requires out of node modules directory?
IntelliJ не может разрешить модули javascript, вызываемые с помощью Webpack requires, которые не находятся в каталоге node_modules Представьте себе такую структуру проекта: `- project |- node_modules | `- react | `- addons.js |- webpack.config.js |- util | `- tool.js `- src |- components | `- uno.jsx `- two.jsx Это мой webpack config // webpack.config.js var path = require('path'); module.exports = { resolve: { root: [ path.resol ...
select2 ajax показывает результаты, но не может выбрать
Я использую плагин select2 с удаленными данными ajax. Я вижу результаты в выпадающем списке, но не могу их выбрать. Я хочу, чтобы результаты были выбраны и помещены в поле после выбора. Я думаю, что проблема заключается в передаче идентификатора, я не знаю, как передать его правильно.. Есть идеи? Мой json для ?tag_word=для ...нет никакого id results: [{text: "fort"}, {text: "food"}] Вот код: <select class="js-data-example-ajax" style="width:100%"> <option selected="sele ...
как приостановить все проигрывание аудио на странице
У меня есть html5 плеер, который работает следующим образом: Html: <div class="player row" data-dwplayer="true" data-mp3="example.mp3" data-loop="true"> Javascript: $("[data-dwplayer=true]").each(function(){ var player = $(this); var audio = new Audio(); /* data */ var source = player.data('mp3') ? player.data('mp3') : player.data('ogg'); var auto = player.data('autoplay') ? true : false; var loop = player.data('loop') ? true : false; /* set source ...
Использование HTML-текст от редактора CKEditor
В моем приложении, в разделе insert news, Я использую подстроку новостного контента для сводки новостей. для получения текста новостного контента от пользователей я использую CKEditor, а для сводки новостей я использую метод подстроки, чтобы получить определенную длину новостного контента.но когда я работаю с CKEditor, я получаю текст с HTML-тегами, а не простой текст, и когда я использую метод подстроки, мое резюме новостей становится запутанным! как получить необработанный текст из этого элеме ...
Глобальные переменные в Javascript (jQuery)
Таким образом, это первый раз, когда я использую Javascript в гораздо более мощном контексте, имея толстый клиент и выполняя большую часть тяжелой работы через javascript сам по себе. Я использую jQuery, и большая часть кода становится мутной в данный момент, потому что это всего лишь куча функций. Оказывается, для некоторых из моих функций я требовал, чтобы переменные передавались через несколько функций с сохранением их значения. Очевидный способ сделать это-объявить их вне область действия ...
Как получить все данные из формы с помощью Vue
У меня есть следующая разметка. <div class="checkbox"> <label> <input class="weekdays" name="wednesday[]" v-model="wed.selected" id="wednesday" type="checkbox"> Wed </label> </div> <div class="checkbox"> <label> <input class="weekdays" name="thursday[]" v-model="thu.selected" id="thursday" type="checkbox"> Thu </label> </div> Аналогично для всех остальных дней недели. И в с ...
Javascript передает массивы функциям по значению, оставляя исходный массив неизменным
Я прочитал здесь много ответов, касающихся передачи "по значению" и "по ссылке" для отправки массивов в функции javascript. Однако у меня есть проблема с отправкой массива в функцию и оставлением исходного массива неизменным. Этот пример иллюстрирует проблему: function myFunction(someArray) { // any function that makes an array based on a passed array; // someArray has two dimensions; // I've tried copying the passed array to a new array like this (I've also used 'someArray' directly in the co ...
Зоны на JavaScript время неправильно в прошлом переходом на летнее время, правила перехода
В 2007 году дни, когда мы переходим на летнее время, изменились. Любая дата, которая попадает в расширенный диапазон DST до этого изменения, сообщает о неправильном смещении часового пояса в Chrome и Firefox. Это как Firefox и Chrome не обращают внимания на то, что у DST раньше были разные дни. Если вы запустите следующий скрипт, он сообщит о смещении в 240 минут. Это неверно, он должен сообщить 300 минут. IE10 делает это правильно. Кто-нибудь знает об этом? исправить? alert(new Date('11/ ...
Получение значений select и radio с помощью jquery
У меня есть следующий набор html для радио и select box я хочу получить значение с разделенной запятой ДЛЯ ПЕРЕКЛЮЧАТЕЛЯ <div class="element" id="radio_gender"> <div class="fleft"> <label for="gender">Gender</label> </div> <div class="fleft"> <input type="radio" value="Male" name="gender" />Male <br /> <input type="radio" value=" Female" name="gender" /> Female<br /> </div> &l ...
Angular 2 Как улучшить время рисования DOM в Internet Explorer 11
Существуют ли какие-либо специальные приемы для повышения производительности приложения Angular 2 в Internet Explorer 11? Наш сайт работает как в Chrome, так и в Firefox, но DOM рендерится заметно медленнее на IE 11. Я понимаю, что некоторые из них являются ограничением движка браузера, но когда один цикл обнаружения изменений вызывает 30-40 МС на DOM painting на IE 11, я чувствую, что есть что-то еще, что можно сделать на нашей реализации. Для записи, это никогда не занимает более 1 мс для Хр ...
Ошибка" не удается установить свойство undefined " в AngularJS [дубликат]
На этот вопрос уже есть ответ здесь: Как получить доступ к правильному " это " внутри обратного вызова? 8 ответов Я новичок в Angular, поэтому я думаю, что совершаю какую-то глупую ошибку, но все еще не могу ухватить ее. Я создал сервис для извлечения некоторых данных, а затем ввел этот сервис в свой контроллер. Обслуживание - .service('getAllCompanies', ['$http', function ($http) { // Angular ...
Как правильно оформить контур Select2 на: фокус?
Я использую Select2 , чтобы стилизовать мои <select> коробки, но я не могу стилизовать принудительный контур, который Chrome применяет к стилю: Проблема: Я попробовал несколько строк (очень непрофессионально, !important) CSS-кода, но до сих пор я не нашел решения, вот что я сейчас делаю: CSS: .select2 > *:focus, .select2:focus .select2 > *, .select2 { outline-width: 0px !important; } Чтобы исключить возможные проблемы, я определенно включаю этот CSS-файл, после моего о ...
Отправить несколько форм с помощью одной кнопки Отправить
У меня есть следующий код, в основном он выполняет две операции. Первая отправке данных формы в таблицу Google и другие операции представляет свою вторую форму данных текстовое поле Значение с другим значением текстового поля страницы. Как это сделать? <script type="text/javascript"> <!-- function copy_data(val){ var a = document.getElementById(val.id).value document.getElementById("copy_to").value=a } //--> </SCRIPT> <style type="text/css"> <!-- --> </sty ...