Quiero una ventanita pop up
Como coloco en mi página un pop up, para cuando presione en un link de una foto de persona me aparezca en una ventana pequeña las características de esa persona. Chao y gracias
1 Respuesta
Respuesta de mcalons
1
Aquí te facilito el código para abrir un pop up de diferentes formas, pero si son muchos los pop up que tienes que abrir debes facilitar las variables con los datos, eso ya queda de tu cuenta, puedes hacerlo con javascript y también ayudarte de ASP o PHP si los datos son muchos y dinámicos.
Si son pocos los pop up te recomiendo que en el ejemplo que te facilito pases a la función los datos tal como Nombre, profesión, o lo que sea... tal como muestra el ejemplo 3
<html>
<head>
<script language="javascript">
<!--
function abrir(){
window.open("js2.html","abrir","toolbar=no,directories=no,menubar=0,scrollbars=no,location=no,status=no,resizable=no,width=300,height=300,left=100,top=100");
}
function abrir2(){
nuevaV = window.open("","abrir","toolbar=no,directories=no,menubar=0,scrollbars=no,location=no,status=no,resizable=no,width=300,height=300,left=100,top=100")
var botonCerrar = "<FORM><INPUT TYPE='BUTTON' VALUE='Ok'" + "onClick='self.close()'>" + "</FORM>";
nuevaV.document.write("Hola, esta ventana se abrió con el texto que le facilitamos en al anterior\r");
nuevaV.document.write(botonCerrar);
nuevaV.document.close();
}
function abrir3(name,prof){
nuevaV = window.open("","abrir","toolbar=no,directories=no,menubar=0,scrollbars=no,location=no,status=no,resizable=no,width=300,height=300,left=100,top=100")
var botonCerrar = "<FORM><INPUT TYPE='BUTTON' VALUE='Ok'" + "onClick='self.close()'>" + "</FORM>";
nuevaV.document.write("Hola, " + name + '<br>');
nuevaV.document.write("Profesión : " + prof);
nuevaV.document.write(botonCerrar);
nuevaV.document.close();
}
//-->
</script>
</head>
<body>
<p>En este ejemplo te muestro como abrir 3 ventanas, en la primera unicamente abrimos la ventana con el archivo htm o html que tu quieras.</p>
<br>En el segundo enlace abrimos una ventana con lo que tu quieras escribir<br>
<br>En el ejemplo 3 abrimos una ventana con el nombre que le pasamos a la función<br>
<br><a href="javascript:abrir()"><img src="ani-cara3.gif" width=50 heigh=50>abrir</a>
<p>
<a href="javascript:abrir2()">abrir otra ventana</a>
<p>
<a href="javascript:abrir3('McAlons','Webmaster')">abrir Ventana con Datos facilitados</a>
</body>
</html>
Saludos!
Mcalons
;)
McAlons Multimedia Design
Muy pronto URL personal.
En construcción Tienda Virtual standard para su comercialización para webmaster, pequeñas y medianas empresas que deseen realizar negocio en internet.
Puedes ver como se está construyendo en http://www24.brinkster.com/mcalons/mmd/shop/default.asp
Si estas interesado en la Tienda Virtual envía un mail a [email protected]
Si son pocos los pop up te recomiendo que en el ejemplo que te facilito pases a la función los datos tal como Nombre, profesión, o lo que sea... tal como muestra el ejemplo 3
<html>
<head>
<script language="javascript">
<!--
function abrir(){
window.open("js2.html","abrir","toolbar=no,directories=no,menubar=0,scrollbars=no,location=no,status=no,resizable=no,width=300,height=300,left=100,top=100");
}
function abrir2(){
nuevaV = window.open("","abrir","toolbar=no,directories=no,menubar=0,scrollbars=no,location=no,status=no,resizable=no,width=300,height=300,left=100,top=100")
var botonCerrar = "<FORM><INPUT TYPE='BUTTON' VALUE='Ok'" + "onClick='self.close()'>" + "</FORM>";
nuevaV.document.write("Hola, esta ventana se abrió con el texto que le facilitamos en al anterior\r");
nuevaV.document.write(botonCerrar);
nuevaV.document.close();
}
function abrir3(name,prof){
nuevaV = window.open("","abrir","toolbar=no,directories=no,menubar=0,scrollbars=no,location=no,status=no,resizable=no,width=300,height=300,left=100,top=100")
var botonCerrar = "<FORM><INPUT TYPE='BUTTON' VALUE='Ok'" + "onClick='self.close()'>" + "</FORM>";
nuevaV.document.write("Hola, " + name + '<br>');
nuevaV.document.write("Profesión : " + prof);
nuevaV.document.write(botonCerrar);
nuevaV.document.close();
}
//-->
</script>
</head>
<body>
<p>En este ejemplo te muestro como abrir 3 ventanas, en la primera unicamente abrimos la ventana con el archivo htm o html que tu quieras.</p>
<br>En el segundo enlace abrimos una ventana con lo que tu quieras escribir<br>
<br>En el ejemplo 3 abrimos una ventana con el nombre que le pasamos a la función<br>
<br><a href="javascript:abrir()"><img src="ani-cara3.gif" width=50 heigh=50>abrir</a>
<p>
<a href="javascript:abrir2()">abrir otra ventana</a>
<p>
<a href="javascript:abrir3('McAlons','Webmaster')">abrir Ventana con Datos facilitados</a>
</body>
</html>
Saludos!
Mcalons
;)
McAlons Multimedia Design
Muy pronto URL personal.
En construcción Tienda Virtual standard para su comercialización para webmaster, pequeñas y medianas empresas que deseen realizar negocio en internet.
Puedes ver como se está construyendo en http://www24.brinkster.com/mcalons/mmd/shop/default.asp
Si estas interesado en la Tienda Virtual envía un mail a [email protected]
