javascript- все статьи тега ➜ страница 26
React Router способен выполнять маршрутизацию только при запуске с корневого url-адреса
У меня есть приложение React, которое также использует Redux и ReactRouter. Моя проблема заключается в следующем: Когда я запускаю приложение и иду к корневому url, я обычно могу перемещаться внутри приложения, и маршруты в навигационной панели будут меняться по мере перемещения. Однако, если я наберу в навигационной панели любой url, отличный от корневого, я получу странную ошибку: Я действительно не понимаю, как можно получить такую ошибку. Если я пойду для localhost:1337/, а затем наж ...
Каков предпочтительный способ выполнения CSS-ролловера?
При настройке эффекта ролловера в HTML, есть ли какие-либо преимущества (или подводные камни), чтобы сделать это в CSS против JavaScript? Есть ли какие-либо проблемы с производительностью или ремонтопригодностью кода, о которых я должен знать при любом подходе? ...
Оптимизация предварительной загрузки изображений javascript
Интересно, есть ли у кого-нибудь стратегии оптимизации предварительной загрузки изображений с помощью javascript? Я портирую Flash-приложение в html / css, пытаясь воссоздать пользовательский интерфейс как можно ближе к исходному сайту. Это, по сути, приложение для просмотра фотографий, где изображение в высоком разрешении отображается, когда пользователь наводит курсор на ссылку. На странице примерно 50-80 таких изображений. Предварительная загрузка всех изображений по отдельности создает вре ...
Как определить направление на onmousemove событие?
При некоторых условиях я хочу отменить событие onmousemove, например, когда мышь опускается. Можно ли определить направление onmousemove события? jQ или JS-это нормально. У меня есть элементы drag'n'Drop. Пользователь тащит элемент вверх. Если, например, нижняя часть элемента достигает некоторого положения в документе (т. е. 500px от верхней части документа), то onmousemove останавливается. И если пользователь попытается снова перетащить элемент вверх, функция не запустится. Только перетащить в ...
Google chart timeline горизонтальная прокрутка
У меня есть график временной шкалы, очень похожий на самый первый пример на этой странице (https://developers.google.com/chart/interactive/docs/gallery/timeline). У меня есть действия на оси Y (приготовление обеда, еда, ecc), а на оси X у меня есть время. Я хочу включить горизонтальную прокрутку и масштабирование диаграммы (как упоминалось в этом разделе Google chart horizontal scrollbar). Но я никак не могу заставить его работать. Есть ли способ включить горизонтальная прокрутка на графике ...
Преобразование кода ES5 в ES6 во время выполнения
Есть возможность использовать babel API для преобразования кода javascript из сценария ecma 5 в сценарий ecma 6? Я имею в виду, допустим, я использую следующий cdn Https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.js И предоставить такой источник, как массив или объект с простым кодом ES5, и он преобразует его в некоторый массив / объект / строку кода ES6? Можно ли как-то добиться этого с помощью Вавилона или какого-то другого инструмента? Я хочу привести несколько примеро ...
JQuery Dynatree плагин, использующий клики в id
Используя Firebug я обнаружил, что плагин Dynatree изменяет следующий код: <li id="id3.1" class="expanded">Menu 1 <ul> <li id="id3.1.1">Sub-menu 1</li> </ul> </li> К этому: <li class=""> <span class="dynatree-node dynatree-exp-c dynatree-ico-c"> <span class="dynatree-connector"></span> <span class="dynatree-icon"></span> <a class="dynatree-title" href="#">Sub-menu 1</a> </sp ...
Почему разбиение на страницы на стороне сервера не работает для моей таблицы jQuery datatables?
Я пытаюсь заставить серверную пагинацию работать, но она просто не работает. Я искал повсюду решение своей проблемы, но все, что я нашел, почти то же самое, что и я, что не работает. Я, вероятно, упускаю что-то очевидное здесь, я не использовал datatables так хорошо, и я нахожу его инструкции и примеры немного запутанными. Вот мой код Javascript-он печатается из файла PHP как встроенный код Javascript, поэтому мне пришлось замените части PHP для краткости: var display_start = 1; var display_ ...
Добавить событие click в тег div с помощью javascript
У меня есть тег div в моей форме без свойства id. Мне нужно установить событие on-click на этот тег div. Мой HTML-код: <div class="drill_cursor" > .... </div> Я не хочу добавлять свойство id в мой тег div. Как добавить событие on-click в этот тег с помощью Javascript? ...
Google Maps API-проблема с маркерами отскока
Когда маркер выбран, я хочу, чтобы он отскочил. Когда я нажимаю на другой маркер, я хочу, чтобы первый перестал подпрыгивать, а второй начал подпрыгивать. Я предположил, что это достижимо простым выполнением этого function bindInfoWindow(marker, map, infoWindow, html) { google.maps.event.addListener(marker, 'click', function() { document.getElementById('loc-info').innerHTML = html; if (marker.getAnimation() != null) { marker.setAnimation(null); } else { marker.setAnimation(google.maps.Anima ...
уязвимости, позволяющие пользователю определять innerHTML
Допустим, у меня есть элемент и , и когда пользователь помещает html, CSS или что угодно, что они хотят), в textarea, то их входные данные устанавливаются как innerHTML элемента , используя javascript. Каковы уязвимости, позволяющие пользователю определять содержимое элемента ? ...
Заставьте Axios автоматически отправлять файлы cookie в своих запросах
Я посылаю запросы от клиента в мой экспресс.сервер js, использующий Axios. Я установил файл cookie на клиенте и хочу прочитать этот файл cookie из всех запросов Axios, не добавляя их вручную в запрос вручную. Это мой клиентский пример запроса: axios.get(`some api url`).then(response => ... Я попытался получить доступ к заголовкам или файлам cookie, используя эти свойства в моем Express.сервер js: req.headers req.cookies Ни один из них не содержатся какие-либо cookies. Я использую ...
React: несколько строк таблицы в массиве.карта во время рендеринга
У меня есть эта проблема. Я хочу замкнуть массив и отобразить значения в виде таблицы, где каждый элемент является строкой в таблице. Пока никаких проблем. Но в зависимости от значения в каждом элементе я хочу показать дополнительную строку с большим количеством значений для каждого элемента массива. У меня есть такой код: <tbody> {myList.map((item, i) => { return ( <div> <tr key={i} onClick={toggleMobileOpen.bind(this, i)}> <td className=" ...
Загрузка скриптов после загрузки страницы?
Я работаю с рекламной компанией, где мы помечаем определенные страницы для отслеживания активности. Мой клиент хочет запустить тег javascript для отслеживания активности после того, как страница полностью загрузится (чтобы предотвратить медленную загрузку содержимого страницы из-за медленного времени загрузки тега). Пример тега, который должен загрузиться после полной загрузки страницы: <script>document.write('<s'+'cript language="JavaScript" src="http://jact.atdmt.com/jaction/JavaS ...
Как использовать trackPageview в Google Analytics?
Мне нужна помощь в настройке _trackPageview в Google Analytics. Я хочу отслеживать, сколько раз файл был загружен. В соответствии с документацией Google Analytics мне нужно использовать следующее событие onClick в ссылках для загрузки. <a href="http://www.example.com/files/map.pdf" onClick="javascript: _gaq.push(['_trackPageview', '/downloads/map']);"> Но я не смог найти никакой информации, что после добавления этого, где я могу увидеть статистику загрузки по этой ссылке? Нужно л ...
Сохранение положения ползунка после обновления страницы
У меня есть следующая скользящая панель, и я хотел бы сохранить положение скользящей панели, выбранной после обновления страницы. В настоящее время позиция сохраняется, и только число/значение не отображается правильно. Есть идеи,как это сделать? var slider = document.getElementById("ran"); var output = document.getElementById("demo"); output.innerHTML = slider.value; slider.oninput = function() { output.innerHTML = this.value; save_data( ...
Прототип эквивалента метода jQuery eq
Задан следующий html-код: <ul id="fun"> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Я могу выбрать третий li в jquery следующим образом: $('#fun li').eq(2); В прототипе я знаю, что могу сделать что-то вроде: $("fun").select('li').each(function(i,v){ if(v == 2){/*do whatever*/} }); Итак, я спрашиваю, есть ли у prototype такой метод, как jquerys eq, который поз ...
Как добавить массив к массиву массивов с помощью jQuery?
У меня есть массив, как показано ниже: var cString = [ ['1','Techdirt','www.techdirt.com'], ['2','Slashdot','slashdot.org'], ['3','Wired','wired.com'] ]; К этому массиву я хочу добавить еще один в том же формате: var test = ['4','Stackoverflow','stackoverflow.com'] Я пробовал использовать: var newArray = $.merge(cString, test); Но console.log(newArray); выходы: [►Array,►Array,►Array,'4','Stackoverflow','stackoverflow.com'] Поэтому ...
JavaScript удалить файл из списка файлов для загрузки
Есть код https://jsfiddle.net/bfzmm1hc/1 все выглядит нормально, но я хочу удалить некоторые файлы из набора. Я уже нашел их: Как удалить один конкретный выбранный файл из элемента управления input file input type=file multiple, delete items Я знаю, что Объект FileList доступен только для чтения, поэтому я могу просто скопировать файлы в новый массив. Но что мне делать с этим новым массивом объектов File? Я не могу присвоить его свойству files... ...
Сбросить переключатель с помощью jQuery
У меня есть несколько переключателей. После проверки или выбора значения радиокнопки случайным образом, мне нужно сбросить значение радиокнопки по умолчанию, проверенное или выбранное при нажатии кнопки. Мой HTML-код приведен ниже. JQuery function ResetRdo() { // Code to reset ? } HTML <table> <tr> <td> <input type="radio" name="rdo1" value="a" checked="checked" /> A <input type="radio" name="rdo1" value="b" /& ...