contrôle de l'utilisateur en utilisant javascript

Question

Je veux faire une sorte de contrôle de l'utilisateur en utilisant javascript.

<div id="myDiv"> 
    <input type="text" id="myText" /> 
</div> 

Je souhaite insérer cette div dans mon balisage HTML, où que ce soit. Le but est de le rendre réutilisable à divers endroits dans mon HTML et de maintenir un seul point de changement, si j'ai besoin de changer le contrôle à l'avenir. Je voudrais avoir une fonction javascript pour cela. J'ai besoin des meilleurs moyens possibles de le faire peut-être en utilisant jquery.

Answer 1

Je pense que ce que vous êtes après est un candidat décent pour la nouvelle jQuery templates. Vous pouvez trouver a tutorial here, par exemple:

<script id="myTemplate" type="text/x-jquery-tmpl"> 
    <div id="myDiv${ID}"> 
    <input type="text" id="myText${ID}" /> 
    </div> 
</script> 

Puis lorsque vous l'utilisez, il ressemblerait à ceci:

$("#myTemplate").tmpl([{ID: 1}]).appendTo("#something"); 

Ceci est juste un exemple, vos identifiants doivent être uniques et non duplicable partout dans le page, même à la suite de leur ajout via JavaScript. Si vous voulez un modèle de réutiliser c'est une façon de faire assez souple, plus si vous passez des données ainsi, par exemple:

<script id="myTemplate" type="text/x-jquery-tmpl"> 
    <div id="myDiv${ID}"> 
    <input type="text" id="myText${ID}" value="${Val}" /> 
    </div> 
</script> 

Et ajouter cette propriété dans:

$("#myTemplate").tmpl([{ID: 1, Val: "Test"}]).appendTo("#something"); 

Ou vous pouvez passer un tableau à .tmpl() pour faire beaucoup de ceux-ci à la fois, à la suite d'une réponse JSON, etc .. En fonction de votre commentaire, oui, vous pouvez également obtenir le modèle en tant que fichier externe, like this.

Answer 2

Si je comprends bien, vous avez besoin de la fonction clone() Clone()