August 26, 2023

Вставка виджетов гк во всплывающий блок в бизон365

Видеоинструкция:

Код:

<script class="frames" id="226edfa93cd66d5deecf9fa0a5c6f1804d543e82" src="https://edu.onthewaytothesun.ru/pl/lite/widget/script?id=343359"></script>
<script class="frames" id="8488baedf261fc6b693b84c10538278112540cc3" src="https://edu.onthewaytothesun.ru/pl/lite/widget/script?id=135752"></script>
<script>
setInterval(()=>{
$('.btndownload').each(function(){
$(this).removeAttr('target')
})
},1000)

let GCframesCount = $('.frames').length;
let checker = setInterval(()=>{
if (GCframesCount = $('#htmlCustom iframe').length) {
makeModals()
clearInterval(checker);
}
},1000)

function makeModals()
 {
$('#htmlCustom iframe').each(function(index){
let modalComponent = $(`<div class="modal" id="modal-GC-${index}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
       
      </div>
      <div class="modal-body">
    


      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>`)
$('.container-fluid').append(modalComponent)
modalComponent.find($('.modal-body')).append($(this))
$(this).show()
})

}

</script>
<style>
#htmlCustom iframe {
display:none;
}
</style>

Вам необходимо заменить в этом скрипте код виджетов (он в самом верху, в примере 2 штуки, но вы можете сделать сколько угодно) и добавить у каждого скрипта виджета часть class="frames" как в примере

Затем вы можете назначать на кнопки бизона специальную команду на вызов этих виджетов по порядку.

Чтобы кнопка вызывала первую по счету форму, добавьте в ссылку кнопки

javascript:$('#modal-GC-0').modal('show')

Для вызова второй по счету формы

javascript:$('#modal-GC-1').modal('show')

Для третьей

javascript:$('#modal-GC-2').modal('show')

Ну и так далее ;)