Abrir ventana AJAX "onload"

CHILENOCES · #1 (**permalink**) 12/04/2007, 09:36

Estimados amigos, no se si estara bien el titulo de mi mensaje pero aqui va:

Tengo el siguiente codigo:

Código HTML:

<html>
<head>
<title>Ejemplo AJAX</title>
<link rel="stylesheet" href="http://livepipe.net/styles/screen.css"/>
<style>
#modal_container {
	padding:5px;
	background-color:#fff;
	border:1px solid #666;
	overflow:auto;
	font-family:"Lucida Grande",Verdana;
	font-size:12px;
	color:#333;
	text-align:left;
	}
#modal_container.test {
	background-color:#900;
	color:#fff;
	padding:30px;
	text-align:center
	}
#modal_overlay {
	background-color:#000;
	}
#modal_overlay.test {
	background-color:#fff;
	}
</style>
</head>
<body>
<div id="container">
<div id="main">
<script src="http://livepipe.net/scripts/prototype.js"></script>
<script src="http://livepipe.net/downloads/control.modal.js"></script>

<ul>
	<li><a href="http://www.google.com/" id="modal_link_four">Abrir</a> - Hacer click para cargar Google.com.</li>

</ul>
<script>
	Event.observe(window,'load',function(){
		new Control.Modal($('modal_link_four'),{
			iframe: true,
			width: 510,
			height: 417
		});
	});
</script>
		</div>
		</div>
	</body>
</html>

Si se fijan el link <a href="http://www.google.com/" id="modal_link_four">Abrir</a> es el encargado de que al hacerle click nos cargue la ventana llamando la funcion:

Código HTML:

<script>
	Event.observe(window,'load',function(){
		new Control.Modal($('modal_link_four'),{
			iframe: true,
			width: 510,
			height: 417
		});
	});
</script>

Mi pregunta es:

Como puedo hacer que la ventana se carga onload(); osea que no sea necesario hacer click en un enlace mas bien que simplemente se abra la ventanita ajax al cargar la pagina como usualmente se haria en js : onload="funcion();" pero trate asi y no pude.

Alguna sugerencia, idea, ayuda seria muy apreciada!

Gracias.

MaBoRaK · #2 (**permalink**) 12/04/2007, 14:35

loading..........

Debes poner tu script en el HEAD para que haga eso ya que con prototype ya llamas a observar el evento ONLOAD

Código PHP:

  <html>

<head>

<title>Ejemplo AJAX</title>

<link rel="stylesheet" href="http://livepipe.net/styles/screen.css"/>

<style>

#modal_container {

    padding:5px;

    background-color:#fff;

    border:1px solid #666;

    overflow:auto;

    font-family:"Lucida Grande",Verdana;

    font-size:12px;

    color:#333;

    text-align:left;

    }

#modal_container.test {

    background-color:#900;

    color:#fff;

    padding:30px;

    text-align:center

    }

#modal_overlay {

    background-color:#000;

    }

#modal_overlay.test {

    background-color:#fff;

    }

</style>

<script src="http://livepipe.net/scripts/prototype.js" type="text/javascript"></script>

<script src="http://livepipe.net/downloads/control.modal.js" type="text/javascript"></script>

<script type="text/javascript">

    Event.observe(window,'load',function(){

        new Control.Modal($('modal_link_four'),{

            iframe: true,

            width: 510,

            height: 417

        });

    });

</script>

</head>

 
<body>

<div id="container">

<div id="main">

<ul>

    <li><a href="http://www.google.com/" id="modal_link_four">Abrir</a> - Hacer click para cargar Google.com.</li>

 
</ul>

</div>

    </div>

    </body>

</html>

connection closed.