begin process at 2012 05 29 20:31:14
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Evènements

 > 

[ Problème d'affichage formulaire ]


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

[ Problème d'affichage formulaire ]

mercredi 21 mars 2007 à 14:57:03 | [ Problème d'affichage formulaire ]

Arkoze

Bonjour,

J'ai besoin d'un peu d'aide.
Je vous explique mon problème. J'ai un formulaire avec une liste déroulante.

J'aimerai que quand un service est séléctionné (en l'occurence service 'Engineering'), des cases à cocher apparaissent en dessous du menu déroulant. J'y suis arrivé mais cela fonctionne uniquement sur FireFox et pas sur IE.

Voici mon code :

[CODE]
<select name="Service" size="1" onchange=" showEngineer( this ) ; " onkeyup="showEngineer( this ) ; ">
<option value="Engineering">Engineering</option>
<option value="IT">IT</option>
<option value="Specification">Specifications</option> 
</select>
[/CODE]

Voici mon code javascript :

[CODE]
function showEngineer( _this ) {
if ( _this.value == 'Engineering' ) {
document.getElementById( 'engineer_fields' ).style.display = "table-row" ;
}
else {
document.getElementById( 'engineer_fields' ).style.display = "none" ;
}
}
[/CODE]


Et en ce qui concerne les cases à cocher que je voudrais faire apparaitre, elles sont dans le code mais cacher grâce au CSS


Voici mon code CSS :
[CODE]
#engineer_fields {display : none ;}
[/CODE]

Voila, j'ai essayé d'être le plus clair possible, n'hésitez pas si vous avez des questions.

Merci.

mercredi 21 mars 2007 à 15:56:49 | Re : [ Problème d'affichage formulaire ]

bultez

Membre Club




Bonjour,

__ le select a size=1, donc la 1ère ligne est sélectionnée par défaut
          onchange ne fonctionnera que si on sélectionne une autre ligne avant
       mettre size=2 au moins
       faire onfocus="this.selectedIndex=-1"

__ table-row semble ne pas convenir pour IE
    mais j'ai essayé avec un input text pour engineer_fields,
    faut voir donc ( inline, block ... ) en fonction du html.

__ je n'use guère des raccourcis
    je préfère _this[this.selectedIndex].value
     mais chacun ses goûts, et les vaches seront bien gardées


Cordialement        Bul         [mon Site]     [M'écrire]           

mercredi 21 mars 2007 à 15:56:56 | Re : [ Problème d'affichage formulaire ]

nickadele

Membre Club Administrateur CodeS-SourceS
Bonjour,

si mes souvenirs sont bons, c'est la valeur "table-row" qui n'est pas prise en compte par IE, essaye avec avec "block"

Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
mercredi 21 mars 2007 à 15:59:41 | Re : [ Problème d'affichage formulaire ]

bultez

Membre Club
troll.gif    j'ai battu NickAdle ! de 7 secondes ! Plaisante.gif

Cordialement            Bul     [mon Site]     [M'écrire]           

mercredi 21 mars 2007 à 17:01:44 | Re : [ Problème d'affichage formulaire ]

Arkoze

Ouais effectivement, IE ne prend pas en compte table-row.

J'ai essayé pratiquement tous les attributs (inline, table-row, block) aucun ne satisfait mon besoin. Celui qui s'en rapproche le plus est "inline".

Il m'affiche bien ma cellule avec les cases à cocher sur IE, en revanchen avec FF, il m'affiche les cases à coché n'importe comment.
mercredi 21 mars 2007 à 18:33:30 | Re : [ Problème d'affichage formulaire ]

nickadele

Membre Club Administrateur CodeS-SourceS
mouarfff Bultez, pourtant t'es en 54ko

Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
jeudi 22 mars 2007 à 08:37:55 | Re : [ Problème d'affichage formulaire ]

bultez

Membre Club




Bonjour,

>>Il m'affiche bien ma cellule avec les cases à cocher sur IE,
>>en revanche avec FF, il m'affiche les cases à coché n'importe comment.
    tout dépend de comment ta page est construite.
    là, on ne peut guère t'en dire plus... sans cette page.

à Nick : salutatoi.
              56Ko en principe;
              si je regarde l'état du modem ===> vistesse de connexion : 33600 Bps
              quand "l'adsl dégroupé sans abonnement téléphonique" sera disponible
                    chez moi ( ou mieux avec les prévisions ? ) je basculerais peut-être.


Cordialement            Bul     [mon Site]     [M'écrire]           

jeudi 22 mars 2007 à 10:58:43 | Re : [ Problème d'affichage formulaire ]

Arkoze

C'est bon, j'ai résolu mon problème. Voici le code pour ceux que ça interesse.

<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr"><head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title></title>



<script type="text/javascript">



function showEngineer() {

var fields = document.getElementById("engineer_fields");



if (document.getElementById("Service").value == 'Engineering') {

fields.style.display = "" ;

}

else {

fields.style.display = "none" ;

}

}



window.onload = showEngineer;



</script>

</head><body>



<table height="100%" width="800" border="0" cellpadding="3">

<tr>

<td width="50"> </td>

<td class="champs">Service :</td>

<td>

<select id="Service" name="Service" size="1" onchange="showEngineer();" onkeyup="showEngineer();">

<option>< ------- Choose a service ------- ></option>

<option value="Administration">Administration</option>

<option value="Engineering">Engineering</option>

<option value="IT" >IT</option>

</select>

</td>

</tr>

<tr id="engineer_fields">

<td width="50"> </td>

<td class="champs">Diffusion List : </td>

<td class="champs"><input type="checkbox" name="DevelopmentTeam" value="yes" id="DevelopmentTeam" /> <label for="DevelopmentTeam">Development Team </label> <input type="checkbox" name="Engineering" value="yes" id="Engineering" /><label for="Engineering">Engineering</label></td>

</tr>

</table>



</body></html>

Merci.


Cette discussion est classée dans : problème, code, formulaire, fields, engineer


Répondre à ce message

Sujets en rapport avec ce message

problème avec activation code javascript [ par cyr78 ] Bonsoir, Je galère depuis un moment pour essayer de comprendre le javascript. Je n'ai aucune notion en programmation. J'ai créé un formulaire (de com cherche code pour formulaire pdf [ par cyr78 ] Bonsoir à tous, Je ne sais pas programmer et je n'y connais rien. Mais j'ai besoin d'aide pour finir mon formulaire créé avec Acrobat. Je n'arrive manque de code pour formulaire acrobat [ par cyr78 ] Bonsoir à tous, Je ne sais pas programmer et je n'y connais rien. Mais j'ai besoin d'aide pour finir mon formulaire créé avec Acrobat. Je n'arrive p IE: Activer/desactiver un champ d'un formulaire [ par lektrosonic ] Bonjour, Dans mon formulaire il y a ceci : [code=html]?????? ??????? < problème avec javascript [ par siham2010 ] Bonjour, Problème : rien ne s'affiche lorsque j'affecte des valeurs à la variable macouleur comme présenté ci-dessous alors que lorsque je nome l'inpu Probléme formulaire [ par 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 for recupérer un formulaire par un code javascript d'un autre page [ par lamia88 ] bonjours, j'ai crée 2 page html,page1.html contient un formulaire,je veux récupérer les valeurs de ce formulaire a partir de la 2eme page page2.html Comment envoyer un formulaire vers différentes pages ??? [ par sebastiez ] Bonjour, Pensant que la réponse nécessite une connaissance en javascript, je post sur ce forum et toutes mes excuses si je me suis trompé. Je call gr Chargement d'images sous chrome/safari entraine problème avec offset [ par padebol68 ] Bonjour, Voici le code que j'execute : [code=html] blablabla <script type=" Positionnement de DIV [ par tets88 ] Bonjour, J'ai quelque problème avec le positionnement de mes balises dans ma page html. Voici le code htlm : [code=html]


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

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 : 1,357 sec (4)

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