Problema al obtener una variable de Javascript para el valor de entrada oculto

Question

Estoy intentando crear un sistema donde puedes arrastrar y cambiar el tamaño de divs (jquery ui) y luego guardar las posiciones y los tamaños en un archivo css.

Ya tengo el sistema funcionando con un div, pero ahora que intenté actualizar el sistema para que sea compatible con varios divs, me encontré con un problema.

La fuente: http://ezmundorf.110mb.com/problem.txt ( Es feo, pero estoy probando cómo funcionan las cosas).

Cuando hago clic en #update div, la página se queda en blanco y la fuente de la página es solo la etiqueta de inicio del formulario. La página está intentando hacer algo, ya que Firefox muestra el gráfico de carga.

Si elimino la línea en la que se escriben los campos de entrada ocultos, puedo ver el botón de guardar, pero todavía hay algo mal con el javascript ya que el navegador sigue haciendo algo.

Lamento haber publicado tal " corregir este código para mí " Haga una pregunta aquí, pero no sé cómo explicarlo sin el código completo y no pude encontrar la respuesta en ningún lugar.

Answer 1

No puedes usar document.write después de que la página haya terminado de cargarse sin que sobrescriba toda la página, como estás viendo.

Debería usar .innerHTML en algún contenedor, por ejemplo:

$('myDiv').innerHTML = '<form>...</form>';

o utilice métodos DOM:

var form = document.createElement('form');
var body = document.getElementsByTagName('body')[0];

body.appendChild('form');

Answer 2

No puede usar document.write después de que la página haya terminado de cargarse (por ejemplo, en un controlador de eventos, incluido $ (document) .ready ). En su lugar, puede usar el método jQuery .html (val) para cambiar el contenido de un elemento existente, o insertar nuevos elementos en el DOM con el otro manipulación de jQuery métodos.