Abrir una ventana con efecto de redimensionamiento
0 COMENTARIOS - Publicado hace 47 meses - Clasificado en: JAVASCRIPT, TIPS, SNIPPETSUna 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:
- FAQ: Abrir una ventana desde un enlace de texto
- Javascript: La instrucción for
- Deshabilitar la selección de texto en la web
- FAQ: Eliminar caracteres inválidos de un campo antes de enviar el formulario
- Javascript para ordenar tablas
- FAQ: Cómo hacer que el resultado de la selección de dos combos sea mostrado en un campo de texto
- Mostrar un enlace aleatorio con Javascript
También te puede interesar:
| Tutorial de Photoshop: Crear un póster de radio Vintage | Cómo crear un layout para una web galería fotográfica | Tutorial Photoshop: Wallpaper verde abstracto | TinyResMeter: Muestra el consumo de recursos de tu ordenador | 10 arreglos para solucionar los problemas de IE6 |





















diseño web valencia en 500 iconos gratuitos para tus aplicaciones web




