Forums / National / Russian / Модули и плагины / Highslide - релиз

12>>>

Тема для обсуждения всего что связано с плагином highslide

Roffun
#1 2019-02-02 20:56

Сегодня опубликовал плагин highslide, с помощью которого можно выводить в модальном окне изображения, ифрейм, аякс, видео Ютуб, инлайн содержимое определенного div, и т.д. Тема посвящена непосредственно плагину, обсуждению, вопросам.

Добавлено 17 часов спустя:

На cmscot.net можно посмотреть - кликнув на изображениях в статьях, также соглашение о куках в футере, ajax окно.

Добавлено 5 часов спустя:

Описание highslide готово.

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts
This post was edited by Roffun (2020-10-05 22:06, 3 years ago)
kushelbek
#2 2019-02-08 13:21

а скачать где можно? =)

Добавлено 7 минут спустя:

Sticky текст снизу стоже реализован с помощью данного плагина?

This post was edited by kushelbek (2019-02-08 13:28, 5 years ago)
Roffun
#3 2019-02-08 13:42
#44040 kushelbek:

а скачать где можно? =)

 

 На Github можно, или на странице плагина.

#44040 kushelbek:Sticky текст снизу стоже реализован с помощью данного плагина?

Нет, это другой плагин, соглашение об использовании cookie, его позже тоже выложу.

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts
This post was edited by Roffun (2020-10-05 22:06, 3 years ago)
kushelbek
#4 2019-02-08 13:43
#44041 Roffun:
#44040 kushelbek:

а скачать где можно? =)

 

 На Github можно, или на странице плагина.

#44040 kushelbek:Sticky текст снизу стоже реализован с помощью данного плагина?

Нет, это другой плагин, соглашение об использовании cookie, его позже тоже выложу.

Понял спасибо =) 

А есть ли возможность у данного плагина всплывать по времени?

Roffun
#5 2019-02-08 14:40
#44042 kushelbek:  А есть ли возможность у данного плагина всплывать по времени?

Не понял сути вопроса.

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts
Виктор
#6 2019-02-09 11:40

не выводит ютуб, в фрейме в <body> пусто

<a href="https://www.youtube.com/watch?v={G_TRAILER}" class="btn btn-outline-light btn-sm mr-2 highslide-iframe" >

ошибка - Load denied by X-Frame-Options: https://www.youtube.com/watch?v=код does not permit cross-origin framing.

Додано 7 хвилин потому:

нашел, ошибка в ссылке, нужно <a href="https://youtube.com/embed/{G_TRAILER}" class="highslide-iframe" >

This post was edited by Виктор (2019-02-09 11:47, 5 years ago)
Roffun
#7 2019-02-09 13:11
#44050 Виктор:  нашел, ошибка в ссылке, нужно <a href="https://youtube.com/embed/{G_TRAILER}" rel="nofollow" class="highslide-iframe" >

Для Youtube видео нужно указывать ссылку на плеер вида https://youtube.com/embed/****, также можно  вставлять короткие ссылки вида youtu.be/** (я сделал преобразование).

Добавлено 1 минута спустя:

#44050 Виктор:  ошибка - Load denied by X-Frame-Options: https://www.youtube.com/watch?v=код does not permit cross-origin framing.

Это не ошибка плагина, а сообщение о том, что этот url запрещено открывать в iframe.

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts
kushelbek
#8 2019-02-11 07:15
#44043 Roffun:
#44042 kushelbek:  А есть ли возможность у данного плагина всплывать по времени?

Не понял сути вопроса.

имел в виду следующее: человек зашел на сайт и через (например) секунд 30 ему всплывает модальное окно.

Roffun
#9 2019-02-11 12:55
#44056 kushelbek:  имел в виду следующее: человек зашел на сайт и через (например) секунд 30 ему всплывает модальное окно.

Для этого не нужно задействовать плагин, используйте отложенный клик по ссылке с помощью settimeout.

