| Sección
"Java Scripts" |
|
Lección
18 |
Abrir
ventana
dimensionable móvil en forma automática.
Este maravilloso efecto puede lograrse de la
siguiente manera: Pon la página en HTML,
y sigue las siguientes instrucciones:
<!-- PRIMER PASO PARA ABRIR VENTANA QUE SE MUEVE: Colocar este javascript debajo de HEAD -->
en la página desde donde
vas a abrir la ventana que se mueve-->
<SCRIPT LANGUAGE="JavaScript">
<!--
function makeAd() {
window.open("s.ventana.htm", "Mover", "width=468,innerWidth=468,height=80,innerHeight=80,left=0,top=0");
}
// -->
</SCRIPT>
<!-- SEGUNDO PASO: Colocar el botón que activa la ventana debajo de
"Body" en la página desde donde vas a abrir la
ventana-->
<!-- TERCER PASO: Colocar este javascript debajo de "Body"
en la página que se va a abrir
dentro de la ventana que se mueve) (y si no te funciona el efecto, pegá
este último trozo debajo del todo, es decir, arriba de la palabra Body
que está al final de tu página)-->
<script LANGUAGE="JavaScript">
<!--
function startAd() {
if (window.screen) {
pos = 0;
aw = screen.availWidth;
window.moveTo(pos, 0);
timerID = setInterval("moveAd()", 50);
}
}
function moveAd() {
if (pos <= 0) inc = 5;
if (pos + 468 + 10 + 5 > aw) inc = -5;
pos += inc;
window.moveTo(pos, 0);
}
window.onload = startAd;
// -->
</script>
|
El título que pinté con gris es el nombre de la página que deseas abrir en la ventana que se mueve. Los
números en rojo corresponden al ancho que deseas para la ventana móvil, y lo
números en verde para el alto de la misma.
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 donde dice <Head>
en el HTML de tu página donde pondrás el botón para
abrir la ventana que se mueve:
Esto
es lo que debes pegar donde dice <Body>
en el HTML de tu página donde pondrás el enlace a la
ventana móvil, y habilita el botón para abrir
la ventana que se mueve:
Esto
es lo que debes pegar donde dice <Body>
en el HTML de tu página que se tiene que abrir en la
ventana que se mueve:
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.
|
