10329 Suscriptores al Feed del Blog
69 Suscriptores al Feed de Anotaciones Breves
61 usuarios online
Josep Viciana en Twotiny Icon Set
Abrir una ventana con efecto de redimensionamiento
0 COMENTARIOS
27/04/2006 -
JAVASCRIPT, TIPS, SNIPPETS
Una forma distinta de abrir una ventana. Ésta se abre con un tamaño inicial pequeño y se va redimensionando hasta llegar a ocupar toda la pantalla. Javascript:
<script language="javascript">
//Valores iniciales
var AlturaVentana=100
var AnchoVentana=100
var x=5
function abrirVentana(Direccion){
temploc=Direccion
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(Direccion)
return
}
PopVentana=window.open("","","scrollbars")
//Mover al vertice superior izquierda
PopVentana.moveTo(0,0)
//Redimensionar a un tamaño inicial
PopVentana.resizeTo(AlturaVentana,AnchoVentana)
Redimensionar()
}
function Redimensionar(){
if (AlturaVentana>=screen.availHeight-3)
x=0
PopVentana.resizeBy(5,x)
AlturaVentana+=5
AnchoVentana+=5
if (AnchoVentana>=screen.width-5){
PopVentana.location=temploc
AlturaVentana=AlturaVentana
AnchoVentana=AnchoVentana
x=5
return
}
//Intervalo de ejecucion de la funcion
//A menor intervalo mayor velocidad
//de redimensionamiento
setTimeout("Redimensionar()",10)
}
//-->
</script>
HTML:
<p><a href="javascript:abrirVentana('http://www.elpais.es')">Ver Ejemplo abriendo una ventana</a>
Algunas entradas relacionadas:
- Mostrar un enlace aleatorio con Javascript
- Evitar enviar dos veces un formulario
- Operaciones en campos de formulario
- Aumentar el tamaño de un texto con Javascript
- Menu con CSS y Javascript
- Reducir ficheros Javascript y CSS con PHP
- FAQ: Abrir una ventana a pantalla completa o fullscreen
También te puede interesar:
Bienvenido a Intenta. Has venido desde ; si andabas buscando algo espero que este post satisfaga tus expectativas.
|
|
|
|
|
