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 :

Fonction d'affichage résultat radiobutton


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Mars 2011
    Messages
    63
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 63
    Par défaut Fonction d'affichage résultat radiobutton
    Bonjour,

    je souhaite faire une fonction qui lorsqu'on clique sur un bouton, dans la premiere case d'un tableau, affiche dans la troisieme case le texte du radio button qui est coché dans la deuxieme...
    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
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    <!DOCTYPE>
    	<html>
    		<head>
    			<title>
    			Document test
    			</title>
    			<STYLE type="text/css">
          		h1 { color: navy; } 
          		#T1 {
          		text-align:center; 
          		border: 10px outset grey;
          		background:white;
          		}
          		TD{
          		width:30%;
          		BORDER-STYLE:SOLID; 
          		BORDER-COLOR:BLUE; 
          		text-align:center; 
          		font-weight: bold;
          		background-color: #556B2F;
          		}
          		th{
          		BORDER-STYLE:SOLID; 
          		BORDER-COLOR:RED;
          		}
          		#div1{
          		background: #a1f2c3; 
          		}
     
          		</STYLE>
          		<script type="text/javascript">
          		function affich("group1"){
     
          		}
     
          		</script>
          		</head>
    		<body>
    			<h1 align="center">
    			ceci est un exercice
    			</h1>
    			<p>un exercice pratique
    			</p>
    			<div style="border: 11px solid black;" id="div1">
    			<table width="60%" id="T1" align="center">
    				<tr> 
    					<th colspan="3" text-align="center"><h2>Mon tableau</h2></th>
    				</tr>
    				<tr> 
    					<th>first</th>
    					<th>deuxio</th>
    					<th>troisiemement</th>
    				</tr>
    				<tr>
    					<td><button type="button" onclick="affich("group1")">Vérification</button></td>
    					<td><input type="radio" name="group1" value="Milk"> Milk<br>
    						<input type="radio" name="group1" value="Butter" checked> Butter<br>
    						<input type="radio" name="group1" value="Cheese"> Cheese
    						<hr>
    						<input type="radio" name="group2" value="Water"> Water<br>
    						<input type="radio" name="group2" value="Beer"> Beer<br>
    						<input type="radio" name="group2" value="Wine" checked> Wine<br></td>
    					<td>???</td>
    				</tr>
    				<tr> 
    					<td>1</td>
    					<td>2</td>
    					<td>3</td>
    				</tr>	
    				<tr> 
    					<td>a</td>
    					<td>b</td>
    					<td>c</td>
    				</tr>
    			</table>
    			</div>
    </body></html>

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function affich("group1"){
     
    }


    Doit-on traduire "je souhaite faire une fonction" par "faites-moi une fonction" ?

    Le but du forum n'est pas de faire ton travail mais de t'aider à surmonter des problèmes que tu rencontres. Commence par coder ta fonction et reviens nous voir si tu as des difficultés...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Mars 2011
    Messages
    63
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 63
    Par défaut
    It is indeed....

    Je reviendrai avec du code. Et cette fois, attention les yeux

    J'avoue ça fait un peu fainéant...

    Le but c'est de prendre la valeur avtive dans radiobutton et lorsque je clique sur le bouton de vérification, ça balance l'info dans une zone texte...

    Je vais essayer de trouver les expressions utiles et vous présenterai ça avec plaisir.

    Merci pour la réponse tout de même.

  4. #4
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Mars 2011
    Messages
    63
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 63
    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
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    <script type="text/javascript">
    	function Affich(){
    		var nouv=document.getElementById("td3");
    		nouv.innerHTML=document.getElementById("group1").value;
    		if (nouv.value== Milk){
    			alert("c'est bon le lait");return true;
    		}else{
    			alert("vous n'aimez pas le lait?"); return false;
    		}
    	}
    <!--
    //-->
    </script>
    </head>
    	<body>
    		<div>
    			<table border="5px, solid, black" width="50%">
    				<tr>
    					<td><input type="button" value="cliquez ici" onclick="Affich()"></td>
    					<td>
    						<input type="radio" name="group1" value="Milk"> Milk<br>
    						<input type="radio" name="group1" value="Butter" checked> Butter<br>
    						<input type="radio" name="group1" value="Cheese"> Cheese
    					</td>
    					<td><div id="td3"></div></td>
    				</tr>
     
    			</table>
    		</div>
     
    </body>
    </html>

  5. #5
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Mars 2011
    Messages
    63
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 63
    Par défaut
    Bonjour,
    je n'arrive pas a faire afficher les boite "alert"...


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function Affich(){
    		var nouv=document.getElementById("group1").value;
    		nouv.innerHTML=document.getElementById("group1").value;
    		if (nouv.value== Milk){
    			alert("c'est bon le lait");return true;
    		}else{
    			alert("vous n'aimez pas le lait?"); return false;
    		}
    	}

  6. #6
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Bonjour,

    D'abord vous comparez une variable Milk au lieu de la valeur 'Milk' :

    Ensuite, vous faites un getElementById sur... un name.

    Puis vous mélangez les variables, les value et les innerHTML.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [MySQL] Problème fonction d'affichage tableaux résultats
    Par stefsas dans le forum PHP & Base de données
    Réponses: 3
    Dernier message: 05/03/2010, 14h44
  2. Réponses: 4
    Dernier message: 20/04/2007, 11h59
  3. [Tableaux] affichage résultat d'une fonction
    Par benooiit dans le forum Langage
    Réponses: 4
    Dernier message: 04/01/2007, 17h37
  4. une fonction d'affichage à rajouter
    Par isidore dans le forum C++
    Réponses: 17
    Dernier message: 27/02/2005, 17h03
  5. Fonction d'affichage
    Par Mynautor dans le forum OpenGL
    Réponses: 2
    Dernier message: 31/05/2004, 11h52

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