Grey box popup in stile

Ecco come realizzare una popup in stile web2, grazie a http://orangoo.com/labs/GreyBox/ è possibile mostrare contenuti in una finestra esterna alla pagina

Ecco gli script di cui abbiamo bisogno da inserire nei tag HEAD

    <script type="text/javascript">
        var GB_ROOT_DIR = "./greybox/";
    </script>

    <script type="text/javascript" src="greybox/AJS.js"></script>
    <script type="text/javascript" src="greybox/AJS_fx.js"></script>
    <script type="text/javascript" src="greybox/gb_scripts.js"></script>
    <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
    <!script type="text/javascript" src="static_files/help.js">
    <link href="static_files/help.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">
GB_myShow = function(caption, url, /* optional */ height, width, callback_fn) {
    var options = {
        caption: caption,
        height: height || 200,
        width: width || 400,
        fullscreen: false,
        show_loading: false,
        callback_fn: callback_fn
    }
    var win = new GB_Window(options);
    return win.show(url);
}
</script>

Questo è il link per richiamare la finestra popup, ovviamente cambiando i parametri tra le parentesi quadre possiamo variare le dimensioni della finestra

<a href="prova.html" title="prova" rel="gb_page_center[400, 200]">lancia
una prova in a 640x480 window</a>

Clicca il link per visualizzare un esempio lancia una prova

Scarica qui gli script necessari file zip 23 KBytes