http://wikiserver.infomerce.es/index.php?action=history&feed=atom&title=Solucio_crea_html
Solucio crea html - Historial de revisió
2026-05-10T01:26:52Z
Historial de revisió per a aquesta pàgina del wiki
MediaWiki 1.28.0
http://wikiserver.infomerce.es/index.php?title=Solucio_crea_html&diff=3733&oldid=prev
Jnoguera: Es crea la pàgina amb «<source lang="html"> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Exercici Web Dinámica…».
2015-02-03T12:05:04Z
<p>Es crea la pàgina amb «<source lang="html"> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Exercici Web Dinámica…».</p>
<p><b>Pàgina nova</b></p><div><source lang="html"><br />
<!DOCTYPE html><br />
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />
<title>Exercici Web Dinámica</title><br />
<script type="text/javascript" src="../JS/Ex4a.js"></script><br />
</head><br />
<body><br />
<br />
</body><br />
</html><br />
</source><br />
<br />
<source lang="java"><br />
window.onload = function() {<br />
<br />
// LABEL TEXT 1<br />
<br />
var label1 = document.createElement("label");<br />
var contenido1 = document.createTextNode("Etiqueta a crear: ");<br />
label1.appendChild(contenido1);<br />
<br />
// INPUT TEXT 1<br />
<br />
var text1 = document.createElement("input");<br />
text1.type = "text";<br />
text1.value = "";<br />
text1.id = "text1"<br />
<br />
// LABEL TEXT 2<br />
<br />
var label2 = document.createElement("label");<br />
var contenido2 = document.createTextNode("Etiqueta del lugar del nodo a crear: ");<br />
label2.appendChild(contenido2);<br />
<br />
// INPUT TEXT 2<br />
<br />
var text2 = document.createElement("input");<br />
text2.type = "text";<br />
text2.value = "";<br />
text2.id = "text2";<br />
<br />
// CREAR BR<br />
<br />
var br = document.createElement("br");<br />
var br2 = document.createElement("br");<br />
<br />
// CREAR BOTON<br />
<br />
var boton = document.createElement("button");<br />
var texto = document.createTextNode("Crear");<br />
boton.onclick = crear;<br />
boton.appendChild(texto);<br />
<br />
// AÑADIR ELEMENTOS AL BODY<br />
<br />
document.body.appendChild(label1)<br />
document.body.appendChild(text1);<br />
document.body.appendChild(br);<br />
document.body.appendChild(label2)<br />
document.body.appendChild(text2);<br />
document.body.appendChild(br2);<br />
document.body.appendChild(boton);<br />
<br />
}<br />
<br />
// LOREM IPSUM<br />
<br />
var loremIpsum = "Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n\<br />
sed do eiusmod tempor incididunt ut labore et dolore magna\n\<br />
aliqua. Ut enim ad minim veniam, quis nostrud exercitation\n\<br />
ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\<br />
Duis aute irure dolor in reprehenderit in voluptate velit\n\<br />
esse cillum dolore eu fugiat nulla pariatur. Excepteur\n\<br />
sint occaecat cupidatat non proident, sunt in culpa qui\n\<br />
officia deserunt mollit anim id est laborum.";<br />
<br />
function crear() {<br />
var etiqueta = document.getElementById("text1");<br />
var elemento = document.createElement(etiqueta.value);<br />
var contenido = document.createTextNode(loremIpsum);<br />
elemento.appendChild(contenido);<br />
var etiquetaLugar = document.getElementById("text2");<br />
if (etiquetaLugar.value == "body") {<br />
document.body.appendChild(elemento);<br />
}<br />
else if (etiquetaLugar.value == "head") {<br />
document.head.appendChild(elemento);<br />
}<br />
<br />
}<br />
</source></div>
Jnoguera