javascript- все статьи тега ➜ страница 34
Способ узнать, нажал ли пользователь кнопку Отмена в диалоговом окне Javascript onbeforeunload?
Я открываю диалоговое окно, когда кто-то пытается перейти с определенной страницы, не сохранив свою работу. Я использую событие onbeforeunload Javascript, отлично работает. Теперь я хочу запустить некоторый код Javascript, когда пользователь нажимает "отмена" в появившемся диалоговом окне (говоря, что они не хотят уходить со страницы). Возможно ли это? Я также использую jQuery, так что, возможно, есть событие, подобное beforeunloadcancel, которое я могу связать куда? обновление: идея состои ...
Как настроить и использовать jQuery с webpack
У меня есть очень простой проект для тестирования функции jQuery с webpack. Однако я столкнулся с ошибками на этапе связки. Вот ошибки: ERROR in ./~/jQuery/lib/node-jquery.js Module not found: Error: Cannot resolve module 'jsdom' in /home/mypc/IdeaProject/OpenDimSum/frontend/node_modules/jQuery/lib @ ./~/jQuery/lib/node-jquery.js 5:13-29 ERROR in ./~/jQuery/lib/node-jquery.js Module not found: Error: Cannot resolve module 'xmlhttprequest' in /home/mypc/IdeaProject/OpenDimSum/frontend/node_mo ...
Простой и маленький, чистый JavaScript лайтбокс (наложение диалогов)? [закрытый]
Кто-нибудь знает о небольшом, ограниченном по функциональности лайтбоксе, построенном на чистом javascript? Это для встраиваемого виджета, таким образом, причина не использования jquery. Все, что мне действительно нужно, это создать наложение для конкретного div или просто передать некоторый HTML. ...
bootstrap "tooltip " и" popover " добавляют дополнительный размер в таблицу
Примечание: В зависимости от версии Bootstrap (до версии 3.3 или нет) вам может потребоваться другой ответ. Обратите внимание на заметки. Когда я активирую всплывающие подсказки (наведите курсор на ячейку) или всплывающие окна в этом коде, размер таблицы увеличивается. Как мне этого избежать? Здесь emptyRow-функция для генерации tr со 100 <html> <head> <title></title> <script type="text/javascript" language="javascript" src="https://ajax.googleap ...
Объект не поддерживает свойство или метод "transformNode" в Internet Explorer 10 (Windows 8)
У меня есть некоторые проблемы JavaScript, которые, кажется, происходят только в Internet Explorer 10 на Windows 8 (IE 7, 8 и 9 все работают нормально). Основная суть того, что я делаю, - это получение XML и XSL из веб-службы, а затем преобразование их в JavaScript для отображения на странице с помощью объекта Sys.Net.XMLDOM. XMLDOM = Sys.Net.XMLDOM; var xsl = // XSL gotten from somewhere else var xmlString = // XML gotten from somewhere else as a string... var xml = new XMLDOM(xmlString); ...
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() ...
Сброс формы не работает с помощью jquery
Я хочу сбросить форму после вызова функции ajax. Вот код, который я дал в jquery: $("#frm_silder").reset(); Здесь frm_silder - идентификатор формы. Но когда я использую этот код, я получаю сообщение eorror, подобное этому. $("#frm_silder").reset is not a function В моем html-коде я даю идентификатор для такой формы: <form name="frm_silder" id="frm_silder" method="post"> Так в чем же проблема в моем коде? ...
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 = ...
Использование onbeforeunload без диалога?
Я пытаюсь публиковать данные, когда пользователь покидает мою страницу. Мне наконец удалось найти рабочий, но, тем не менее, он выскакивает диалог, когда пользователь уходит. Я пробовал return null;, но не сработало. Можно ли отключить диалог ? window.onbeforeunload = function() { $.post("track.php", { async: false, refid: refid, country: country, type: type, }); return ''; } ...
Как удалить объект из массива объектов на основе максимального значения в javascript
У меня есть массив объектов, который выглядит следующим образом: [ { person: 'Fred', scoreTotal: 29 }, { person: 'Alice', scoreTotal: 34 }, { person: 'Alice', scoreTotal: 22 }, { person: 'Mary', scoreTotal: 14 }, { person: 'Bob', scoreTotal: 33 }, { person: 'Bob', scoreTotal: 13 }, { person: 'Bob', scoreTotal: 22 }, { person: 'Joe', scoreTotal: 28 }] И там, где есть несколько объектов для данного человека -> я хочу сохранить верхний "X". Например: A. топ-1 результат для человека Резу ...
Google Recaptcha не отображается после нажатия на переключатель
У меня есть два переключателя. Когда я нажимаю на один из них, чтобы изменить поля формы, капча версии 1 больше не отображается. Итак, я должен нажать кнопку обновить, чтобы создать новое изображение капчи. <input type="radio" name="data[Form][sv]" id="FormV1" value="1" /> V1 <input type="radio" name="data[Form][sv]" id="FormV2" value="2" checked="checked" /> V2 Код jquery: $(document).ready(function () { $("#FormV1").bind("change", function (event) { $.ajax({async ...
Как установить значение по умолчанию для выпадающего мультиселекта в angular 2 и ngprime
Я следую примеру PrimeNg .а вот и плунжер .Как я могу сделать некоторые значения предварительно выбранными в раскрывающемся списке. <p-multiSelect [options]="cities" [(ngModel)]="selectedCities"></p-multiSelect> ...
Почему иногда render вызывается сразу после setState, а иногда нет
Вот мои коды: class TestState extends Component{ constructor(props){ super(props); this.state={ text:"123" } this._hello = this._hello.bind(this) } _hello(){ console.log("guangy will set state..."); let num = Math.floor(Math.random()*100); this.setState({text: ""+num }); console.log("guangy after set state..."); } componentWillUpdate(){ console.log("guangy componentWillUpdate") } ...
Как изменить цвет шрифта маркера Google maps clusterer
Кто-нибудь может сказать мне, как изменить цвет шрифта маркера markerclusterer. Это мой текущий код для стилизации маркера mcOptions = {styles: [{ height: 27, url: "image.png", width: 35 }], maxZoom: 8 } var markerCluster = new MarkerClusterer(map, markers, mcOptions); ...
Кто-нибудь знает об онлайн-удалителе пробелов?
У меня есть файл JS (~2000 строк), и я хочу удалить все конечные пробелы. Я использую Coda, и у него есть плагин, но он продолжает разбивать приложение. Я чувствую, что это достаточно простая вещь, где может быть онлайн-инструмент, но я не могу найти его. Заранее спасибо! ...
Хром 65 блокирует перекрестное происхождение. Обходной путь на стороне клиента для принудительной загрузки?
Chrome 65 удалил поддержку атрибута download на якорных элементах с перекрестным началом hrefs: Block cross-origin Чтобы избежать того, что по сути является пользовательской перекрестной утечкой информации, Blink теперь будет игнорировать наличие атрибута загрузки на якорных элементах с перекрестными атрибутами происхождения. Обратите внимание, что это относится к HTMLAnchorElement.download Как и к самой стихии. Намерение удалить | Chromestatus Tracker | Chromium Bug Это п ...
Можно ли сделать волнистую линию?
Если бы я хотел сделать горизонтальную линию, я бы сделал это: <style> #line{ width:100px; height:1px; background-color:#000; } </style> <body> <div id="line"></div> Если бы я хотел сделать вертикальную линию, я бы сделал это: #line{ width:1px; height:100px; background-color:#000; } </style> <body> <div id="line"></div> Изогнутая линия сложнее, но возможна с использованием border-radius и обертыванием элемента: ...
Как извлечь содержимое HTML-тегов из строки с помощью javascript или jquery? [дубликат]
На этот вопрос уже есть ответ здесь: создание нового элемента DOM из HTML-строки с использованием встроенных методов DOM или прототипа 21 ответов Может быть, это очень просто, но я все путаю. У меня есть простая html-страница со многими разделами (div). У меня есть строка, содержащая HTML-теги в javascript. Код такой: образом: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script ...
Javascript обратный отсчет для определенного времени и даты
Я использую плагин jQuery для установки таймера обратного отсчета на моей веб-странице. В настоящее время код, управляющий отображением таймера, выглядит следующим образом: <script type="text/javascript"> var clock = $('.clock').FlipClock(3600 * 24 * 3, { clockFace: 'DailyCounter', countdown: true }); </script> JS для плагина можно посмотреть здесь: https://github.com/objectivehtml/FlipClock/blob/master/js/flipclock/flipclock.js Пример страницы исполь ...
Отобразить диалоговое окно внутри родительского див с overflow:скрыты
Я пишу на angularJS и не могу найти удобного решения для этой проблемы- У меня есть элемент div со свойством overflow: hidden (так как я использую внутреннюю полосу прокрутки), а внутри этого элемента div у меня есть меню dropdown, вызываемое нажатием кнопки. к сожалению, dropdown частично скрыт (так как он выходит за границы своего div родителя. Лучшее решение, которое я нашел до сих пор, - это динамическое добавление всплывающего окна в тело и вычисление его положения для каждого нажатия кноп ...