Question

定位于quizshow危险我正在尝试实现一个页面，显示div的列（类别）和行（值），点击时会弹出不同的问题或图像。

该功能如下所示：

    function popup(q) {
        var popup = document.getElementById("myPopup");
        document.getElementById("src").src = q;
        popup.classList.toggle("show");
    }

并且这样称呼：

<div class="popup" onclick="popup('question1.txt')">    
    Category 1 <br/> 50 
    <span class="popuptext" id="myPopup">
        <iframe id="src">
        </iframe>
    </span>
</div>

<div class="popup" onclick="popup('question2.txt')">    
    Category 2 <br/> 50 
</div>

（对于.popup，.popuptext等的进一步css，请看这里：如何TO - 弹出）我在css中做的市长改变是.popuptext的位置（当然还要调整一些值）

position: fixed;

这适用于.txt，但我也希望嵌入以iframe结束的非常丑陋场景的图片。我发现，通过使用embed： - ＆gt;

替换iframe可以避免这种情况

<div class="popup" onclick="popup('picture1.jpg')"> 
    Category 1 <br/> 50 
    <span class="popuptext" id="myPopup">
        <embed id="src" />
    </span>
</div>

<div class="popup" onclick="popup('picture2.jpg')"> 
    Category 2<br/> 50 
</div>

所以iframe适用于.txt（但它不会给我正确的img-resizing），而嵌入适用于图像，但不适用于.txt文件（显示的文本将始终是.txt文件的内容我首先叫。

我知道我可以使用2个函数解决这个问题，并给第二个div提供与第二个函数相关的其他类和id名称。我不想这样做，因为弹出窗口的位置处理真的很烦人。

有任何建议，如何处理？

提前致谢。

更改嵌入式.txt的src

0 个答案: