begin process at 2012 05 28 23:50:17
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Trucs & Astuces

 > 

champ formulaire visible selon liste deroulante


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

champ formulaire visible selon liste deroulante

mardi 11 avril 2006 à 13:10:25 | champ formulaire visible selon liste deroulante

gabs77

bonjour,
je suis en train de faire un formulaire pour un ajout de materiel
mais en fonction du type de matériel ( si c'est un ordinateur ou une imprimante : par exemple)
les champs a remplir ne sont pas les mêmes 
est ce que on peut m'aider svp ?
si il y a pas assez d explication ou autre signalez le moi je ferai de mon mieux
voici ce que j'ai fait :
==============

<html>
<head>
<title>Ajout matériel</title>
<script language="text/javascript">
function apparence(type)
{
if(type==3 || type==4)
 {
 document.getElementById("champordi").style.visibility="visible";
 }else{
 document.getElementById("champordi").style.visibility="hidden";
 }
}
</script>
</head>
<body>
<?php
include('../config.php');
?>
<fieldset><legend align="center">Ajout de matériel</legend>
 <form action="confirmajoutmatériel.php" method="POST" name="formulaire">
 <table border=0 align="center" width="500">
 <tr><td width="175">N° de série:</td>
     <td width="315"><input type="text" name="numserie" value="Saisir le N° de série" onClick="this.value='';"></td></tr>
 <tr><td>Type matériel:</td>
       <td><select name="type" onChange="apparence(this.value);">
     <?php
     $sql = "SELECT * FROM $table_type";
     $query=mysql_query($sql) or die ('Erreur');
     $nb=mysql_num_rows($query); //nbr de ligne de résultat de la requête
     if ($nb=0)
      {
      echo '<option>---Aucun Type---</option>';
      } else {
      echo'<option value="" selected>---Séléctionnez le type---</option>';
      while ($list2 = mysql_fetch_array($query))
       {
       echo '<option value='.$list2['id_type_reseau'].'>'.$list2['type_reseau'].'</option>';
       }
      }
     ?>  
  </select></td></tr>
 <tr><td>Modèle :</td>
  <td><input type="text" name="pre" value="Saisir  le modèle" onClick="this.value='';"></td></tr>
 <tr><td>Bon de commande :</td>
  <td><input type="text" name="pole" value="Saisir  le bon" onClick="this.value='';"></td></tr>
 <tr><td>Admin/Pédag :</td>
  <td><select name="stat">
  <option value="" selected>---Séléctionnez le statut---</option>
  <option value="Adiminstratif">Adiminstratif</option>
  <option value="Pédagogique">Pédagogique</option>
  </select></td></tr>
 <tr><td>Nom matériel :</td>
  <td><input type="text" name="nom" value="" onClick="this.value='';"></td></tr>
 <!-- Champ visible seulement si c est un ordinateur--> 
 <tr><td colspan="2">
<table border="0" id="champordi" style="visibility:hidden">
 <tr><td>CPU :</td>
  <td><input type="text" name="cpu" value="" onClick="this.value='';"></td></tr>
 <tr><td>Mémoire vive(RAM) :</td>
  <td><input type="text" name="ram" value="" onClick="this.value='';"></td></tr>
 <tr><td>Carte Réseau :</td>
  <td><input type="text" name="res" value="" onClick="this.value='';"></td></tr>
 <tr><td>Carte Graphique :</td>
  <td><input type="text" name="grap" value="" onClick="this.value='';"></td></tr>
 <tr><td>Carte Son :</td>
  <td><input type="text" name="son" value="" onClick="this.value='';"></td></tr>
 <tr><td>Lecteur CD/DVD:</td>
  <td><input type="text" name="lect" value="" onClick="this.value='';"></td></tr>
 <tr><td>Graveur CD/DVD :</td>
  <td><input type="text" name="grav" value="" onClick="this.value='';"></td></tr>
 <tr><td>Système d'exploitation :</td>
  <td><input type="text" name="os" value="" onClick="this.value='';"></td></tr>
 <tr><td>Lecteur disquette  :</td>
  <td><input type="text" name="dsk" value="" onClick="this.value='';"></td></tr>
 <tr><td>DLT :</td>
  <td><input type="text" name="dlt" value="" onClick="this.value='';"></td></tr>
 <tr><td>Logiciels spécifiques :</td>
  <td><textarea name="soft" rows="5" cols="40" onClick="this.value='';">placez vos logiciels spécifiques !!!
   </textarea></td></tr>
 </table></td></tr>

<tr><td colspan="2" align="center"><input type="submit" name="submit" value="Enregistrer" onClick="return verifForm(formulaire.techn,formulaire.mdp,formulaire.mdp1);"></td>
<!--   -->
      </tr>
   </table>
 </form>
</fieldset>
</body>
</html>

mardi 11 avril 2006 à 15:43:04 | Re : champ formulaire visible selon liste deroulante

bultez

Membre Club

Bonjour,
la réponse est presque la même qu'ici :
http://www.javascriptfr.com/infomsg/GRISER-BOUTONS-RADIO-3_712161.aspx
sauf que là on invalide des radios ( bof )
si il y a pas assez d'explications ou autre signalez le moi je ferai de mon mieux

Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

mardi 11 avril 2006 à 15:55:33 | Re : champ formulaire visible selon liste deroulante

gabs77

<html>
<head>
<title>Ajout matériel</title>
<script language="text/javascript">
function apparence(liste)
{
if(type[type.selectedIndex].value=="3" || type[type.selectedIndex].value=="4")
 {
 document.getElementById("champordi").style.visibility="visible";
 }else{
 document.getElementById("champordi").style.visibility="hidden";
 }
}
</script>
</head>
<body>
<?php
include('../config.php');
?>
<fieldset><legend align="center">Ajout de matériel</legend>
 <form action="confirmajoutmatériel.php" method="POST" name="formulaire">
 <table border=0 align="center" width="500">
 <tr><td width="175">N° de série:</td>
     <td width="315"><input type="text" name="numserie" value="Saisir le N° de série" onClick="this.value='';"></td></tr>
 <tr><td>Type matériel:</td>
       <td><select name="type" onChange="apparence(this);">
     <?php
     $sql = "SELECT * FROM $table_type";
     $query=mysql_query($sql) or die ('Erreur');
     $nb=mysql_num_rows($query); //nbr de ligne de résultat de la requête
     if ($nb=0)
      {
      echo '<option>---Aucun Type---</option>';
      } else {
      echo'<option value="" selected>---Séléctionnez le type---</option>';
      while ($list2 = mysql_fetch_array($query))
       {
       echo '<option value='.$list2['id_type_reseau'].'>'.$list2['type_reseau'].'</option>';
       }
      }
     ?>  
  </select></td></tr>
 <tr><td>Modèle :</td>
  <td><input type="text" name="pre" value="Saisir  le modèle" onClick="this.value='';"></td></tr>
 <tr><td>Bon de commande :</td>
  <td><input type="text" name="pole" value="Saisir  le bon" onClick="this.value='';"></td></tr>
 <tr><td>Admin/Pédag :</td>
  <td><select name="stat">
  <option value="" selected>---Séléctionnez le statut---</option>
  <option value="Adiminstratif">Adiminstratif</option>
  <option value="Pédagogique">Pédagogique</option>
  </select></td></tr>
 <tr><td>Nom matériel :</td>
  <td><input type="text" name="nom" value="" onClick="this.value='';"></td></tr>
 <!-- Champ visible seulement si c est un ordinateur--> 
 <tr><td colspan="2">
<table border="0" id="champordi" style="visibility:hidden">
 <tr><td>CPU :</td>
  <td><input type="text" name="cpu" value="" onClick="this.value='';"></td></tr>
 <tr><td>Mémoire vive(RAM) :</td>
  <td><input type="text" name="ram" value="" onClick="this.value='';"></td></tr>
 <tr><td>Carte Réseau :</td>
  <td><input type="text" name="res" value="" onClick="this.value='';"></td></tr>
 <tr><td>Carte Graphique :</td>
  <td><input type="text" name="grap" value="" onClick="this.value='';"></td></tr>
 <tr><td>Carte Son :</td>
  <td><input type="text" name="son" value="" onClick="this.value='';"></td></tr>
 <tr><td>Lecteur CD/DVD:</td>
  <td><input type="text" name="lect" value="" onClick="this.value='';"></td></tr>
 <tr><td>Graveur CD/DVD :</td>
  <td><input type="text" name="grav" value="" onClick="this.value='';"></td></tr>
 <tr><td>Système d'exploitation :</td>
  <td><input type="text" name="os" value="" onClick="this.value='';"></td></tr>
 <tr><td>Lecteur disquette  :</td>
  <td><input type="text" name="dsk" value="" onClick="this.value='';"></td></tr>
 <tr><td>DLT :</td>
  <td><input type="text" name="dlt" value="" onClick="this.value='';"></td></tr>
 <tr><td>Logiciels spécifiques :</td>
  <td><textarea name="soft" rows="5" cols="40" onClick="this.value='';">placez vos logiciels spécifiques !!!
   </textarea></td></tr>
 </table></td></tr>

<tr><td colspan="2" align="center"><input type="submit" name="submit" value="Enregistrer" onClick="return verifForm(formulaire.techn,formulaire.mdp,formulaire.mdp1);"></td>
<!--   -->
      </tr>
   </table>
 </form>
</fieldset>
</body>
</html>

mardi 11 avril 2006 à 15:57:02 | Re : champ formulaire visible selon liste deroulante

gabs77

bonjour, g regarder le script a partir du lien que tu m'as envoyé g fait quelque test et sa fonctionne toujours pas il n'y a rien qui apparaît
je ne comprends pas pk ?
mardi 11 avril 2006 à 16:14:38 | Re : champ formulaire visible selon liste deroulante

bultez

Membre Club
Réponse acceptée !

<script type="text/javascript">
function apparence(liste)
{
if(liste[liste.selectedIndex].value=="3" || liste[liste.selectedIndex].value=="4")
 {
 document.getElementById("champordi").style.visibility="visible";
 }else{
 document.getElementById("champordi").style.visibility="hidden";
 }
}
</script>


s'il y a bien 3 ou 4 dans <option value="3 ou 4">??</option>
dans les lignes où c'est nécessaire
car ici on n'a pas la page html mais le php, alors on ne peut pas dire...
moi, j'éviterais les names, variables.. qui ressemblent par trop à ce
que connait le JavaScript.html ( type par exemple pour le name du select )

Cordialement. Bul. ~
Mon Site qu'il est à Moi ~

mardi 11 avril 2006 à 16:20:09 | Re : champ formulaire visible selon liste deroulante

gabs77

super c bon sa marche je te remercie cordialement bultez
sa fait 2 jours ke je suis deçu je ne savait plus ou donné de la tête
encore merci
mardi 11 avril 2006 à 16:33:52 | Re : champ formulaire visible selon liste deroulante

bultez

Membre Club

avec IE il faut activer le debugger, avec FF regarder la console JavaScript
déjà, il y aurait eu une erreur  "'type' undefined".
Cordialement. Bul. ~ Mon Site qu'il est à Moi ~



Cette discussion est classée dans : type, formulaire, visible, query, matériel


Répondre à ce message

Sujets en rapport avec ce message

Formulaire : changer le type d'élémént en fonction d'une valeur ... [ par Dexterin ] Bonjour, je suis un débutant (très débutant) ... merci de votre évenuelle aide...J'ai le script suivant :function Choix(fiche) { i = document.fiche.c Formulaire : changer le type d'élémént en fonction d'une valeur ... [ par Dexterin ] Bonjour, je suis un débutant (très débutant) ... merci de votre évenuelle aide...J'ai le script suivant :function Choix(fiche) { i = document.fiche.c javascript et style pour formulaire [ par scguillaume ] comment appliquer un style (CSS) à un objet de formulaire (type liste) sur l'envenement ONCLICK d'un autre objet du formulaire (type radio)?merci verification sur une entrée de formulaire [ par jagui jaguar ] Salut, je fais une page php-mysql qui gere les emprunt de matériel a partir d'un formulaire. J'aimerais qu'une fois rentrée la quantité désirée, il vé Confirmation du formulaire [ par Netlink ] Salut à tous,Je rencontre un problème pour faire ceci :J'ai mon formulaire de base (page inscription.shtml) :blablablablaDonc une f formulaire de type file prérempli ? [ par mimounc ] Avec l aide du javascript, Est-il possible d'attribuer une valeur par défaut à la balise des le chargement de la page html ?En gros, la valeur par de Controles croisés dans un formulaire [ par ddjava ] Alors voilà :J'ai un formulaire avec des lignes de commandes à remplir et des cases à cocher pour le type de paiement choisi.Bon.Je voudrais obliger à Javascript et référence objet. [ par CHABRY ] Bonjour, J'ai commencé à écrire du code javascript visant la validation de n'importe quel formulaire d'1 même page HTML en parcourant les formulaires Formulaire redirection [ par Mickylord ] Bonsoir à tous!J'aimerai qu'un formulaire qui envoi normalement vers une page du type/page.php?nom=valeurRedirige vers une page du type/valeurSans .ph Problème de champs de type "hidden" qui "prennent de la place" [ par boudafc ] Voilà, j'ai créé un formulaire de confirmation pour un envoi de formulaire, et j'ai donc créé un formulaire avec des champs de type « hidden » pour l&


Nos sponsors


Sondage...

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,359 sec (3)

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