Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Nivel Cuatro Ejemplos

    Cargado por

    Denis Pozo
    14 vistas9 páginas
    ejemplos js

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOC, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    ejemplos js

    Copyright:

    © All Rights Reserved
    Descargue como DOC, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    14 vistas9 páginas

    Nivel Cuatro Ejemplos

    Cargado por

    Denis Pozo
    ejemplos js

    Copyright:

    © All Rights Reserved
    Descargue como DOC, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 9

    Nivel cuatro ejemplos.

    - Caja de alerta.
    - Formulario.
    - Texto en barra.
    - Efecto terremoto.
    - Texto que aparece.
    - Color de links.
    - Efecto Zoom.
    - Rollover Effect.
    - Preguntar nombre.
    - Cuadro explicativo.
    - Buscador.
    - Boton para cerrar.
    - Cambio de puntero.
    - Codificador.
    - Menu desplegable.
    - Alerta con boton.
    - fecha de modifi.
    - Link explicativo.
    - Fecha y hora.
    - Link alerta.
    - Numero al azar.
    - Alerta con imagen.
    - Ir a url al pasar.
    - Saber verion.
    - Sustraer informacin.
    - Lo que hay en tu hd.
    - botones con alert.
    - Boton que te habla.
    - Ver codigo html.
    - Msica en documento.
    - Texto volando.
    - Texto, sube y desaparece.
    - Imagen reflejada en agua.
    - Murcilagos volando.
    - Reloj digital.
    - Reloj analgico.
    - Galletita.
    - Juego de variables.
    - Evento onmousedown.

    Caja de alerta
    Para poner una caja de alerta en tu web tienes que poner lo siguiente:

    <script language="JavaScript">
    alert("Pon aqui tu mensaje");
    </script>

    Preferiblemente al principio del documento html, para evitar


    problemas.

    Para hacer un buen formulario...

    Para poner un formulario en tu web tienes que poner lo siguiente:

    <p><strong><u>Libro de visitas</u></strong> </p>


    <form action="mailto:tu-direccion-de-correo" method="post">
    <table border="0">
    <tr><td align="right"><strong>Nombre:</strong></td>
    <td><input type="text" size="36" name="nombre"></td>
    <td rowspan="4"><p align="center"><input type="reset" value="Borrar
    Datos"></p>
    <p align="center"><input type="submit" value="Enviar Datos"></p></td>
    </tr>
    <tr>
    <td align="right"><strong>Direccin E-mail: </strong></td>
    <td><input type="text" size="36" name="direccion"></td>
    </tr>
    <tr>
    <td align="right"><strong>Cmo me has encontrado?: </strong></td>
    <td><input type="text" size="36" name="procedencia"></td>
    </tr>
    <tr>
    <td align="right"><strong>Hazme un comentario: </strong></td>
    <td><textarea name="comentario" rows="5" cols="30"></textarea></td>
    </tr>
    </table>
    </form>

    El formulario queda ms o menos as:

    Borrar Datos

    Nombre:
    Direccin E-mail:

    Enviar Datos

    Cmo me has encontrado?:

    Hazme un comentario:

    Texto en barra del navegador


    Para poner un texto que se vea en la barra del navegador en tu web tienes
    que poner lo siguiente: (en body)

    <script language="JavaScript">
    <!-- //
    var txt="Pon aqui el texto que quieras";
    var espera=120;
    var refresco=null;
    function rotulo_status() {
    window.status=txt;
    txt=txt.substring(1,txt.length)+txt.charAt(0);
    refresco=setTimeout("rotulo_status()",espera);
    }
    // --></script>Mira la barra de status (abajo)
    <SCRIPT language="JavaScript"
    SRC="/include/frames.js">
    </SCRIPT>
    TIENES QUE PONER AL FINAL DE LAS
    CARACTERSTICAS DE TU WEB (color de links, etc.)
    onload="rotulo_status();">

    Fijate en la barra de tu navegador

    Terremoto

    Para poner un efecto terremoto en tu web tienes que poner lo


    siguiente:

    en body
    <BODY leftmargin=0 topmargin=0 bgcolor="WHITE"
    onload="terremoto(10)">
    <Script Language="Javascript"><!-var ie4,nn4;
    if (document.all)ie4=true;
    if (document.layers)nn4=true;
    function terremoto(cuenta) {
    if (nn4 || ie4) {
    for (i = 13; i > 0; i--) {
    for (j = cuenta; j > 0; j--) {
    self.moveBy(0,i);
    self.moveBy(i,0);
    self.moveBy(0,-i);
    self.moveBy(-i,0);}
    }}}
    //--></script>

    El ejemplo lo has visto al entrar, si lo quieres volver a ver, actualiza la


    pagina.

    Texto que va apareciendo


    Para poner un texto que vaya apareciendo (Ej abajo) en tu web tienes
    que poner lo siguiente:

    <form name="form1" method="get">


    <p align="left">&nbsp;<input type="text" name="scrolltext1"
    value="Viva er beti manque pierda"
    size="40"></p>
    </form>

    Aqui esta el ejemplo del texto que va apareciendo:


    anque pierda

    Color de los links


    Para cambiar el color de tus links al pasar por encima en tu web tienes
    que poner lo siguiente:

    <STYLE type="text/css">
    <!-A:link {COLOR: red; TEXT-DECORATION: none}
    A:visited {COLOR: gray; TEXT-DECORATION: none}
    A:active {TEXT-DECORATION: none}
    A:hover {COLOR: blue; TEXT-DECORATION: underline}
    -->
    </STYLE>
    </head>
    <body>
    <p><a href="l1.htm">El texto que quieras.</a><br>
    <a href="l2.htm">otro texto.</a><br>
    <a href="l3.htm">Otro texto.</a><br>
    </p>

    Demostracin de cambio de links

    SLO PASA EL RATN POR ENCIMA, PUES LOS LINKS QUE PUSE NO
    EXISTEN !!.
    Indice
    Principio
    Actualiza

    Efecto Zoom
    Para poner un efecto de zoom en tu web tienes que poner lo siguiente:

    Este script no lo puedes sacar de aqui, tendras que


    mirar el codigo fuente de la pgina y copiarlo.
    Al entrar has visto el efecto. Para volver a verlo, recarga la pgina.

    viva er beti
    manque
    pierda
    Roller Effect
    Para poner un Roller effect en tu web tienes que poner lo siguiente:

    Tendras que copiarlo del codigo de


    fuente
    Ejemplo de Roller Effect:

    Preguntar nombre
    Para preguntar algo y despus ponerlo a algu sitio en tu web tienes que poner
    lo siguiente: (en Head)

    <script language="JavaScript">
    <!-function namosw_infotext()
    {
    var username;
    var type, i, top, obj;
    for (i = 1, top = 0; i <
    namosw_infotext.arguments.length; i += 2) {
    obj = eval('document.'+namosw_infotext.arguments[i]);
    if (obj == null) continue;
    type = namosw_infotext.arguments[i+1];
    if (type == 'username') {
    if (username == null)
    username = prompt(namosw_infotext.arguments[0],
    "");
    username = (username == null) ? '' : username;
    obj.value = username;
    } else if (type == 'moddate') {
    obj.value = document.lastModified;
    } else if (type == 'ipaddr' || type == 'hostname') {
    if (navigator.appName == 'Netscape') {
    var host = java.net.InetAddress.getLocalHost();
    obj.value = (type == 'ipaddr') ?
    host.getHostAddress() : host.getHostName();
    } else {
    obj.value = '';
    }
    }
    }
    }
    //-->
    </script>
    </head>

    DESPUES, DONDE LO QUIERAS...


    <form name="form1" method="get">
    <p align="left">&nbsp;<input type="text"
    name="infotext1" value="User Name" size="30"
    style="text-decoration:none;"></p>
    </form>

    Fijate al entrar, lo que has puesto es:


    vxcvv

    También podría gustarte