ventana modal al cargar pagina

eic2010 · #1 (**permalink**) 05/06/2014, 15:15

Hola quisiera que mi ventana modal se muestre al cargarse la pagina, lo busque por todos las y no encuentro el código correspondiente, aqui les dejo el codigo html:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>A Simple Modal: Redux</title>
        <link href="http://themes.static.deseloper.org/themes/examples/base.css" type="text/css" rel="stylesheet" />
        <link href="styles/modal-window.css" type="text/css" rel="stylesheet" />
        <!--[if lte IE 6]><link href="styles/modal-window-ie6.css" type="text/css" rel="stylesheet" /><![endif]-->
    </head>
    <body>
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 25px; background: #000; color: #fff; padding: 15px 0 0 0; overlflow: hidden;"><a style="margin-left: 30px;" href="http://deseloper.org">&laquo; Back to Deseloper.org</a></div>
        <div style="position: absolute; left: 0; top: 40px;">
            <script type="text/javascript"><!--
                google_ad_client = "pub-6411809547640783";
                /* Examples - Wide Vertical */
                google_ad_slot = "0507563986";
                google_ad_width = 160;
                google_ad_height = 600;
            //--></script>
            <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
        </div>
        <div style="position:relative; margin-left: 200px; top:80px">
            <h2>A Simple Modal: Redux</h2>
            <h3 style="margin-top:50px;"><a href="modal.html" onclick="$(this).modal({width:833, height:453}).open(); return false;">&rarr; Modal iFrame</a></h3>
            <h3 style="margin-top:50px;"><a href="images/greenman.jpg" onclick="$(this).modal({width:500, height:375}).open(); return false;">&rarr; Modal Image</a></h3>
            <h4 style="margin-top:50px;"><a style="color:#CCBEBE" href="http://deseloper.org/downloads/examples/simple-modal-redux/simple-modal-redux.zip">&rarr; Download Source</a></h4>
        </div>
        <script type="text/javascript" language="javascript" src="scripts/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" language="javascript" src="scripts/modal-window.min.js"></script>
        
    </body>
</html>

caricatos · #2 (**permalink**) 05/06/2014, 16:14

Hola:

En javascript, el evento que se corresponde con la carga de la página es load del objeto window...

Desde luego que no es accesible si no está acompañado de al menos un enlace hacia esa ventana "pseudo"- modal.

Saludos

eic2010 · #3 (**permalink**) 05/06/2014, 17:52

Te agradecería si me darias un ejemplo con codigo.