Haz una donación ahora. Goal amount for this year: 650 EUR, Received: 95 EUR (15%)
¡Ayúdanos a mantener el foro!
Haz una donación para pagar el servidor.

Resultados 1 al 3 de 3

Tema: Ayuda: DOM con JavaScript

  • Compártelo
  • Herramientas
  • Visualizar
  1. #1
    Forer@ milenari@ Avatar de SPHINX3
    Fecha de ingreso
    Sep 2007
    Ubicación
    Argentina
    Mensajes
    2,242
    Poder
    20

    Ayuda: DOM con JavaScript

    Buenass;

    Necesito ayuda para crear una pagina utilizando las funciones de DOM con JavaScript.

    Yo quiero partir de un documento HTML vacio (como el que esta abajo) y utilizando unicamente funciones DOM ir creando el arbol y por consiguiente la pagina web dinamicamente. Ubicando el codigo donde dice "CODIGO JAVASCRIPT".

    Código:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
            <title>Untitled Document</title>
        
       <script type="text/javascript">
    
             "CODIGO JAVASCRIPT"
    
       </script>
    
    
        </head>
        <body>
        </body>
    </html>
    Lo que se: Que DOM trabaja como arbol, y que yo deberia empezar a construir nodos a partir del nodo "body", pero no se mucho mas q eso.

    Aver si me pueden indicar como crear nodos, y como ir creando la pagina mediante dichas funciones.

    Muchisimas Gracias!!



    ...salu2!...

    P.D.: ya se que es un tedio, pero quiero tratar de hacerlo de todas formas :P

  2. #2
    Forer@ profesional Avatar de MVV
    Fecha de ingreso
    Oct 2006
    Ubicación
    Provincia de Alicante, Reino de España
    Mensajes
    949
    Poder
    36
    Te aconsejo que te eches una mirada a jQuery , porque a base de javascript te vas a dejar los dientes para hacer algo util.

    ejemplo tonto...

    en la head , pones la carga de la libreria jquery

    Código:
    <head>
    <script type="text/JavaScript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    </head>
    (puedes ponerla en el sitio web y solo pondras jquery.min.js , asi sera mas rapido)

    y dentro de script , pues algo asi como
    Código:
    jQuery('body').text('hola que tal!');
    Si quieres que se ejecute el script para rellenar la pagina justo cuando ha terminado de cargar el modelo DOM , pero antes de que se muestre la pagina , es facil tambien , quedaria algo asi como

    Código:
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/JavaScript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/JavaScript">
    jQuery(document).ready(function(){
    jQuery('body').text('hola que tal!');
    });
    </script>
    </head>
    
    <body>
    </body>
    </html>
    como ves , en jQuery es todo mas facil :)

    Si quieres ver como funciona , he dejado este ejemplo como
    http://te.servegame.com/test-a.html

  3. #3
    Yo también te recomiendo jquery o algún framework similar.

    Pero si quieres usar DOM estandar has de ceñirte a 4 funciones, con esto, puedes crear cualquier cosa:

    Create Element.
    https://developer.mozilla.org/En/DOM....createElement

    Append Child
    https://developer.mozilla.org/En/DOM/Node.appendChild

    Insert Before
    https://developer.mozilla.org/En/DOM/Node.insertBefore

    Toda la referencia DOM está por aquí, ánimo.
    https://developer.mozilla.org/en/DOM/document#Methods

Información de tema

Usuarios viendo este tema

Actualmente hay 1 usuarios viendo este tema. (0 miembros y 1 visitantes)

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •