CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 29 01:56:01

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

Ajout/suppression d'un champs de formulaire

Poser une question dans le forum ou lancer une discussion

Ajout/suppression d'un champs de formulaire

mercredi 10 octobre 2007 à 10:26:09 | Ajout/suppression d'un champs de formulaire

[/code] Alors quand je fais enlever il m'enleve tout a partir du bouton enlevé sur lequel j'ai cliqué même mon bouton ajouté cela parait logique quand on voit le fichier interprété en html crée [code] [/code] Mes se placent bizarement. Quelqu'un a une idée de mon erreur? D'avance merci.

maelob 699 msg 989 msg CS	Bonjour tout est dans le titre, un bouton ajout qui ajout un input text et un bouton. et ce dernier bouton ajouter permet d'enlever l'input crée ainsi que son bouton enlever associé. L'ajout fonctionne très quoi que je ne comprend pas pourquoi mes se place de cette manière enfin on ça après voici ma fonction. [code] //http://www.editeurjavascript.com/scripts/scripts_formulaires_3_653.php function create_input(i, namein) { var i2 = i + 1; document.getElementById(namein+i).innerHTML = ""; document.getElementById(namein+i).innerHTML += ""; document.getElementById(namein+i).innerHTML += " \n"; document.getElementById(namein+i).innerHTML += " "; } function remove_input(namein, i) { var i2 = i + 1; document.getElementById(namein+i).style.display = 'none'; //document.getElementById(namein+i+'b').style.display = 'none'; //document.getElementById(namein+i2).style.visibility = 'visible'; } [/code] et un bout de mon code HTML [code]
maelob 699 msg 989 msg CS	Enseignants responsables
Enseignants responsables

mercredi 10 octobre 2007 à 18:26:39 | Re : Ajout/suppression d'un champs de formulaire

PetoleTeam

3281 msg

3318 msg CS

Bonjour,
tu crées ton INPUT type texte et ton INPUT type button dans le même DIV, la fonction remove_input ne fait que cacher le DIV, donc tout ce qu'il y a dedans.
Mais ai je bien tout compris ?
;0)

mercredi 10 octobre 2007 à 18:36:03 | Re : Ajout/suppression d'un champs de formulaire

maelob

699 msg

989 msg CS

cacher le div ou supprimer le div moi je m'en fout. En faite en y reflechissant bien il vaut mieux les supprimer pour ne pas avoir des variable que je ne veut pas recuperer.
Merci de ton aide.

vendredi 12 octobre 2007 à 11:02:28 | Re : Ajout/suppression d'un champs de formulaire

maelob

699 msg

989 msg CS

hum personne ne peut m'aider?

samedi 13 octobre 2007 à 09:04:10 | Re : Ajout/suppression d'un champs de formulaire

PetoleTeam

3281 msg

3318 msg CS

Bonjour,
Bon apparement réponse à coté, il semble que ce soit le comportement des DIVs qui soit ton réel problème !?!

avec
document.getElementById( id_).style.display = 'none';
l'espace alloué au DIV dans ton document est libéré, comme si on le supprimé réellemnt du document

avec
document.getElementById( id_).style.visibility = 'hidden';
l'espace est coservé mais le DIV et son contenu ne sont plus affichés

si tu as un lien pour que l'on se rende compte, on est bien loin du titre de ton post...
;0)

lundi 15 octobre 2007 à 09:11:13 | Re : Ajout/suppression d'un champs de formulaire

maelob

699 msg

989 msg CS

euh oui tu as raison c'est surtout avec mes div que j'ai un probleme déjà merci pour la precision entre display et visibility je ne connaissais pas la différence. Après mes div en faite il me mette pas comme je veux c'est à dire que j'ai

contenu

autre contenu

... puis

Alors forcement quand je lui dis de l'enlever ben... il enleve tout je compprend pas pourquoi ça se met sous cette forme... Merci encore pour ton aide.

