Firefox 확장 프로그램에서 어떤 라이트 박스가 작동합니까?

Question

Firefox 확장 내에서 Shadowbox 또는 그와 비슷한 라이트 박스를 사용하고 싶습니다. 그러나 쉐도우는 다음과 같이 자바 스크립트 오류가 발생합니다 :

라이트가 iframe을 지원하고 확장 내부에서 제대로 실행됩니다

Error: document.write is not a function 
Source file: chrome://iframe/content/shadowbox/shadowbox.js 
Line: 1557 

(즉, 오버레이 XUL에 추가됩니다.)?

Answer 1

매우 그렇다. 라이트 박스는 XUL이 아닌 (X) HTML로 작업하기위한 것입니다.

Answer 2

어떤 기능을 원하십니까?

콘텐츠 위에 "오버레이"를 팝업 할 수 있습니까? 오버레이의 XUL 등가물은 패널입니다. 또한 HTML 네임 스페이스를 사용하여 iframe을 XUL에 쉽게 추가 할 수 있습니다. 나는 그것을 권하고 싶지는 않지만, 대신 간단한 자바 스크립트를 사용하여 패널의 내용을 변경하십시오.

스택으로 시도 할 수도 있습니다. 여기에 작은 예입니다

<?xml version="1.0"?> 
<!DOCTYPE window PUBLIC "-//MOZILLA//DTD XUL V1.0//EN" "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> 
<window id="test" 
     title="test" 
     xmlns:html="http://www.w3.org/1999/xhtml" 
     xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" 
     xmlns:svg="http://www.w3.org/2000/svg"> 
    <stack> 
     <hbox> 
      <vbox> 
       <hbox> 
        <label value="123"/> 
       </hbox> 
       <hbox> 
        <label value="456"/> 
       </hbox> 
       <html:iframe style="width: 800px; height: 400px;" src="http://www.google.com"/> 
      </vbox> 
     </hbox> 
     <vbox style="position: absolute;opacity: 0.5;"> 
      <html:iframe style="position: absolute; top: 100px; left: 100px; width: 500px;" src="http://www.google.com"/> 
     </vbox> 
    </stack> 
</window>