IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[ case à cocher Formulaire ]


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    83
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2007
    Messages : 83
    Par défaut [ case à cocher Formulaire ]
    Bonjour,

    Je vous explique mon problème.
    Je souhaite en fonction du service selectionné, cocher automatiquement des cases à cocher.

    voici comment j'ai procédé, cela fonctionne sur FF mais pas sur IE

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     
    <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 select_service ( _material ) {
     
    	var _case = document.getElementById( _material  ) ;
     
    	_case.setAttribute( 'checked' , 'checked' ) ;
     
    	return true ;
     
    }
     
    </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" onclick= " select_service ( 'Cellphone' ) ; "  <?php $select = ( $_REQUEST [ 'Service' ] == 'Administration' ) ? ' selected="selected" ' : ''  ; echo $select ; ?> >Administration</option>
    					<option value="Engineering" onclick = " select_service ( 'Cellphone' ) ; " <?php $select = ( $_REQUEST [ 'Service' ] == 'Engineering' ) ? ' selected="selected" ' : ''  ; echo $select ; ?>>Engineering</option>
    					</select> 
    					</td>	
    				</tr>	
    				<tr>	
    					<td width="50">&nbsp;</td>	
    					<td class="champs">Cellphone : </td>
    					<td><input type="checkbox" name="Cellphone" value="yes" id="Cellphone" <?php $check = ( $_REQUEST [ 'Cellphone' ] ) ? 'checked="checked"' : '' ; echo $check ; ?> /></td>	
    				</tr>	
     
    </table>
     
    </body></html>
    Merci.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function select_service ( _material ) {
     
    	var _case = document.getElementById( _material  ) ;
     
    	_case.checked='checked' ) ; // ou =true ??
     
    	return true ;
     
    }
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    83
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2007
    Messages : 83
    Par défaut
    Je viens de remplacer mon code par ce que tu m'as conseillé mais sans succès.

    ça fonctionne toujours sur FF mais pas sur IE

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <script type='text/javascript'>
     
    function select_service ( _material ) {  
     var _case = document.getElementById( _material ) ;   
     	_case.checked='checked' ; 
     	return true ;   }
     
    </script>
    </head>
     
    <body>
    <input type="checkbox" id='one' />
    <input type="button" onclick="select_service('one') " value='go' />
    </body>
    testé sous IE et FFX
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    83
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2007
    Messages : 83
    Par défaut
    Effectivement, ça fonctionne.

    Mais la différence, c'est que pour moi, il s'agit d'une liste déroulante et pas d'un boutton. Est-ce que cela ne viendrait-il pas du "Onclick" qui n'est pas pris en compte dans mon cas par IE?

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Pourquoi ne pas simplement le mettre sur le onchange du select plutôt que sur les onclick des options ?

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    83
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2007
    Messages : 83
    Par défaut
    J'ai déjà essayé, sans succès

  8. #8
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <script type='text/javascript'>
     
    function select_service ( _material ) {  
     var _case = document.getElementById( _material ) ;   
     	_case.checked='checked' ; 
     	return true ;   }
     
    </script>
     
    <body>
    <input type="checkbox" id='one' />
    <input type="checkbox" id='two' />
     
    <select onchange="select_service(this.value)" />
    <option  value='one'>one</option>
    <option  value='two'>two</option>
    </select>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  9. #9
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    83
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2007
    Messages : 83
    Par défaut
    En effet, ça marche.

    Seulement, dans mon cas, si tu regardes bien, les values du select ne sont pas les id des checkbox.

    C'est différent non?

  10. #10
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    ben si tu vois comment appeler un objet avec getElementById sans l'id ...
    dépose tout de suite un brevet !
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. [AC-2010] bouton commande tout sélectionner case à cocher formulaire
    Par paulux67 dans le forum IHM
    Réponses: 8
    Dernier message: 08/08/2012, 08h16
  2. [XL-2003] Exporter résultats cases à cocher formulaire word dans excel
    Par macat dans le forum Macros et VBA Excel
    Réponses: 8
    Dernier message: 10/12/2009, 15h54
  3. pb case à cocher formulaire
    Par linniesurf dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 02/02/2006, 17h24
  4. Réponses: 24
    Dernier message: 24/11/2005, 10h28
  5. Mettre plusieurs case à cocher un après l'autre (formulaire)
    Par hstlaurent dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 29/06/2005, 08h48

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo