Accueil > Forum > > > > Probléme formulaire
 Probléme formulaire
lundi 27 décembre 2010 à 23:28:46 |
Probléme formulaire
Romain54000
|
Bonjour,
Voila j'ai un formulaire dynamique, qui suivant l'élément sélectionner dans ma liste déroulante affiche pour chaque option des option de formulaire différent.
J'ai ma fonction javascript et mon code html, le seul soucie ces que mon formulaire et construit en en tableau avec tr et td et ma fonction javascript ne marche pas correctement il n'affiche pas ou ne se cache plus suivant ce qui est selectionner.
Voicie mon code :
Code HTML : <select name="cat" style="width:auto" onChange="afficherAutre( this, 'cat_')"> et mon code javascript :
Code Javascript : function afficherAutre(select_, radical_){
//-- Init diverses
var i, oDiv, nb = select_.options.length;
//-- Masque tout
for (i = 0; i < nb; i++) {
oDiv = document.getElementById( radical_ + i);
if (oDiv) {
oDiv.style.display = "none";
}
}
//-- Affiche la DIV concernee
i = select_.selectedIndex;
oDiv = document.getElementById( radical_ + i);
if (oDiv) {
oDiv.style.display = "block";
}
}
et enfin mon code dans mon formulaire :
Code HTML : <tr id="cat_0">
<tr>
<td>Vous êtes un :</td>
<td><input name="status" value="Particulier" disabled="disabled" /></td>
</tr>
<tr>
<td>Type d'annonce :</td>
<td><input name="type" type="radio" value="offres" /></td>
</tr>
</tr> Merci d'avance pour votre aide :) |
|
mardi 28 décembre 2010 à 10:57:26 |
Re : Probléme formulaire
PetoleTeam
|
Bonjour,
visiblement la conception de ton formulaire ne colle plus à la fonction, envisager une autre structure ou une autre fonction.
;O)
|
|
mardi 28 décembre 2010 à 11:55:32 |
Re : Probléme formulaire
Romain54000
|
en gardent la meme structure je pourrer faire comment ma fonction? car la franchement je vois pas comment refaire ma fonction j'ai essayer plusieur chose mais sans aucun resultat :(
|
|
mardi 28 décembre 2010 à 12:06:11 |
Re : Probléme formulaire
PetoleTeam
|
reste à savoir ce que tu veux faire apparaître/disparaître en même temps dans ta structure en TABLE
peut être mettre tous dans la même TR...?
;O)
|
|
mardi 28 décembre 2010 à 12:53:44 |
Re : Probléme formulaire
Romain54000
|
ba enfaite j'ai un menu déroulant avec des options exemple comme option j'ai voiture et maison quand je selectionne voiture sa affiche des champ de formulaire en plus genre un input et un bouton radio et si je selectionne maison sa n'affiche pas les meme champ sa affiche 2 input mais pas de bouton radio.
Les champ dans mon formulaire s'adapte suivant l'option selectionner dans mon menu déroulant j'espere avoir était clair :)
|
|
mardi 28 décembre 2010 à 13:09:15 |
Re : Probléme formulaire
PetoleTeam
|
la structure dont on avait parlée sur ce message ne convient pas
Code HTML : <div id="cat_0" style="display: none">
<table>
<tr>
<td>Vous êtes un :</td>
<td><input name="status" value="Particulier" disabled="disabled"></td>
</tr>
<tr>
<td>Type d'annonce :</td>
<td><input name="type" type="radio" value="offres" /></td>
</tr>
</table>
</div>en écrivant ce message je viens de me rendre compte que ta structure HTML est incorrecte, compare avec ce que je viens de mettre ci dessus et retestes ton code.
;O) |
|
mardi 28 décembre 2010 à 14:07:20 |
Re : Probléme formulaire
Romain54000
|
sa ne marche pas désoler. Il affiche les infos et ne les effaces pas quand je change d'option.
Je te montre mon code complet :)
Code HTML : <form action="fonction/action.php?action=depot_anon" method="post" onSubmit="return configureValidation(this,4)">
<table class="formtable">
<tr>
<td>Région :</td>
<td><select class="checkit" name='region' id='region' style="width:auto" onchange='go()'>
<option value='-1'><< Choisissez la région >></option>
<option value="Languedoc-Roussillon">Languedoc-Roussillon</option>
<option value="Ile de France - Paris">Ile de France - Paris</option>
<option value="Haute Normandie">Haute Normandie</option>
<option value="Franche Comté">Franche Comté</option>
<option value="Corse">Corse</option>
<option value="Champagne-Ardenne">Champagne-Ardenne</option>
<option value="Centre">Centre</option>
<option value="Bretagne">Bretagne</option>
<option value="Bourgogne">Bourgogne</option>
<option value="Basse Normandie">Basse Normandie</option>
<option value="Auvergne">Auvergne</option>
<option value="Aquitaine">Aquitaine</option>
<option value="Alsace">Alsace</option>
<option value="Limousin">Limousin</option>
<option value="Lorraine">Lorraine</option>
<option value="Midi-Pyrénées">Midi-Pyrénées</option>
<option value="Nord-Pas de Calais">Nord-Pas de Calais</option>
<option value="Provence Alpes Côte d'Azur">Provence Alpes Côte d'Azur</option>
<option value="Pays de la Loire">Pays de la Loire</option>
<option value="Picardie">Picardie</option>
<option value="Poitou-Charentes">Poitou-Charentes</option>
<option value="Rhône-Alpes">Rhône-Alpes</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Martinique">Martinique</option>
<option value="Guyane">Guyane</option>
<option value="Réunion">Réunion</option></select></td>
</tr>
<tr>
<td>Département :</td>
<td><div id="departement"><select name='departement' id='departement1'>
<option value='-1'><< Choisissez le département >></option></select></div></td>
</tr>
<tr>
<td>Code Postal :</td>
<td><div id="code_postal"><select name='code_postal' id='code_postal1'>
<option value='-1'><< Choisissez le Code Postal >></option></select></div></td>
</tr>
<tr>
<td>Ville :</td>
<td><div id="ville"><select name='ville' id='ville1'>
<option value='-1'><< Choisissez la Ville >></option></select></div></td>
</tr>
<tr>
<td>Nom :</td>
<td><input name="nom" type="text" class="checkit" id="nom" value="<?php echo''.$nom.''; ?>" disabled="disabled" /></td>
</tr>
<tr>
<td>E-Mail :</td>
<td><input class="checkit" type="text" id="Email" name="email" value="<?php echo''.$email.''; ?>" disabled="disabled"></td>
<td>Afin de vous protéger du spam, votre email ne sera pas visible dans l'annonce. Les utilisateurs pourront vous contacter via un formulaire.</td>
</tr>
<tr>
<td>Télèphone :</td>
<td><input class="checkit" type="text" id="telephone" name="telephone" value="<?php echo''.$telephone.''; ?>"><input name="masque_tel" type="checkbox" value="" /></td>
<td>Masquer le numéro de téléphone dans l'annonce.</td>
<td><div id="errordiv_telephone" class="errordiv"></div></td>
</tr>
<tr>
<td>Catégorie :</td>
<td><select name="cat" style="width:auto" onChange="afficherAutre( this, 'cat_')">
<option value="aucun"><< Choisissez la catégorie >></option>
<option value="-1" style="background-color:#999;font:bold" disabled="disabled">---- VEHICULES ----</option>
<option value="Voitures Neuves">Voitures Neuves</option>
<option value="Motos - Scooters Neuves">Motos - Scooters Neufs</option>
<option value="Voitures D'occasion">Voitures D'occasion</option>
<option value="Motos - Scooters D'occasion">Motos - Scooters D'occasion</option>
<option value="Camping car - Caravane">Camping car - Caravane</option>
<option value="Véhicules Utilitaires">Véhicules Utilitaires</option>
<option value="Bateaux - Nautisme">Bateaux - Nautisme</option>
<option value="Locations">Locations</option>
<option value="Automobiles de Collection">Automobiles de Collection</option>
<option value="-1" style="background-color:#CCC" disabled="disabled">-- Equipement Auto --</option>
<option value="Accessoires et Entretien">Accessoires et Entretien</option>
<option value="Pièces Détachées">Pièces Détachées</option>
<option value="Divers">Divers</option>
<option value="-1" style="background-color:#CCC" disabled="disabled">-- Equipement Moto --</option>
<option value="Accessoires et Entretien">Accessoires et Entretient</option>
<option value="Pièces Détachées">Pièces Détachées</option>
<option value="Casques et Vêtements">Casques et Vêtements</option>
<option value="Equipement Caravaning">Equipement Caravaning</option>
<option value="-1" style="background-color:#999;font:bold" disabled="disabled">---- IMMOBILIER ----</option>
<option value="Vente">Vente</option>
<option value="Terrain à Vendre">Terrain à Vendre</option>
<option value="Parking - Garage - Box">Parking - Garage - Box</option>
<option value="Locations">Locations</option>
<option value="Colocations">Colocations</option>
<option value="Locations de Vacances">Locations de Vacances</option>
<option value="Bureaux et Commerces">Bureaux et Commerces</option>
<option value="Echange Maison - Appartement">Echange Maison - Appartement</option>
<option value="-1" style="background-color:#999;font:bold" disabled="disabled">---- MULTIMEDIA ----</option>
<option value="Informatique">Informatique</option>
<option value="Consoles et Jeux vidéo">Consoles et Jeux vidéo</option>
<option value="Image et Son">Image et Son</option>
<option value="Téléphonie">Téléphonie</option>
<option value="-1" style="background-color:#999;font:bold" disabled="disabled">---- MAISON ----</option>
<option value="Ameublement">Ameublement</option>
<option value="Electroménager">Electroménager</option>
<option value="Arts de la Table">Arts de la Table</option>
<option value="Décoration">Décoration</option>
<option value="Linge de Maison">Linge de Maison</option>
<option value="Vêtements">Vêtements</option>
<option value="Bricolage et Jardinage">Bricolage et Jardinage</option>
<option value="Accessoires et Bagagerie">Accessoires et Bagagerie</option>
<option value="Montres et Bijoux">Montres et Bijoux</option>
<option value="Equipement Bébé">Equipement Bébé</option>
<option value="Beauté - Santé">Beauté - Santé</option>
<option value="Antiquité - Art">Antiquité - Art</option>
<option value="-1" style="background-color:#999;font:bold" disabled="disabled">---- LOISIRS ----</option>
<option value="DVD - Films">DVD - Films</option>
<option value="CD - Musique - Vinyles">CD - Musique - Vinyles</option>
<option value="Livres">Livres</option>
<option value="Sports et Hobbies">Sports et Hobbies</option>
<option value="Instruments de Musique">Instruments de Musique</option>
<option value="Collection">Collection</option>
<option value="Jeux et Jouets">Jeux et Jouets</option>
<option value="Vins et Gastronomie">Vins et Gastronomie</option>
<option value="-1" style="background-color:#CCC" disabled="disabled">-- Animaux --</option>
<option value="Vente">Vente</option>
<option value="Adoption - Don">Adoption - Don</option>
<option value="Accessoires Animaux">Accessoires Animaux</option>
<option value="-1" style="background-color:#CCC" disabled="disabled">-- Fait Maison --</option>
<option value="Couture - Broderie - Tricot">Couture - Broderie - Tricot</option>
<option value="Perles - Fabrication de Bijoux">Perles - Fabrication de Bijoux</option>
<option value="Divers">Divers</option>
<option value="-1" style="background-color:#CCC" disabled="disabled">-- Billeterie --</option>
<option value="Spectacle - Loisir">Spectacle - Loisir</option>
<option value="Train - Avion">Train - Avion</option>
<option value="-1" style="background-color:#999;font:bold" disabled="disabled">---- VIE LOCALE ----</option>
<option value="Appel à Témoin">Appel à Témoin</option>
<option value="Association - Bénévolat">Association - Bénévolat</option>
<option value="Bons plan - Gratuit - Troc">Bons plan - Gratuit - Troc</option>
<option value="Covoiturage">Covoiturage</option>
<option value="Perdue - Trouvé">Perdue - Trouvé</option>
<option value="Perdu de Vue">Perdu de Vue</option>
<option value="-1" style="background-color:#999;font:bold" disabled="disabled">---- EMPLOI ----</option>
<option value="Offres D'emploie">Offres D'emploie</option>
<option value="Offres de Stage et Alternance">Offres de Stage et Alternance</option>
<option value="Petits Boulots et Saisonniers">Petits Boulots et Saisonniers</option>
<option value="Indépendant - Télétravail">Indépendant - Télétravail</option>
<option value="Dépot CV">Dépot CV</option>
<option value="-1" style="background-color:#999;font:bold" disabled="disabled">---- SERVICES ----</option>
<option value="Informatiques">Informatiques</option>
<option value="Traduction">Traduction</option>
<option value="Casting - Modèle - Photographie">Casting - Modèle - Photographie</option>
<option value="Matériel Professionnel">Matériel Professionnel</option>
<option value="Evénements">Evénements</option>
<option value="-1" style="background-color:#CCC" disabled="disabled">-- Aide à la Personne --</option>
<option value="Assistante Maternelle - Garde D'enfant">Assistante Maternelle - Garde D'enfant</option>
<option value="Services Ménagers">Services Ménagers</option>
<option value="Aide à Domicile">Aide à Domicile</option>
<option value="-1" style="background-color:#CCC" disabled="disabled">-- Cours Particuliers --</option>
<option value="Langue">Langue</option>
<option value="Informatique">Informatique</option>
<option value="Musique - Théâtre - Danse">Musique - Théâtre - Danse</option>
<option value="Autres Cours">Autres Cours</option>
<option value="Autres Services">Autres Services</option>
<option value="-1" style="background-color:#999;font:bold" disabled="disabled">---- RENCONTRES ----</option>
<option value="Amicale - Activité">Amicale - Activité</option>
<option value="-1" style="background-color:#CCC" disabled="disabled">-- Sérieuses Hétéro --</option>
<option value="Femme Cherche Homme">Femme Cherche Homme</option>
<option value="Homme Cherche Femme">Homme Cherche Femme</option>
<option value="-1" style="background-color:#CCC" disabled="disabled">-- Gays et Lesbiennes --</option>
<option value="Femme Rencontre Femme">Femme Renconte Femme</option>
<option value="Homme Rencontre Homme">Homme Rencontre Homme</option>
<option value="-1" style="background-color:#CCC" disabled="disabled">-- Réservé aux + de 18 Ans --</option>
<option value="Sans Lendemain">Sans Lendemain</option>
<option value="Erotique (Massage, ect..)">Erotique (Massage, ect..)</option></select></td>
</tr>
<div id="cat_0" style="display: none">
<table>
<tr>
<td>Vous êtes un :</td>
<td><input name="status" value="Particulier" disabled="disabled"></td>
</tr>
<tr>
<td>Type d'annonce :</td>
<td><input name="type" type="radio" value="offres" /></td>
</tr>
</table>
</div>
</table>
</form> |
|
mardi 28 décembre 2010 à 14:55:05 |
Re : Probléme formulaire
PetoleTeam
|
Réponse acceptée !
Yo! pas utile de mettre toutes les options, mais bon il s'agit d'un problème de structure de ta page et surtout de ta TABLE
Code HTML : <!-- fin ligne avant -->
</tr>
<!-- nouvelle ligne -->
<tr>
<!-- nouvelle cellule -->
<td>
<!-- on integre dans la nouvelle cellule ce qui doit etre show/hide -->
<div id="cat_0" style="dis_play: none">
<!-- pourquoi pas une table, mais bon ! -->
<table>
<tr>
<td>Vous êtes un :</td>
<td><input name="status" value="Particulier" disabled="disabled"></td>
</tr>
<tr>
<td>Type d'annonce :</td>
<td><input name="type" type="radio" value="offres" /></td>
</tr>
</table>
</div>
<!-- fin nouvelle cellule -->
</td>
<!-- fin nouvelle ligne -->
</tr>
<!-- la suite ICI -->
|
|
mardi 28 décembre 2010 à 15:07:13 |
Re : Probléme formulaire
Romain54000
|
sa marche parfaitement :) merci pour sa :)
Par contre j'ai un decalage avec le reste du tableau le reste du formulaire et decaler par rapport a mon div :(
|
|
mardi 28 décembre 2010 à 15:26:17 |
Re : Probléme formulaire
PetoleTeam
|
il te faut fusionner les cellules sur 2 colonnes avec l'attribut colspan
Code HTML : <!-- nouvelle cellule -->
<td colspan ="2">
<!-- on integre dans la nouvelle cellule ce qui doit etre show/hide -->
<div id="cat_0" style="dis_play: none"> |
|
Cette discussion est classée dans : affiche, javascript, code, formulaire, probléme
 Répondre à ce message
 Sujets en rapport avec ce message