lundi 15 octobre 2007 à 19:48:37 | Re : Ajout/suppression d'un champs de formulaire

PetoleTeam

3281 msg

3318 msg CS

Bonjour,problème d'encapsulage de tes DIVs
ton fichier ...
<div id="teacher1">
<input name="teacher1" size="32" maxlenght="80" type="text">
<input value="Enlever" onclick='remove_input("teacher", 1)' type="button"><br>
<div id="teacher2">
<input name="teacher2" size="32" maxlenght="80" type="text">
<input value="Enlever" onclick='remove_input("teacher", 2)' type="button"><br>
<div id="teacher3">
<input name="teacher3" size="32" maxlenght="80" type="text">
<input value="Enlever" onclick='remove_input("teacher", 3)' type="button"><br>
<div id="teacher4">
<input value="Ajouter" onclick='create_input(4, "teacher")' id="teacher4" type="button">
</div></div></div></div>

il serait souhaitable d'écrire plutôt comme ceci
<div id="teacher1">
<input name="teacher1" size="32" maxlenght="80" type="text">
<input value="Enlever" onclick='remove_input("teacher", 1)' type="button">
</div> <br>
<div id="teacher2">
<input name="teacher2" size="32" maxlenght="80" type="text">
<input value="Enlever" onclick='remove_input("teacher", 2)' type="button">
</div> <br>
<div id="teacher3">
<input name="teacher3" size="32" maxlenght="80" type="text">
<input value="Enlever" onclick='remove_input("teacher", 3)' type="button">
</div><br>
<div id="teacher4">
<input value="Ajouter" onclick='create_input(4, "teacher")' id="teacher4" type="button">
</div>
;0)

mardi 16 octobre 2007 à 09:11:05 | Re : Ajout/suppression d'un champs de formulaire

maelob

699 msg

989 msg CS

Oui je sais qu'on doit l'écrire comme ça mais c'est avec l'action javascript d'ajout de champs qu'ils se mettent comme ça... je ne comprend pas pourquoi d'ailleurs...

mardi 16 octobre 2007 à 17:09:46 | Re : Ajout/suppression d'un champs de formulaire

maelob

699 msg

989 msg CS

Bon le problème des div est réglé j'ai changé ma fonction d'ajout de cette manière function create_input(i, namein) { var i2 = i + 1; document.getElementById(namein+i).style.display = 'none'; var new_div = document.createElement("div"); new_div.id = namein+i; var new_but2 = document.createElement("input"); new_but2.type = "button"; new_but2.value = "Ajouter"; new_but2.onclick = function(){create_input(i2, namein);}; new_but2.id = namein+i2; var conteneur = document.getElementById("td"); conteneur.appendChild(new_div); document.getElementById(namein+i).innerHTML = ""; document.getElementById(namein+i).innerHTML += ""; document.getElementById(namein+i).innerHTML += "

\n"; conteneur.appendChild(new_but2); } Les Div se placent comme il le faut ma fonction qui enleve le bouton et le champs fonctionne très bien aussi mais c que je veux c'est vraimetn supprimer cet input pour ne pas avoir a récupérer sa valeur. Une idée?

mardi 16 octobre 2007 à 19:28:58 | Re : Ajout/suppression d'un champs de formulaire

PetoleTeam

3281 msg

3318 msg CS

Bonjour,
je te propose une alternative qui fait, presque, suite à un post sur ce site
http://www.javascriptfr.com/infomsg.aspx?ID=979664

je te livre le code pour analyse et question peut être !

<html>
<head>
<title></title>
<script language="javascript">
var Compteur = 0;
//--------------------------
function Delete_Ligne( obj_){
var Parent;
var Obj = obj_;
if( Obj){
    //-- tant que pas la balise <TR>
    do{
       Obj = Obj.parentNode;
    }while( Obj.tagName != "TR")
    //-- Recup du parent
    Parent = Obj.parentNode;
    //-- Suppression de la ligne
    if( Parent){
      Parent.deleteRow( Obj.rowIndex)
    }
}
}
//----------------------
function Create_Ligne(i){
//-- compteur pour le FUN
Compteur++;
//-- Get objet tableau
var O_Table = document.getElementById('T_INSERT');
//-- Get nombre de ligne du tableau
var NbrLigne = O_Table.rows.length;
//-- Position d'insertion
var Pos = NbrLigne;
//-- Insertion d'une ligne
O_Row = O_Table.insertRow( Pos);
//-- Insertion d'une cellule
O_Cell = O_Row.insertCell(-1);
O_Cell.innerHTML = '<input type="text" size="32" maxlenght="80" value="Professeur n°' +Compteur +'"/>';
//-- Insertion d'une autre cellule
O_Cell = O_Row.insertCell(-1);
O_Cell.innerHTML = '<input type="button" value="Enlever" onClick="Delete_Ligne(this)">';
}
</script>
</head>
<body>
<table id="T_INSERT">
<tr>
<th>Enseignants responsables</th>
<th><input name="button" type="button" onClick="Create_Ligne()" value="Ajouter"></th>
</tr>
</table>
</body>
</html>

On est dans l'esprit de ce que tu as écrit.
Voila analyse et tiens moi au courant que cela réponde ou non à ton problème
;0)