Просто ссылка на вызов модального окна автоматически кликается через N секунд.

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts
kushelbek
#10 2019-02-11 13:06
#44057 Roffun:
#44056 kushelbek:  имел в виду следующее: человек зашел на сайт и через (например) секунд 30 ему всплывает модальное окно.

Для этого не нужно задействовать плагин, используйте отложенный клик по ссылке с помощью settimeout.

Просто ссылка на вызов модального окна автоматически кликается через N секунд.

Так и делаю =)))) Думал в плагине есть такая возможность =)

Roffun
#11 2019-02-11 13:53
#44058 kushelbek:  Так и делаю =)))) Думал в плагине есть такая возможность =)

Она и есть. Один из вариантов, ссылке дать id, и самозапускающейся функцией вызвать.

    <a id="mo" href="/robots.txt" class="highslide-ajax">
    Открыть в окне файл robots.txt
    </a>

    <script>
          setTimeout(function() {
            document.getElementById('mo').click()
          },3000);
    </script>

 

Добавлено 2 минуты спустя:

А если нужно её скрыть из поля зрения, можно добавить атрибут hidden:

<a id="mo" href="/robots.txt" class="highslide-ajax" hidden>
Открыть в окне файл robots.txt
</a>

 

Добавлено 2 минуты спустя:

Нужно будет урок написать под вызов, например сразу после загрузки страницы, после N времени,  и появляющеееся бесконечно через N промежуток.

Здесь можно придумать десяски вариантов вызова, и всё это можно делать средствами js, а плагин в таком случае просто делает свою работу - выводит модальное окно. Поэтому зачем всё впихивать в плагин, если можно это сделать средствами js, доступными в любом браузере.

Вот еще примерчик:

Если нужно вызвать окно из вышеописанного примера (robots.txt) не по времени, а по скроллингу (вертикальная прокрутка + время). Например вызвать окно если пользователь прокрутил страницу вниз на 800px +  после сделать небольшую задержку, то код вызова может быть таким:

<script>
    window.addEventListener('scroll', function(e) {
        if (e.pageY > 800) {
            let mo = document.getElementById('mo');
            let state = mo.dataset.state;
            if (!state) {
                mo.setAttribute('data-state', 'scrolled');
                setTimeout(function() {
                    mo.click();
                }, 2000);
            }
        }
    });
</script>

В этом примере окно всплывет 1 раз через 2000ms после того как пользователь прокрутит страницу вниз на 800px.

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts
This post was edited by Roffun (2019-02-11 14:47, 5 years ago)
kushelbek
#12 2019-02-12 06:06
#44059 Roffun:
#44058 kushelbek:  Так и делаю =)))) Думал в плагине есть такая возможность =)

Она и есть. Один из вариантов, ссылке дать id, и самозапускающейся функцией вызвать.

    <a id="mo" href="/robots.txt" class="highslide-ajax">
    Открыть в окне файл robots.txt
    </a>

    <script>
          setTimeout(function() {
            document.getElementById('mo').click()
          },3000);
    </script>

 

Спасибо за развернутый ответ :-)

Виктор
#13 2020-10-05 07:47

Описание highslide готово. Не нашел описания ни на github, ни в web archive, просьба к автору опубликовать в данной теме

Kopusha
#14 2020-10-05 11:32

Not Found

The requested URL /extensions/files-media/highslide-plugin was not found on this server.

А до этого ругалось на safe url.

Roffun
#15 2020-10-05 22:02
#45104 Kopusha:

Not Found

The requested URL /extensions/files-media/highslide-plugin was not found on this server.

А до этого ругалось на safe url.

Просто домен был прилинкован на хостинге, поэтому по умолчанию была их страница c http. 

Добавлено 2 минуты спустя:

#45103 Виктор:

Описание highslide готово. Не нашел описания ни на github, ни в web archive, просьба к автору опубликовать в данной теме

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

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts
This post was edited by Roffun (2020-10-05 22:17, 3 years ago)

12>>>