[resolu][PHP/JS] Afficher div via selection dans une liste/radio

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [resolu][PHP/JS] Afficher div via selection dans une liste/radio

eliote

Bonjour,

Apres plusieurs recherches, je ne trouve toujours pas ma solution, je me décide donc à vous demandez !
Voici mon porblème :
Dans un formulaire, sur une balise <select> je dois afficher un champs de formulaire supplémentaire si option1 est selectionné.

Je pense que c'est possible de le faire facilement mais je n'y arrive pas !

Mes piste m'on fait partir vers onchange en js mais si je valide par submit le formulaire je lance une requete pour inscrire mes données dans une base, je ne peux donc pas valider le formulaire.

Un peu (beaucoup ?) d'aide me serait bien utile

Merci d'avance

BN

Message édité par eliote le 04-01-2008 à 11:36:59

Publicité

the_bigboo

dans ton select tu rajoutes :

Code :

onchange="if( this.selectedIndex==1){ document.getElementById('monDiv').style.display='block'; }else{ document.getElementById('monDiv').style.display='none'; }"

Edit : En adaptant bien sur a tes noms de variables

Message édité par the_bigboo le 30-12-2007 à 01:08:31

gatsu35

Blablaté par Harko

avec un operateur ternaire ca prend moins de place :
onchange="document.getElementById('monDiv').style.display= (this.selectedIndex==1) ? 'block' : 'none';"

eliote

Bonjour et merci pour vos reponses,

Comment puis je faire une selection sur deux champs de la liste ? En gros je veux afficher si selection : fournisseur ou client , les champs nom et ville

J'utilise la solution de Gasu35.

le premier affichage du formulaire m'affiche tous les champs, c'est seulement lorsque je selectionne un champ autre que fournisseur que le champ nom disparait, pourriez m'indiquer comment résoudre le problème.

Merci d'avance et bonne année 2008 !

Message édité par eliote le 03-01-2008 à 10:14:10

the_bigboo

Dans ce cas c'est plus intéressant d'utiliser les valeurs plus que le selectedIndex :

Code :

onchange="document.getElementById('monDiv').style.display= (this.options[this.selectedIndex].value== 'fournisseur' || this.options[this.selectedIndex].value=='client' ) ? 'block' : 'none';"

eliote

Merci pour votre réponse rapide, ca fonctionne nickel, par contre au premier affichage du formulaire il m'affiche toujours le selected que je veux afficher que si on selectionne fournisseur.

J'essaye avec <div id="pr1" style="display:none"> mais cela ne fonctionne pas pour cacher le div

Message édité par eliote le 03-01-2008 à 11:41:37

the_bigboo

déjà il manque le ; apres "none", ensuite utilises les balises "cpp" pour le code

eliote

Code :

<select name="zs_secteur" onchange="document.getElementById('four/stt').style.display= (this.options[this.selectedIndex].value== 'FOURNISSEUR/STT' || this.options[this.selectedIndex].value=='GESTE COMMERCIAL' ) ? 'block' : 'none';">

...

Code :

<div id='four/stt' style='display:none;'>
<tr class="Stylenormal" bgcolor="#EEF5F9">
<td width="400" >
Fournisseur /sous-traitant :
<?php if ((($mode == "view"&&$etat != "EC" )&&$_SESSION['login'] != 'admin')||$etat == "NCV" ){ echo "<b>".$fournisseur."</b>"; }else{ ?>
<input type="text" name="zs_nom_four" value="<?php echo $fournisseur; ?>"/>
<?php } ?>
</td>
<td width="400">Réclamation :
<?php if ((($mode == "view"&&$etat != "EC" )&&$_SESSION['login'] != 'admin')||$etat == "NCV" ){ echo "<b>".$reclamation."</b>"; }else{ ?>
<input type="radio" id="reclam/four" name="zs_reclamation" value="Oui" <?php if( $reclamation =='Oui') { echo 'checked'; } ?>/>Oui <input type="radio" name="zs_reclamation" value="Non" <?php if( $reclamation =='Non') { echo 'checked'; } ?>/>Non
<?php } ?>
</td>
</tr>
</div>

Mon div s'affiche quand meme, à la premiere visualisation de mon formulaire, je ne vois pas pourquoi.
Je n'utilise prartiquement jamais de js, je suis un peu perdu sur ce langage.

Merci d'avance de votre aide.

Message édité par eliote le 03-01-2008 à 12:10:52

eliote

J'ai supprimé mon div et j'ai mis l'id dans la ligne du tableau, ça fonctionne.

Je cherche maintenant à afficher une ligne via un bouton radio.
cad, si le bouton radio est coché, j'affiche d'autre option du formulaire (textarea), si on decoche l'option je masque les options.

[cpp]oncchange="document.getElementById('reparation').style.display= (this.selected) ? 'block' : 'none';"(/cpp]

Cette ligne fonctionne mal, à l'affichage les options sont visibles, quand je selectionne le bouton les options sont toujours visibles et lorsque je selectionne un autre bouton les options disparaissent :-(

Je suis une buse sur le js, vous pouvez m'eclairer ?

Merci d'avance.

Message édité par eliote le 04-01-2008 à 11:02:07

eliote

sur le bouton sur lequel on veut afficher les options :

Code :

onclick="document.getElementById('reparation').style.display= (this.value) ? 'block' : 'none';"

Sur les autres boutons : (fonction)

Code :

onclick="masquer('reparation','none')"
<script language="javascript">
function masquer (id, value) {
document.getElementById(id).style.display = value;
}
</script>

Message édité par eliote le 04-01-2008 à 11:36:22

FORUM HardWare.fr

Programmation

HTML/CSS

[resolu][PHP/JS] Afficher div via selection dans une liste/radio

Sujets relatifs
[SQL Pervasive\VB .NET][RESOLU] Passerelle EBP	[Struts]Afficher les données venant d'une db
[Résolu] [lex & Yacc] Segmentation fault	PHP et SESSIONS
[Résolu] ndd.net/includes/print.php en ndd.net/print.php	[PHP] Erreur incompréhensible
[Résolu]Probleme Css IE6	[C++][Résolu] Le compilateur semble ignorer une classe : pourquoi ?
PHP:Envoyer le montant à scellius	[Resolu] Update ADODB ne fonctionne pas
Plus de sujets relatifs à : [resolu][PHP/JS] Afficher div via selection dans une liste/radio

Page générée en 0.085 secondes