Ecrire un code Javascript dans un "tut" Javascript ? [ par honolulu ]
Salut,Je suis en train de creer un "tut" de la manière suivante : j'ai fait un array (a, b, c, d), créé une fonction affiche () {document.form.textare
prob éxécution js / et balises <table> [ par zeraxp ]
salut,alors voila j'ai une fonction javascript qui est appelé sur lévenement on submit d'un formulaire:....<input type="submit" value=Re
valeur d'un champ formulaire récupèrer d'un code javascript [ par katousa ]
bonjour, je viens de commencer à programmer avec javascript, mon pb, est queje veux afficher la valeur du date et l'heure actuel calculer dans le code
javascript code débutant [ par jiin ]
Bonjour,je suis débutant en javascript , j'ai écris ceci if(valeur == 'Réalisé' ){alert('Veuillez qualifier votre fiche compte');}je souhaite que l'al
Probléme avec javascript et activeX [ par locs ]
Bonjour, j'ai un probleme lors de la création d'un activeX relatif a outlook.Le code que j'utilise est le suivant :[CODE]var MonOA = new ActiveXObject
Vérification d'un formulaire à 2 boutons [ par derf4002 ]
Bonjour,Je cherche à faire des formulaires avec vérification de la validité des champs. J'ai donc récupéré un ptit code javascript que j'ai réadapté e
JAVASCRIPT ET PHP [ par daris ]
Bonjour j'ai un code javascript qui returne une variable determination et je voudrai recuperer determination mais en php dans la même page.Merci d'av
besoin d'aide pour code javascript [ par bebejolie ]
bonsoir je ne sais pas si je suis au bonne endroit et je m'excuse si cela n'est pas le cas mais apres avoir chercher sur le net, je me decide a vous p
Code javascript pour un formulaire [ par Lexou0512 ]
Bonjour tout le monde, Je dois faire un formulaire qui contient des cases à cocher et des champs texte, sous Acrobat 8 pro. Pour l'améliorer, je vo
Probléme affichage Javascript [ par shadow578 ]
Bonjour, Voilà j'aimerai faire un défilement grâce à un bouton. Donc j'ai créer deux boutons (gauche, droite) et entre deux mon texte qui s'affiche
 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
|