Accueil > Forum > > > > pb pr ajout dynamique de champs textes par un clic sur un bouton "ajouter"
 pb pr ajout dynamique de champs textes par un clic sur un bouton "ajouter"
jeudi 9 mars 2006 à 10:28:29 |
pb pr ajout dynamique de champs textes par un clic sur un bouton "ajouter"
24002717
|
Bonjour,
je suis debutante en programmation et pour la creation d'enquêtes de satisfaction, je voudrais pouvoir ajouter une réponse au dessus de l'endroit où se trouve le bouton,soit en dessous des autres réponses, mais ma fonction me permet seulement d'ajouter des réponses pr la première question alors que j'ai fait une boucle sur les réponses.
De plus jaimerais pouvoir ajouter une question (et dc les 4 champs textes pr les réponses par défauts),en dessous de le dernière question de chaque thème.
Voici mon code:
<html>
<head>
<title> Suite de la création de l'enquête </title>
<script language="javascript">
i=5;
function ajout_rep(ID)
{
// on récupère le div
var doc=document.getElementById("id");
// on passe à la ligne suivante
doc.appendChild(document.createElement("p"));
// on crée un texte "reponse"
var texte=document.createTextNode("Réponse "+i+" ")
// on crée elem: un champ texte
var elem=document.createElement("input");
elem.setAttribute("type", "text");
elem.setAttribute("name", "reponse");
// on les ajoute à la suite du div
doc.appendChild(texte);
doc.appendChild(elem);
doc.appendChild(document.createElement("p"));
// on incrémente i
i++;
}
</script>
</head>
<body>
<h2> Etape 2: Générer les questions et les réponses </h2>
<form method="post" action="essai3.php?nom=<? echo $nom; ?>">
<?
// boucle sur les thèmes
for ($i=1;$i<20;$i++)
{
if (!empty($_POST["theme".$i]))
{
?>
<h3> <? echo 'Thème '.$i.': '.$_POST["theme".$i]; ?> <br> <p> </h3>
<?
// on affiche les questions et les réponses (à remplir par l'utilisateur) sous forme d'un tableau
for ($j=1;$j<5;$j++)
{
?> <table> <tr> <td valign="top"> <?
echo 'Question '.$j.': ';
?> <input type="text" name="..."> </td> <td> <?
for ($k=1;$k<5;$k++)
{
echo 'Réponse '.$k.': ';
?> <input type="text" name="..."> <p> <?
}
?> <div id="id"> </div>
<input type="button" value="Ajouter une réponse" onClick="ajout_rep('id')">
</td> </tr> </table> <p> <?
} // ferme la boucle sur les questions
?> <input type="button" value="Ajouter une question" onClick="ajout_q()"> <p> <?
} // ferme le if
} // ferme la boucle sur les thèmes
?>
<input name="theme1" type="hidden" value="<? echo $_POST["theme1"]; ?>">
<input name="theme2" type="hidden" value="<? echo $_POST["theme2"]; ?>">
<input name="theme3" type="hidden" value="<? echo $_POST["theme3"]; ?>">
<input name="theme4" type="hidden" value="<? echo $_POST["theme4"]; ?>">
<input name="theme5" type="hidden" value="<? echo $_POST["theme5"]; ?>">
<input type="submit" value="Générer l'enquête"> <p>
</form>
</body>
</html>
ps: les name='...' dans le formulaire sont la pck je n'ai pas encore choisi commt jallais les enregistrer
dsl si mes explications ne sont pas très claires..
Merci.
|
|
jeudi 9 mars 2006 à 11:30:02 |
Re : pb pr ajout dynamique de champs textes par un clic sur un bouton "ajouter"
bultez
|
Bonjour,
° si on avait la page générée au lieu du php ce serait plus simple
( enfin, une partie, pas 25674 lignes non plus )
car on ne sait pas ce qu'il y a dans les variables php.
° faut-il ajouter une ligne au tableau existant ( généré par php ) ?
regarder "traitements Tableaux" que j'ai mis dans les
sources de ce site, qui donne un exemple.
° ou ajouter des champs de saisie dans le div ?
le plus simple : div+innerHTML+="<br /><input .... >";
°pour les trucs du style id="id", mieux vaut id="nomquelconque"
et éviter les noms connus du html/javascript/php...
Cordialement. Bul. ~ Mon Site qu'il est à Moi ~
|
|
jeudi 9 mars 2006 à 12:36:17 |
Re : pb pr ajout dynamique de champs textes par un clic sur un bouton "ajouter"
24002717
|
Voila ma page, ici ac un seul thème. Je voudrais pouvoir ajouter réponse 5 à la suite de réponse 4 pour chacune des questions, et mon script me permet actuellement de le faire seulement pr la question 1. Je changerais dc "id". Merci de l'info.
j'espère que j'ai répondu à tes questions.
Et à propos de innerhtml, est-il bien supporté par tous les navigateurs? Etape 2: Générer les questions et les réponses Thème 1: essai 1
| Question 1: | Réponse 1: Réponse 2: Réponse 3: Réponse 4: | | Question 2: | Réponse 1: Réponse 2: Réponse 3: Réponse 4: | | Question 3: | Réponse 1: Réponse 2: Réponse 3: Réponse 4: | | Question 4: | Réponse 1: Réponse 2: Réponse 3: Réponse 4: |
|
|
jeudi 9 mars 2006 à 12:37:50 |
Re : pb pr ajout dynamique de champs textes par un clic sur un bouton "ajouter"
24002717
|
il est sensé y avoir des champs de texte vide en face des questions et des réponses, qui ne st pas passés ici..
|
|
jeudi 9 mars 2006 à 12:47:54 |
Re : pb pr ajout dynamique de champs textes par un clic sur un bouton "ajouter"
bultez
|
page générée => éditeur de texte => javascriptfr
>>innerhtml, est-il bien supporté par tous les navigateurs?
tous ! ah çà, je ne sais pas ?
tout ce que je sais c'est que c'est "standard",
qu'avec IE,FF ça baigne.
Cordialement. Bul. ~ Mon Site qu'il est à Moi ~
|
|
jeudi 9 mars 2006 à 12:51:20 |
Re : pb pr ajout dynamique de champs textes par un clic sur un bouton "ajouter"
bultez
|
apèrès avoir saisi le texte, je décide d'être un peu plus
clair en ajoutant une phrase derrière la 1ère ligne ====>
en cliquant sur le bouton "Ajouter", cette phrase disparait....
je disais donc, avant d'avoir été interrompu :
page générée ==> éditeur ==> javascriptFR
sinon les balises html sont interprétées et on
voit la page html, pas la source.
Cordialement. Bul. ~ Mon Site qu'il est à Moi ~
|
|
Cette discussion est classée dans : ajouter, doc, document, réponses, elem
 Répondre à ce message
 Sujets en rapport avec ce message
