Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Auteur
Crousti2
#
Citer
197 Posts
Bonsoir,


Je cherche partout comment ajouter un input en cliquant sur un lien, mais je ne trouve pas ce que je cherche...

J'ai un input par exemple :


<input type="text" name="nom1" id="nom1" />

et je voudrais qu'en cliquant sur un lien.... :

<a href="#" >+ Ajouter</a>

... j'ajoute un input du type :


<input type="text" name="nom2" id="nom2" />


Etant donné que je ne connais pas bien javascript... j'appelle à l'aide !

http://www.montpasab.fr 
^
fvsch
#
Citer
20100 Posts
Hello,

Pour créer un bouton, on commencera plutôt par utiliser le bon élément, à savoir BUTTON et pas A. Les liens c'est pour faire... des liens. cligne
(Les boutons ne sont pas toujours facile à styler, on peut lire Basic styling of button elements à ce sujet.)

Crousti2 a écrit :
Etant donné que je ne connais pas bien javascript...

Si tu sais comment générer un élément HTML avec des attributs et l'insérer dans une page avec les méthodes DOM qui vont bien, ça ne devrait pas être trop compliqué. Si tu ne sais pas encore, peut-être trouver un livre ou un cours sur le sujet: c'est un peu le B.A.-ba de JavaScript dans le navigateur.

Pour donner quelques repères, tu auras besoin de document.createElement, element.setAttribute et element.appendChild. Et bien sûr d'un gestionnaire d'évènement sur ton bouton (un attribut onclick devrait suffire).

http://fvsch.com 
^
Crousti2
#
Citer
197 Posts
Merci à toi langue

Non ce n'est pas du tout le html le problème mais bien le javascript, je vais approfondir mes recherches !

http://www.montpasab.fr 
^
fvsch
#
Citer
20100 Posts
Crousti2 a écrit :
Non ce n'est pas du tout le html le problème mais bien le javascript

Quand je dis «Si tu sais comment générer un élément HTML...» je ne parle pas d'écrire du code HTML, mais bien du code JavaScript. Du type:
var newInput = document.createElement('input');
newInput.setAttribute('type', 'text');
newInput.setAttribute('name', 'nom'+currentNameIndex);
// etc.


http://fvsch.com 
^
Crousti2
#
Citer
197 Posts
Autant pour moi, j'avais mal compris !

http://www.montpasab.fr 
^