Problem immer Javascript Variable versteckt Eingabewert

Question

Ich versuche, ein System zu schaffen, in dem Sie ziehen können, und die Größe divs (jquery ui) und dann die Positionen und Größen in eine CSS-Datei speichern.

Ich habe das System bereits mit einem div zu arbeiten, aber jetzt, dass ich versuchte, das System zu aktualisieren mehr divs zu unterstützen, ich lief in ein Problem.

Die Quelle: http://ezmundorf.110mb.com/problem.txt ( es ist hässlich, aber ich bin ziemlich einfach ausprobieren, wie Zeug funktioniert).

Wenn ich auf die #update div die Seite leer wird und die Quelle für die Seite ist nur das Formular-Tag zu starten. Die Seite wird versucht, etwas zu tun, da firefox das Laden Grafik anzeigt.

Wenn ich die Zeile mit dem zu entfernen, die die verborgenen Eingabefelder schreiben, bekomme ich den Speicher-Knopf zu sehen, aber immer noch gibt es etwas falsch mit dem Javascript, da Browser hält nur etwas zu tun.

Es tut mir leid für die Entsendung einer solchen „Code fix für mich“ Frage hier, aber ich weiß nicht, wie es ohne gesamten Code zu erklären, und ich antworten konnte überall nicht finden.

Answer 1

Sie können nicht document.write verwenden, nachdem die Seite geladen, ohne sie zu überschreiben, die ganze Seite beendet ist, wie Sie sehen.

Sie sollten verwenden .innerHTML auf einige Behälter, zum Beispiel:

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

oder DOM-Methoden verwenden:

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

body.appendChild('form');

Answer 2

Sie können nicht document.write verwenden, nachdem die Seite fertig geladen (zum Beispiel in einem Event-Handler, einschließlich $(document).ready). Stattdessen können Sie die jQuery-Methode verwenden, .html(val) den Inhalt eines vorhandenen Elements zu ändern, oder fügen neue Elemente in das DOM mit dem anderen jQuery Manipulation Methoden.