Publicentral.com - promocion de paginas webpromocion de paginas web
Mostrando Codigo - Javascript
Code

Javascript - Abrir nueva ventana progresiva desde enlace

Códigos Javascript

Al pulsar sobre el enlace esta abrirá una nueva ventana que se abrirá de forma progresiva desde la parte izquierda superior. Para modificar las propiedades de la ventana solo debemos cambiar los valores de las lineas 3 a linea 6
Visitas: 21,967 - 12/06/2004 21:03:42
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <SCRIPT LANGUAGE="JavaScript">
  2. function expandingWindow(website) {
  3. var heightspeed = 4;
  4. var widthspeed = 9;
  5. var leftdist = 0;
  6. var topdist = 0;
  7. if (document.all) {
  8. var winwidth = window.screen.availWidth - leftdist;
  9. var winheight = window.screen.availHeight - topdist;
  10. var sizer = window.open("","","left=" + leftdist + ",top=" + topdist + ",width=1,height=1,scrollbars=yes");
  11. for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) {
  12. sizer.resizeTo("1", sizeheight);
  13. }
  14. for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) {
  15. sizer.resizeTo(sizewidth, sizeheight);
  16. }
  17. sizer.location = website;
  18. }
  19. else
  20. window.location = website;
  21. }
  22. </script>
  23. <a href="http://www.tutores.org" onClick="expandingWindow('http://www.tutores.org/');return false;">Tutores.org</a>
  24. <br>
  25. <a href="http://www.yahoo.com/" onClick="expandingWindow('http://www.yahoo.com/');return false;">Yahoo.com</a>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Abrir nueva ventana progresiva desde enlace" href="http://www.tutores.org/codigo/1120/" target="_blank">Abrir nueva ventana progresiva desde enlace</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
solange contreras
4 5
Buenas tengo una duda tengo un pop-up que se abre a entrar a una pagina vean www.atraccionesbarbara.com, yo cree una ventana con la imagen y lo que hago es llamarla, pero como hago para que despues que este abrierta completamente, desactivar el icono de maximizar, Gracias por su ayuda.
[*CODE*]
<script language="JavaScript" type="text/JavaScript">
var ancho=45 // Ancura de la ventana
var alto=150 // Altura de la ventana
var fin=280 // Posicion final
var x=40 // Posicion inicial vertical
var y=40 // Posicion inicial horizontal

function ventana()
{
ventana = window.open("promo.html", "_blank", "resizable,height=1,width=1,top=x,left=y,screenX=x,screenY=y");
abre();
}
function abre()
{
if (ancho<=fin) {
ventana.moveTo(x,y);
ventana.resizeTo(ancho,alto);
x+=5
y+=5
ancho+=15
alto+=15
timer= setTimeout("abre()",1)
}
else {
clearTimeout(timer)
}
}
</script>
</head>
<body onload="ventana(),MM_preloadImages('botones/bot_in1.gif', 'botones/bot_in2.gif','botones/bot_in3.gif','botones/bot_in4.gif','botones/bot_in5.gif','botones/bot _in6.gif','botones/bot_in7.gif')">
[*/CODE*]
Comentario usuario
19/04/2003
4 5
Hola prueba modificando esta linea
[*CODE*]("promo.html", "_blank", "resizable=no,toolbar=no,height=1,width=1,top=x,left=y,screenX=x,screenY=y")[*/CODE*]
lo que hace que no se pueda maximizar es resizable=no
espero que te sirva, saludos
Comentario usuario
solange
4 5
Gracias, yo escribia noresizable, buscada algo que me dijera las propiedades de window.open, pero no conseguia, mil gracias, son esa la cosas tontas las que a veces nos dan mas trabajo. chaoo
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.