Problème d'obtenir la variable Javascript à la valeur d'entrée cachée

Question

J'essaie de créer un système dans lequel vous pouvez faire glisser et redimensionner les divs (jquery ui), puis enregistrer les positions et les tailles dans un fichier CSS.

Le système fonctionnait déjà avec un seul div, mais maintenant que j’essayais de le mettre à jour pour prendre en charge plusieurs div, j’ai rencontré un problème.

La source: http://ezmundorf.110mb.com/problem.txt ( C’est moche, mais j’essaie juste de voir comment ça marche).

Lorsque je clique sur #update div, la page est vide et la source de la page est uniquement la balise de début du formulaire. La page tente de faire quelque chose depuis que Firefox affiche le graphique de chargement.

Si je supprime la ligne qui écrit les champs de saisie cachés, je vois le bouton Enregistrer, mais il y a toujours un problème avec le javascript puisque le navigateur continue à faire quelque chose.

Je suis désolé d'avoir posté un tel message "Corrigez ce code pour moi". question ici, mais je ne sais pas comment l'expliquer sans code complet et je ne pouvais trouver la réponse nulle part.

Answer 1

Vous ne pouvez pas utiliser document.write après le chargement de la page sans écraser la page entière, comme vous le voyez.

Vous devez utiliser .innerHTML sur un conteneur, par exemple:

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

ou utilisez des méthodes DOM:

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

body.appendChild('form');

Answer 2

Vous ne pouvez pas utiliser document.write une fois le chargement de la page terminé (par exemple, dans un gestionnaire d'événements, y compris $ (document) .ready ). Au lieu de cela, vous pouvez utiliser la méthode jQuery .html (val) modifier le contenu d'un élément existant ou insérer de nouveaux éléments dans le DOM avec l'autre manipulation jQuery méthodes.