| Sección
"Java Scripts" |
|
Lección
31 |
Ventana
dimensionable emergente.
Esta
es una manera muy original de abrir una ventana
dimensionable, pues realizará un interesante
efecto antes de posicionarse en el centro de la
pantalla, compruébalo personalmente:
Para
lograr este efecto pegas este Script en cualquier sector de tu sitio, pero
siempre debajo de donde dice
<Body> en el HTML de tu página:
<script language="JavaScript">
<!-- Por Carlitos. Cualquier duda o pregunta, visita www.forosdelweb.com
var ancho=100
var alto=100
var fin=300
var x=100
var y=100
function inicio()
{
ventana = window.open("index.htm", "_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>
|
|
Lo
que pinté con verde corresponde al nombre de la
página que se abrirá en la ventana dimensionable.
Y
ahora pegas donde lo desees, pero siempre debajo
de "Body", este otro pequeño código
para habilitar el botón que activa la ventana:
<form>
<input type="button" value="Abrir
Ventana" onClick="inicio()"></p>
</form>
|
Lo
que pinté con rojo, es el mensaje que saldrá en
el botón que activa la ventana dimensionable.
Aquí copio nuevamente el código con
opción para seleccionarlo, cortar y pegar en tu
sitio.
Para
ello haces click en cualquier palabra que se halla
dentro de la caja, Te diriges a "Edición"
en el menú superior de la barra de herramientas, e
indicas "Seleccinar todo", luego tomas lo
seleccionado dirigiéndote nuevamente a "Edición",
pero esta vez indicas "Cortar", y
posteriormente te posicionas en tu página, donde
quieres colocar este código, entonces te diriges a
Edición, y le indicas "Pegar".
Si
deseas hacer las cosas más rápido, puedes verificar
en "Edición" (está escrito al lado de las
palabras que indican cada orden) que pulsando
"Control" + una letra determinada, puedes
"seleccionar todo", "cortar" o
"pegar" en forma instantánea y con eso
evitas tener que ingresar constantemente al menú de
"Edición".
Esto
es lo que debes pegar debajo de donde dice <Body>
en el HTML de tu página:
Y
este es el código para activar el botón:
Si
de todos modos, no funciona este efecto, corta
el código HTML que debes colocar en tu página,
pero antes de hacerlo, pégalo en tu Block de
notas, y luego si córtalo de allí y pégalo en
tu sitio. Ahora si no creo que haya ningún
inconveniente que te impida disfrutar de este
bonito efecto.
Recordemos
que este Script también puede ser hallado en el
programa Depósito, el cual puedes bajar de aquí:
webtutorial.com.ar
Buena
suerte.
|
