Поиск
Показаны результаты для тегов 'js'.
Найдено: 4 результата
-
Закрытие окна: 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 } } );
-
Как с помощью js добавить html код в div. HTML в Div через JavaScript или jQuery.
Печенег опубликовал запись в блоге в Заметки Программиста HTML CSS JS PHP
Добавить можно, естественно, не только в 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.-
- js
- javascript
-
(и ещё 1 )
C тегом:
-
CodePen - популярный онлайн-сервис для написания и быстрой отладки кода на HTML, CSS, JavaScript.
-
Образовательный веб-сайт Freemium для онлайн - обучения кодированию. Разработанный в 1998 году, он получил свое название от Всемирной паутины. Хорошо организованные и простые для понимания руководства по созданию веб-сайтов с множеством примеров использования HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML и др. https://www.w3schools.com/php/phptryit.asp?filename=tryphp_func_array_sum