Како аутоматски отворити Lightbox образац

8. март 2022.

Како аутоматски отворити Lightbox образац након што је страница завршена са учитавањем.

To auto-popup a lightbox form after the page is loaded, just insert openOnLoad:true parameter in the lightbox code. Како би аутоматски отворио образац након што страница заврши са учитавањем, само додај openOnLoad:true параметар у lightbox код.

Пример:

<script src="https://form.jotform.com/static/feedback2.js?3.3.REV"type="text/javascript">
    var JFL_63431346590960 =new JotformFeedback({
        formId:'YOURFORMID',
        base:'https://form.jotform.com/',
        windowTitle:'НАСЛОВ ОБРАСЦА',
        background:'#FFA500',
        fontColor:'#FFFFFF',
        type:'false',
        height:500,
        width:700,
        openOnLoad:true
    });
</script>

Буди пажљив приликом додавања овог параметара. Требало би да додаш зарез након параметара за ширину. Само идентично прекопирај код изнад.

Аутоматски прикажи образац након одређеног времена

Могуће је одложити приказивање обрасца након што се страна учита.

  1. Преузми код за Lightbox уградњу.
  2. Додај ID атрибут након атрибута за везу којег можеш пронаћи у коду.

На пример, id=”lightboxdelay”, погледај пример испод:

<aid="lightboxdelay"class="lightbox-21357249698871"style="cursor:pointer;color:blue;text-decoration:underline;display:none;">Контакт образац</a>

Такође можеш додати својство display:none; у атрибуту за стил да сакријеш линк, као што је приказано изнад.

  1. Након тога, додај следећу скрипту испод кода за Lightbox уградњу

<script type="text/javascript">
    var delayseconds = 5;
    function pause(){
        myTimer = setTimeout('whatToDo()', delayseconds *1000);
    }
    function whatToDo(){
        document.getElementById('lightboxdelay').click();
    }
    window.onload = pause;
</script>

  • 5 – You can change 5 to your preference. пзначава број секунди пре него што се образац појави. Можеш променити ову вредност по својој потреби.
  •  lightboxdelay  – ово је идентификатор који смо додали у другом кораку. Побрини се да су ова два идентификатора идентична.

Овде можеш тестирати одлагање од 5 секунди.

Аутоматски затвори образац након одређеног времена

  1. Преузми Lightbox код за уградњу.
  2. Додај следећи код испод кода за уградњу.
  1. <script type="text/javascript">
        var delayseconds =5;
        window.onload = closeLightbox();
        function closeLightbox() {
            setTimeout(function(){
                document.querySelector('.jt-dimmer').click();
            }, delayseconds*1000);
        }
    </script>

3. Можеш променити време изменом delayseconds варијабле. 5 значи да ће образац бити затворен након 5 секунди.


Важно: Коришжењем window.onload метода може да дође до међусобног сукоба уколико постоје више њих на једној страни. У овом случају, можеш да користиш prototype или jQuery методе уместо window.onload.

Повезани водичи:

Контактирај подршку:

Наш тим подршке је доступан 24/7 и просечно време одговора је до 2 сата.
Можеш контактирати наш тим путем:

Форум подршке: https://www.jotform.com/answers/

Контактирај Jotform подршку: https://www.jotform.com/contact/

Пошаљи коментар:

Jotform Avatar
Овај сајт је заштићен reCAPTCHA-ом, а важе и Google правила о приватности и услови коришћења.

Podo Comment Буди први који ће прокоментарисати