Accueil > Forum > > > > création automatique d'un bouton
 création automatique d'un bouton
vendredi 31 juillet 2009 à 10:00:45 |
création automatique d'un bouton
joujma5
|
bonjour,
j'essaye de créer automatiquement un bouton mais j'ai pas arrivé je ne sait pas où est le problème,pouvez vous m'aider,merci
voici le code que j'utilise:
<html>
<head>
<script>
function addButton() {
var f1 = document.getElementById("f1");
var button = document.createElement("input");
input.setAttribute("type","submit");
input.setAttribute("value","envoyer");
aBox.appendChild(button);
}
</script>
</head>
<body>
<form id="f1">
<input type="button" value="Ajouter" oncommand="addButton();"/>
</form>
</body>
</html>
|
|
vendredi 31 juillet 2009 à 10:31:53 |
Re : création automatique d'un bouton
47
|
Bonjour,
Code Javascript : <html>
<head>
<script>
function addButton() {
var f1 = document.getElementById("f1");
var button = document.createElement("input");
button.setAttribute("type","submit");
button.setAttribute("value","envoyer");
f1.appendChild(button);
}
</script>
</head>
<body>
<form id="f1">
<input type="button" value="Ajouter" onclick="addButton();"/>
</form>
</body>
</html> bonne journée
|
|
vendredi 31 juillet 2009 à 10:33:51 |
Re : création automatique d'un bouton
Bul3
|
Bonjour,
__ <input type="button" value="Ajouter" oncommand="addButton();"/>
oncommand n'existe pas, c'est onclick
__ évite les setAttribute ça ne fonctionne pas
de la même manière avec tous les navigateurs
__ dans ta fonction tu utilises var button
puis après tu utilises input ????
__ aBox ??? c'est quoi ???
__ <script type="text/javascript"> vaut mieux
Code HTML : <html>
<head>
<script type="text/javascript">
function addButton()
{ var f1 = document.getElementById("f1");
var button = document.createElement("input");
button.type="submit";
button.value="envoyer";
f1.appendChild(button);
}
</script>
</head>
<body>
<form id="f1">
<input type="button" value="Ajouter" onclick="addButton();"/>
</form>
</body>
</html>
ce n'était pas si loin....
vous devriez debugger ! 
Cordialement [ mon Site] [ M'écrire] Bul 
|
|
vendredi 31 juillet 2009 à 10:50:34 |
Re : création automatique d'un bouton
|
vendredi 31 juillet 2009 à 18:02:54 |
Re : création automatique d'un bouton
adrienbessong
|
bonjour s'il vous plait je voudrais creer
un menu comme celui de la barre d'adresse d' un navigateur.
|
|
samedi 1 août 2009 à 13:25:10 |
Re : création automatique d'un bouton
|
mardi 4 août 2009 à 12:03:49 |
Re : création automatique d'un bouton
joujma5
|
J'ai essayer d'améliorer mon code en ajoutant des select ,une est fixe représentant la catégorie des chansons et une qui se crée automatiquement selon la catégorie choisie,j'ai essayer de créer un bouton d'envoi après le choix de l'artiste(à partir de la deuxième select).Mon problème maintenant et que le bouton reste lorsque je change de catégorie et par la suite j'obtient deux bouton alors que ce n'est pas logique.J'essayai de supprimer le bouton lors du changement de la catégorie avec la fonction "removechild",est ce quelqu'un peut m'aider.Merci et voici le code sur le quel je travaille:
<html>
<html>
<head>
<script language="javascript">
list_choix = {
"Rai" : ["Cheb khaled", "Cheb Hasni", "Cheb Mami"],
"Tounsi" : ["Saber", "Latifa", "Amina"],
"Mesri" : ["Hani Chaker", "Tamer Hosni"],
"Chami" : ["Wael Jassar", "Nancy"],
"Gharbi" : ["Akon", "Enrique Eglesias", "Madonna"],
}
function addButton()
{
var f1 = document.getElementById("categorie");
var button = document.createElement("input");
button.type="submit";
button.value="envoyer";
categorie.appendChild(button);
}
function ajout(selection)
{
nb_select = selection.parentNode.getElementsByTagName("select").length;
if ( selection == selection.parentNode.getElementsByTagName("select") [nb_select-1] ) {
element_select = selection;
selection = selection.options[selection.selectedIndex].value;
if ( list_choix[selection] ) {
new_liste = document.createElement("select");
element_select.parentNode.appendChild(new_liste);
new_liste.setAttribute("id", "choix2");
new_liste.setAttribute("name", "choix2");
new_liste.setAttribute("onchange", "ajout(this)");
new_liste.setAttribute("onchange","addButton()");
for (var i=0; i<list_choix[selection].length; i++) {
new_option = document.createElement("option");
new_liste.appendChild(new_option);
new_option.setAttribute("value", list_choix[selection][i]);
new_option.text = list_choix[selection][i];
}
}
}
else {
selection.parentNode.removeChild(selection.nextSibling);
ajout(selection)
}
}
</script>
</head>
<body>
<div align="center">
<form name="categorie" action="recuperer.php">
<select name="choix1" id="choix1" onChange="ajout(this)">
<option value="0">-------</option>
<option value="Rai">Rai</option>
<option value="Tounsi">Tounsi</option>
<option value="Mesri">Mesri</option>
<option value="Chami">Chami</option>
<option value="Gharbi">Gharbi</option>
</select>
<div> </div>
</form>
</div>
</body>
</html>
|
|
samedi 8 août 2009 à 18:55:40 |
Re : création automatique d'un bouton
kazma
|
bonjour
tu doit faire un controle pour savoir si le bouton existe
function addButton()
{
if(document.getElementById("coucou")==null){
var f1 = document.getElementById("categorie");
var button = document.createElement("input");
button.setAttribute("id",'coucou');
button.type="submit";
button.value="envoyer";
categorie.appendChild(button);
}
}
|
|
dimanche 9 août 2009 à 12:49:45 |
Re : création automatique d'un bouton
|
Cette discussion est classée dans : bouton, input, var, création, automatique
 Répondre à ce message
 Sujets en rapport avec ce message
Problème avec bouton pour lecteur mp3 [ par leguest ]
Bonjour à tous, voila je vien de coder ce lecteur mp3, mais je n'arrive pas à faire certaine fonction, comme un bouton stop, et un bouton suivant j'ai
envoie d'un formulaire en utilisant un submit automatique [ par Xave21 ]
Bonjour tout le monde.Bon vu que je pense que mon titre n'est pas super super clair je vais vous exlpiquer ce que je veux faire.donc je travail sur un
Création d'un bouton + pour afficher / cacher un texte [ par matou84 ]
Bonjour à tousje recherche le moyen d'afficher ainsi que de cacher un texte via un bouton + ( + afficher le texte / - le cacher ).L'exemple parfait es
Création d'un bouton avec Action CTRL+I [ par edophie ]
BonjourJe cherche a créer un bouton en javascript dont l'action serait l'équivalent du CTRL+I : c'est à dire ouverture de la partie favoris d'internet
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
la boucle for qui rend fou [ par kavod ]
Peut-être qu'à force de me casser la tête dessus je ne vois plus l'essentiel... mais j'ai un problème avec une boucle for et je ne vois vraiment pas d
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
Problème disabled input avec Firefox [ par wadpap13 ]
Bonjour à tous !! Voila je souhaite en appuyant sur un bouton submit le désactiver et désactiver un autre bouton. input class="test" type="submit"
Création d'un bouton sous lotus note permettant l'archivage de messages [ par kata ]
Bonjour, je travail avec lotus note.Je souhaiterai savoir ql code je dois mettre sur un bouton que je veux crée.Mon but est que lorsque j'appui sur ce
Problème avec XMLHttpRequest [ par fauve ]
Bonjour,Je vous contacte car j'éprouve des difficultés à utiliser XMLHttpRequest...En faite j'essaie d'actualiser automatiquement un contenant seulem
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|