imprimer contenu textarea [ par bultez ]
[size=1][b][brown]Bonjour à tous[black]Pour imprimer le contenu d'un TextAreaje n'ai trouvé que cette solution :Essais d'impression<input type=button
de la vitesse [ par peterbud ]
Bonjour à tous, Alors voilà,mon script me permet de faire tomber des gouttes de pluie sur ma page et ce que je cherche à faire c'est à varier la vites
Effet neige a l'invers [ par lnazcal ]
Bonjour,Comment le sujet le dit si bien je cherche un javascript qui fasse un effet boules dans un verre de cola.Je me suis dit que il faudré changer
animation JS "au dessus" d'un flash [ par feydakin ]
bonjour, je voudrais faire defiller le script javascript suivant ********* var snowsrc="**image**.gif" var no = 15; var ns4up = (document.layers)
pb ie : ajouter un <option> à un <select> à partir d'une popup [ par yosh ]
Bon c assez compliqué mais je vai essayer d'être le plu clair possible J'ai une page dans laquel j'utilise la technologie AJAX couplé à du PHP pour i
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 d'envoi de données [ par couicoui ]
Bonjour, Je développe un site et j'utilise un XMLhttpRequest pour aller mettre à jour une table de ma base de données. Dans ma fonction javascript qui
Déplacement calque et "NomDiv IS NOT DEFINED"... [ par mario_a_nantes ]
Salut!Je me met doucement au javascript et ... j'ai un PROBLEMEJe souhaite déplacer un calque suivant des coordonnées que je calcule, tout en garantis
Script Automne [ par potaba ]
Bonjour !!!! J'ai trouvé une superbe script en rapport avec l'automne pour mon forum mais il n'est que compatible avec Internet explorer Est-ce q
ajouter un élement a une liste [ par conradfrance ]
bonjourje débute en javascript ce que je veut faire ajouter un élément dans ma liste déroulante j'ai fait cette fonctionfunction ajoutoption(){ var un
 Livres en rapport
|
Derniers Blogs
 POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante 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
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
|