begin process at 2012 05 29 21:22:07
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Prototype, Script.Aculo.us

 > 

probleme script de creation d'un input


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

probleme script de creation d'un input

vendredi 5 juin 2009 à 10:54:33 | probleme script de creation d'un input

javalhoussain

voila le problème que je rencontre avec ce script :
 si je clique sur le bouton normalement un input doit être crée mais ce n'est pas le cas.
Mais si je change le type de mon input par exemple boutton je clique et ce crée vraiment vous pouvez tester .
Merci de m'aider à créer ce input de saisie qu'on je clique sur le bouton :
 <html>
 <head>
 <title>Gecko DOM insertBefore test</title>
 </head>
 <body>
 <input type="button" onclick="f()">
 <div>
 <input id="input1" type="text">
 </div>
 <script type="text/javascript">
 function f(){
 // create an empty element node
 // without an ID, any attributes, or any content
 var sp1 = document.createElement("button");

 // give it an id attribute called 'newSpan'
 sp1.setAttribute("id", "newInput");
 // create some content for the newly created element.
 var sp1_content = document.createTextNode("This is a new input element. ");

 // apply that content to the new element
 sp1.appendChild(sp1_content);

 var sp2 = document.getElementById("input1");
 var parentDiv = sp2.parentNode;

 // insert the new element into the DOM before sp2
 parentDiv.insertBefore(sp1, sp2);
 }
 </script>
 </body>
 </html>
 
vendredi 5 juin 2009 à 11:18:04 | Re : probleme script de creation d'un input

Bul3

Membre Club
bonjour,
tu te compliques pas un peu la vie ?
si tu veux ajouter un bouton dans le div :


<div id="toto">
<input id="input1" type="text">
</div>

function f()
{ var sp1 = document.createElement("button");
sp1.innerHTML="exemple";
document.getElementById("toto").appendChild(sp1);
}

et si tu veux
y mettre un id
sp1.id="id du bouton qui doit être unique dans une page";
une fonction au onclick
sp1.onclick=function() { .... }
....

@+
vendredi 5 juin 2009 à 11:29:49 | Re : probleme script de creation d'un input

javalhoussain

Voila ce que vous avez dit mais qu'on je clique sur le button le nouveau input ne s'affiche pas:pouvez vous m'aider encore plus ?:
<html><body>
<div id="toto">
<input id="bt1" type="button" onclick="f()">
<input id="input1" type="text">
</div>
<script language="text/javascript">
function f()
{
var sp1 = document.createElement("input");
sp1.innerHTML="exemple";
document.getElementById("toto").appendChild(sp1);
}
</script>
</body>
</html>
vendredi 5 juin 2009 à 11:49:33 | Re : probleme script de creation d'un input

Bul3

Membre Club
1° <script language="text/javascript">
    eh non ! : <script type="text/javascript">
2° un input n'a pas d'innerHTML !
    var sp1 = document.createElement("input");
    sp1.value="exemple";
@+
vendredi 5 juin 2009 à 12:03:51 | Re : probleme script de creation d'un input

javalhoussain

Merci bien le problème mtn est résolu,l'input s'affiche correctement :
Mais je veux encore faire plus par exemle au lieu de cliquer sur le boutton pour déclencher l'événement de la création .Je veux créer un sélect avec par exemple les valeurs 1,2,3 .. qu'on je selectionne 2 .deux input doit etre crees .3 trois doit etre crees ...etc si vous avez une idee n'esitez pas. 
vendredi 5 juin 2009 à 12:14:21 | Re : probleme script de creation d'un input

javalhoussain

Voila par exemple mais il me reste un petit probleme C.A.D si je veux revenir en arriere via la suppression des inputs criees comment faire?
<html><body>
<div id="toto">
<select id="slt1"  onChange="f()">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<input id="input1" type="text">
</div>
<script type="text/javascript">
function f()
{
var v=document.getElementById("slt1").value;
if(v==2)
for(i=1;i<=2;i++){
var sp1 = document.createElement("input");
sp1.id="newInpt";
document.getElementById("toto").appendChild(sp1);
}
else if(v==3)
for(i=1;i<=3;i++){
var sp1 = document.createElement("input");
sp1.id="newInpt";
document.getElementById("toto").appendChild(sp1);
}
}
</script>
</body>
</html>
vendredi 5 juin 2009 à 12:14:29 | Re : probleme script de creation d'un input

Bul3

Membre Club

créer un select ?
var sp1 = document.createElement("select");
   créer les option avec create new option
   ou avec le select.length++
              le select.options[le select.length-1].text="?" et/ou .value="?"
   ou ...
puis appendChild du select
comme pour tout quoi.

vendredi 5 juin 2009 à 12:26:42 | Re : probleme script de creation d'un input

Bul3

Membre Club
>>suppression des inputs créés
exemple ici
sinon removeChild ou autre ( explications sur selfHTML )



Cette discussion est classée dans : input, var, element, content, sp1


Répondre à ce message

Sujets en rapport avec ce message

compter le nombre de radio button [ par misterdarth ] Bonjour,Lors de la saisie d'un formulaire, je cherche à tester certains champs afin de m'assurer que l'utilisateur n'a pas mis n'importe quoi.Dans ce utilisation de variables dynamiques [ par ntfree ] voila,g un formulaire avec deadan un nbe de input variable, depend d'1 while.les input se nomment donc :var0 à varx...pour recuperer apres en php je n Script Menu qui marche que sur une page . . . [ par Ma2004 ] Bonjour !J'ai une petite question sur un script que je lance pour un menu sur ma page d'accueil (c'est une frame sur la page index). Ce menu étant ide Hiérarchie javascript [ par nicoc3po ] Bonjour, J'ai un petit souci pour definir le chemin d'un input en javascript (ex: document.form.input).J'ai deux page la principale et l'autre qui est Javascript et firefox [ par sfergant ] Bonjour,Je me permets de poster ce message parce que j'ai un soucis avec le navigateur Firefox.Voici mon source :<bl probleme affichage/masquer menu vertical [ par neolin85 ] Bonjour à tous, j'ai developpé un petit code qui permet de faire un menu horizontal avec des menus verticaux pour chaque clique sur le menu.J'ai un pe Ajout de champs dynamiquement dans un formulaire [ par evenkil ] Bonjour, Etant débutant en JavaScript et dhtml, je sollicite un peu de votre aide pour créer une page. Je n'arrive pas a ajouter dynamiquement des c Gestion des evenements claviers [ par keub51 ] Bonjour, je travaille actuellement sur un framework de javascript. il me sert a afficher une pop-up. je souhaite que cette pop up se ferme avec la tou remplacer les input par des div [ par hakim_asm ] Il y a tout une serie input crée en javascript. Ceci pose probleme, cela alourdit le DOM et ralentit la page. pour contrecarrer le probleme, il faudra balayer un tableau en javascript [ par orionis1 ] bonjour à tous,Débutant en javasacript, je me heurte au problème suivant :Je développe une page html (couplée à du php) de saisie de bon de commande.J


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,780 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales