Gracias Javier.

Pero es que soy totalmente nulo en javascript, de momento.

Tengo mi archivo js con este código que tú me has regalado :)

var oLi = document.createElement("li");
oLi.className = "imprimir";
var txt = document.createTextNode("Versió per imprimir");
oLi.appendChild(txt);
oLi.onclick = function() { window.print(); }
document.getElementById("herramientas").appendChild(oLi);

Y en el HTML tengo mi:

<ul id="herramientas">
    <li class="arriba"><a href="#">Tornar a l'inici de la pàgina</a></li>
</ul>

Pero esto no funciona.
He intentado saber porque pero es que mis conocimientos son muy limitados.
¿Alguna sugerencia?

Javier Infante escribió:
> El vie, 01-12-2006 a las 11:49 +0100, Richi escribió:
>
>   
>> No sé si es mucho pedir, aunque dado mis conocimientos en javascript 
>> esto debe ser fácil.
>>
>> Teniendo un código HTML así:
>>
>> <ul id="herramientas">
>>     <li class="imprimir"><a href="#">Versió per imprimir</a></li>
>>     <li class="arriba"><a href="#">Tornar a l'inici de la pàgina</a></li>
>> </ul>
>>
>> Quisiera que <li class="imprimir"><a href="#">Versió per 
>> imprimir</a></li> me lo escriba el javascript.
>>
>>     
>       * De esta manera solo si uno tiene javascript activado aparecerá
>         este item 
>   
>> y podrá imprimir mediante este enlace, sino lo hará mediante el navegador.
>>     
>
> Hola Richi buenas,
>
> Para hacer eso que pretendes, deberás insertar nuevos Nodos en el árbol
> DOM. (de primeras genera el código HTML sin el LI de impresión).
>
>
> creas un nodo LI (poniendole la clase)
>
> var oLi = document.createElement("li");
> oLi.className = "imprimir";
>
> creas un nodo de texto:
> var txt = document.createTextNode("Versió per imprimir");
>
> y lo enchufas dentro del LI anterior:
> oLi.appendChild(txt);
>
> ahora puedes asociar a ese objeto una función para el evento onclick:
>
> oLi.onclick = function() { window.print(); }
>
>
> y ya solo te queda meter ese oLi que has creado dentro de la UL:
>
> document.getElementById("herramientas").appendChild(oLi);
>
> Así te quedaría ese elemento de la lista como el último, seguro que si
> investigas un poco descubres como ponerlo el primero (insertBefore...)
>
> Te recomiendo esta pagina:
> http://fr.selfhtml.org/javascript/objets/node.htm
> para todo este tema de jugar con el DOM.
> (creo que la tengo bookmarkeada en francés... pero estará en otros
> idiomas)
>
> Espero haberte ayudado algo, o al menos haberte dado algo por donde
> empezar
>
> Un saludo
>
>
>   
------------ pr�xima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: 
http://lists.scriptia.net/pipermail/javaescript-scriptia.net/attachments/20061201/9ca1b708/attachment.html
_______________________________________________
javaEScript mailing list
[email protected]
http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net

Responder a