Модальное всплывающее окно с динамическим содержимым стиля / скрипт - PullRequest
Новая
       13

Модальное всплывающее окно с динамическим содержимым стиля / скрипт

1 голос
/ 15 марта 2019

Я пытаюсь отобразить модальное всплывающее окно, в котором есть какой-то необработанный xml, но когда xml заполняется во всплывающем окне, стили удаляются.XML загружается динамически в зависимости от того, какая кнопка запрашивает XML.Я подозреваю, что сценарий, который загружает стиль, больше не доступен для модального устройства во время события click или, возможно, для тегов <xmp>.Сценарий pretty-print, который я использую, прекрасно работает в xmp, но не во всплывающем окне.

У меня есть модальное всплывающее окно, которое следует за https://www.w3schools.com/howto/howto_css_modals.asp.

Я стилизирую содержимое XML вмодальное использование pretty print , связанное через cdn в <head></head>.

Я динамически отображаю raw xml в этом модальном режиме при нажатии соответствующей кнопки: 

<code><button class="expand" onclick="expand('0')">Expand Data</button>
<button class="expand" onclick="expand('1')">Expand Data</button>

<div id="xmlBox" class="xmlBox">
      <div class="expandContent">
        <span class="close">CLOSE</span>
        <pre  class="prettyprint">
            <xmp class="xml"></xmp>
var formattedXML = " text ";var formattedXML1 = " text1 ";var arr = [formattedXML, formattedXML1];function expand (i) {document.getElementById ("xmlBox"). style.display = "block";document.getElementsByClassName ( "XML") [0] = .innerHTML обр [I];}
...