Tengo dos archivos HTML y quiero cambiar el contenido de un archivo HTML por el contenido de otro. Aquí están los segmentos de código:
original.html:
<p id="old_1">this is old data</p>
nuevo.html:
<textarea id="new_1" rows="8" cols="80" style="width:100% !important;"></textarea> <input type="button" onclick="popData()" id="button_1" value="Send" style="width:100% !important;"/>
También tengo un archivo js separado con función:
function popData() { var newContent=document.getElementById("new_1").value; document.getElementById("old_1").innerHTML=newContent; }
Cuando escribo algo en el área de texto y hago clic en el botón, se llama a la función popData(), pero cuando vuelvo al original.html, nada ha cambiado. ¿Necesito usar PHP? ¿Es posible implementarlo solo con Javascript y HTML? Y sin iframe.
Como estos son dos archivos html separados, no hay forma de flujo de datos entre ellos.
document.getElementById("new_1").value
debería funcionar bien si tanto el área de textarea
como la etiqueta <p>
están en un solo archivo html.