Cette discussion est classée dans : bouton, code, document, getelementbyid, namein

Répondre à ce message

Sujets en rapport avec ce message

position d'un id [ par pqmoltonel ] bonjour, je cherche desespérément une fonction / propriétée qui permet de retourner la position d'un element html quelconque contenant un id:voila le Pb : onClick d'un bouton radio pour disparition d'un <DIV> [ par beku ] BonjourJe voudrais faire disparaitre le suivanten cliquant sur le bouton radio<br activer-désactiver une liste déroulante selon le bouton radio coché [ par jesscolor83 ] Bonjour,en fait je veux que selon le bouton radio coché, je veux faire apparaitre une liste déroulante. Le problème est que dès que je coche le second Récuperer le Code Source d'une page web [ par LucChirac ] Je souhaite récupérer le code source de pages web. Ma méthode ne fonctionne qu'avec les pages locales :function GetHTML(){doc = document.getElementBy document.getElementById et IE7 [ par robinou ] Bonjour,J'utilise sans souci un AJAX qui me retourne bien un résultat HTML sur Firefox et IE7 également (vérifié avec alert()).Un div affiche le résul code js qui ne marche pas (DOM, ajout d'évènement) [ par nicomilville ] Salut tout le monde,J'ai ces quelques lignes de code qui ne marchent pas !!!document.getElementById('button1').addEventListener('click', reciproque('d Scroll javascript [ par Azraka ] Bonjour, j'ai fait un petit bout de code javascript pour faire un scroll horizontal, ce code marche très bien sous firefox mais pose problème sous IE. Bouton image qui appelle une fonction js [ par philreut ] Bonjour, j'ai un formulaire dynamique créé par une fonction js dans lequel je souhaite intégrer une possibilité de supprimer des entrées existantes. unterminated string literal [ par kangun ] Bonjour. je me tourne vers vous suite à un problème apparut sur un java script. en effet, je souhaite afficher une bulle au dessus d'une image et chan Faire un clavier virtuel [ par davland7 ] Bonjour je fais un clavier virtuel pour un écran touch screen Bon pour les touche A, S, D etc. j'utilise ma fonction que je suis fait [code=js] fu

Livres en rapport

ASP.NET

Visual C++ MFC programming by example

Mieux programmer en Java

Fireworks MX pour PC/MAC

Tous les livres pour Bouton, Code, Document, Getelementbyid, Namein

Nos sponsors

Derniers Blogs

JOYEUX ANNIVERSAIRE NIX par ebartsoft

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Installation et configuration de blogs Wordpress
Budget : 8 500€
Recheche Web Master pour MAJ de plateformes Musical
Budget : 500€
Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€

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