What lightboxes work inside Firefox extensions?

Question

I want to use a lightbox like Shadowbox or similar inside a Firefox extension. But Shadowbox causes Javascript errors like this:

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

Which lightbox supports IFRAMEs and will run correctly inside an extension (ie. added to the overlay XUL)?

Answer 1

Quite possibly none. Lightboxes are meant to work with (X)HTML, not XUL.

Answer 2

Which kind of feature are you looking for?

Is it that you can popup "overlays" over the content? The XUL equivelant of overlays are panels. You can also easily add an iframe to XUL by using the HTML namespace. I would not recommend it though, but use some simple javascript to change the content of the panel instead.

You can also try with stack. Here is a small example :

<?xml version="1.0"?>
<!DOCTYPE window PUBLIC "-//MOZILLA//DTD XUL V1.0//EN" "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"&gt;
<?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"&gt;
    <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"/&gt;
      </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"/&gt;
     </vbox>
    </stack>
</window>