Перейти к содержанию

Поиск

Показаны результаты для тегов 'javascript'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип контента


Форумы

  • Алкоголизм
    • Что нужно знать алкашу
    • Запой
    • Интересное про алкоголь
    • Из истории алкоголя
    • Личные истории алкашей
    • Бросаем пить
  • Новости и сплетни
    • Новости и сплетни
  • Праздники и поздравления
    • Новый год
    • День рождения
  • Наш досуг
    • Викторины, Конкурсы, Игры
    • Литература
    • Музыка
    • Рукоделие
    • Фильмы
    • Фото
    • Охота и Рыбалка
    • Наше творчество
    • Наши питомцы
  • Кулинария
    • Интересные факты
    • Первые блюда
    • Вторые блюда
    • Закуски
    • Салаты
    • Десерты, мороженое и выпечка
    • Напитки
  • СССР
  • Усы, лапы, хвост
  • ostogramm
    • Вопросы по работе сайта
  • Юмор
    • Наши перлы

Категории

  • Алкоголизм
  • Алкогольные напитки
  • Досуг
  • Еда
  • Занимательная психология
  • Кино и музыка
  • Другое
  • Классика
  • Политика

Блоги

  • recreation-мысли обо всем
  • Pecheneg News
  • Заметки Программиста HTML CSS JS PHP
  • LoL surprise имена кукол
  • melancholy
  • Остограмм творческий.
  • Сон
  • Поток сознания алкоголика
  • Тестовый клуб Блог

Категории

  • Фильмы
    • Аниме
    • Биография
    • Боевик
    • Вестерн
    • Военный
    • Детектив
    • Документальный
    • Драма
    • История
    • Комедия
    • Короткометражка
    • Мелодрама
    • Музыка
    • Мультфильм
    • Приключения
    • Триллер
    • Советские фильмы
    • Ужасы
    • Фантастика
  • Тестовый клуб Видео

Поиск результатов в...

Поиск контента, содержащего...


Дата создания

  • Начало

    Конец


Дата обновления

  • Начало

    Конец


Фильтр по количеству...

Регистрация

  • Начало

    Конец


Группа


Обо мне

Найдено: 5 результатов

  1. Закрытие окна: elementorProFrontend.modules.popup.closePopup( {} ); elementorProFrontend.modules.popup.closePopup( {id:001} ); - с указанием ID конкретного popup. Открытие: elementorProFrontend.modules.popup.showPopup( {} ); elementorProFrontend.modules.popup.showPopup( {id:001} ); - с указанием ID конкретного popup. Пример использования: Открываем popup с id 001 по клику на элемент DOM с id - your_ID. jQuery(document).on('click','#your_ID', function(event){ elementorProFrontend.modules.popup.showPopup( {id:001}, event); }); Просто закрываем popup с определенным id elementorFrontend.documentsManager.documents[001].getModal().hide(); или var document = elementorFrontend.documentsManager.documents[001]; document.getModal().hide(); Триггеры событий всплывающих окон: elementor/popup/show - когда всплывающее окно открыто/показано elementor/popup/hide - когда всплывающее окно закрыто/спрятано Каждый раз, когда отображается всплывающее окно, мы запускаем событие, elementor/popup/show а когда всплывающее окно закрывается, мы запускаем событие elementor/popup/hide. Пример использования: Использование очень простое, вы просто добавляете прослушиватель событий к желаемому событию с вашим обратным вызовом, например, отслеживая события открытия всплывающего окна: jQuery( document ).on( 'elementor/popup/show', () => { // do your tracking here } ); Обратный вызов события вызывается с 3 переменными: Event– объект события dom. popupId– идентификатор всплывающего окна, которое вызвало событие popupDocument– Экземпляр объекта всплывающего документа elementor Это позволяет вам иметь еще больший контроль, например, если я хочу запускать свой код отслеживания только при закрытии определенного всплывающего окна: jQuery( document ).on( 'elementor/popup/hide', ( event, id, instance ) => { if ( id === 123 ) { // do your tracking here } } );
  2. Посчитаем текущее количество символов в полях формы (в тегах input и textarea), а также динамически отобразим их количество при изменении данных. HTML: <input class="counted" value="Some test string. Hi!" > <br> <input class="counted" value="Some test string. Goodby!" > <br> <textarea class="counted">Another test</textarea> CSS: .counted + span { margin-left:10px; } JavaScript (jQuery): $(document).ready(function() { $('.counted').each(function() { //для всех элементов с классом .counded $(this).after('<div>' + $(this).val().length + ' символов</div>'); //выведем калькуляцию после каждого поля }); }); $('.counted').on('keyup', function() { //присоединяем событие нажатия кнопки для функции $(this).next('div').html($(this).val().length + ' символов'); }); Готово! Пример: See the Pen Подсчет символов в input, textarea by ITwing (@itwing) on CodePen.
  3. Добавить можно, естественно, не только в DIV элемент на сайте, но и совершенно в любую другую конструкцию вашего HTML сайта. В примере будет рассмотрено 2 варианта вставки текста в html с помощью javascript и дополнительно вариант вставки кода через функцию, которая запускается по нажатию на кнопку. 1. На чистом JavaScript без jQuery Пример HTML - текст будет добавлен в тег <div> с классом demo <div id="description_id"> <div class="demo"></div> <p>Выше текст добавленный на чистом JavaScript</p> </div> Пример CSS (для моего примера не более) #description_id { padding: 50px 0; font-family: roboto, arial; } p { font-weight: 600; } Код JavaScript без jQuery /* на чистом JavaScript */ document.querySelector('.demo').innerHTML = "Подарочный сертификат на 10 000 руб. <a href='#'>Скачать</a>"; 2. На JavaScript используя библиотеку jQuery Пример HTML - текст будет добавлен в тег <div> с классом description_class <div id="description_id"> <div class="description_class"></div> <p>Выше текст добавленный с помощью JavaScript и библиотеки jQuery</p> </div> Код JavaScript используя jQuery /* используя jQuery */ $(".description_class").append("Подарочный сертификат на 15000 руб. <a href='#'>Скачать</a>"); 3. На JavaScript вставляем текст в html по нажатию на кнопку / ссылку Пример HTML - текст будет добавлен в тег <div> с классом demo <div id="description_id"> <div id="demo"></div> <p>Выше появится текст добавленный с помощью вызова функции JavaScript</p> <button onclick="myFunction()">Показать</button> </div> Код JavaScript через функцию /* на JavaScript через функцию */ function myFunction() { document.querySelector('#demo').innerHTML = "Подарочный сертификат на 20 000 руб. <a href='#'>Скачать</a>"; } Пример: See the Pen JS добавить html код в div. HTML в Div через JavaScript или jQuery. by ITwing (@itwing) on CodePen.
  4. Посчитаем сумму чисел в конкретном столбце HTML таблицы на чистом JavaScript: HTML <div> <table id="pricelist"> <tr> <th>Название</th> <th>Цена</th> </tr> <tr> <td>Шарф</td> <td class="quantity">250</td> </tr> <tr> <td>Перчатки</td> <td class="quantity">1300</td> </tr> <tr> <td>Кепка</td> <td class="quantity">600</td> </tr> <tr> <td colspan="2" align="right"> Итого: <span id="total">0</span> </td> </tr> </table> <table id="pricelist2"> <tr> <th>Название</th> <th>Цена</th> </tr> <tr> <td>Шарф</td> <td class="quantity">250</td> </tr> <tr> <td>Перчатки</td> <td class="quantity">1300</td> </tr> <tr> <td>Кепка</td> <td class="quantity">600</td> </tr> <tr> <td colspan="2" align="right"> <button id="totalBtn">Посчитать</button> Итого: <span id="total2">0</span> </td> </tr> </table> </div> JAVASCRIPT // автоподсчет данных Таблица 1 var table = document.querySelector('#pricelist'); var tds = table.querySelectorAll('.quantity'); var sum = 0; for (var i = 0; i < tds.length; i++) { sum += Number(tds[i].innerHTML); total.innerHTML = sum; } // подсчет данных по кнопке Таблица 2 var sumBtn = document.querySelector('#totalBtn'); sumBtn.onclick = function() { var table = document.querySelector('#pricelist2'); var tds = table.querySelectorAll('.quantity'); var sum = 0; for (var i = 0; i < tds.length; i++) { sum += Number(tds[i].innerHTML); total2.innerHTML = sum; } } Пример: See the Pen JavaScript - cумма чисел в столбце HTML таблицы. by ITwing (@itwing) on CodePen.
  5. Печенег

    CODEPEN

    CodePen - популярный онлайн-сервис для написания и быстрой отладки кода на HTML, CSS, JavaScript.

Общий чат

Введите ваше имя

×
×
  • Создать...

Важная информация

Продолжая использовать Веб-сайт ostogramm.ru Вы автоматически соглашаетесь с Политика конфиденциальности и Правила, в ином случаи просто покиньте его.