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 :

R�cup�rer la valeur d'un textfield et l'afficher dans un menu flottant


Sujet :

JavaScript

Mode arborescent

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Etudiant
    Inscrit en
    F�vrier 2014
    Messages
    1
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 31
    Localisation : France, Charente Maritime (Poitou Charente)

    Informations professionnelles :
    Activit� : Etudiant

    Informations forums :
    Inscription : F�vrier 2014
    Messages : 1
    Par d�faut R�cup�rer la valeur d'un textfield et l'afficher dans un menu flottant
    Bonjour � tous,

    Je travaille actuellement sur un site de commande en ligne et je voudrai qu'� mesure des choix qu'on effectue lors d'une commande, ceux-ci soient m�moris�s et affich�s dans un menu flottant (en javascript pour �viter de rafra�chir la page) au moment de la validation des quantit�s (checkbox).
    N�anmoins je ne parviens pas � y faire afficher la valeur des textfields du tableau suivant.

    Nom : tableau_txtfield.png
Affichages : 204
Taille : 9,2 Ko

    Dans le menu suivant, je voudrai que la quantit� soit m�moris�e (on aurait donc 7.5* la_quantit�).

    Nom : menuflottant.png
Affichages : 117
Taille : 2,1 Ko

    Voici mon code :

    Code html : 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
    <div id="films_quantite">
     <table width="443" ><tr><th width="125">Diamètre de la bobine</th><th width="70">Métrage</th><th width="99">
     Durée du film<br/>approximative</th><th width="88"><b>Nombre<br/>de bobine(s)</b></th></tr>
        <tr style="background-color:#efefef;"><td>7.5 cm</td><td>15</td><td>4 min</td><td><b><INPUT type="text" id="nbr_s8_7" name="nbr_s8_7" size="2" value="<?php echo '5' ?>"></b></td></tr>
    	<tr><td>12.5 cm</td><td>60</td><td>15 min</td><td><b><INPUT type="text" id="nbr_s8_12" name="nbr_s8_12" size="2" value="<?php echo $nbr_s8_12 ?>"></b></td></tr>
    	<tr style="background-color:#efefef;"><td>14.5cm</td><td>90</td><td>20 min</td>
    	<td><b><INPUT type="text" id="nbr_s8_14" name="nbr_s8_14" size="2" value="<?php echo $nbr_s8_14 ?>"></b></td></tr>
    	<tr><td>17.5 cm</td><td>120</td><td>28 min</td><td><b><INPUT type="text" id="nbr_s8_17" name="nbr_s8_17" size="2" value="<?php echo $nbr_s8_17 ?>"></b></td></tr>
    	<tr style="background-color:#efefef;"><td>20.5 cm</td><td>180</td><td>40 min</td>
    	<td><b><INPUT type="text" id="nbr_s8_20" name="nbr_s8_20" size="2" value="<?php echo $nbr_s8_20 ?>"></b></td></tr>
    	<tr style="text-align:center;"><td colspan="4">  
    	<INPUT type="checkbox" id="valid_quantite_film" name="valid_quantite_film" onclick="affcache('films_support'), affcache('commande'), aff('qteFilms'), valeur();">
    	  Validez les quantités<br/></td></tr></table></div>
     
    <!-- Javascript -->
     
    window.onload = function (){
    var menuFlottant = document.getElementById('menuFlottant');
    var muet = document.getElementById('muet');
    var sonore = document.getElementById('sonore');
    var commande = document.getElementById('commande');
    var films_quantite = document.getElementById('films_quantite');
    var films_support = document.getElementById('films_support');
    var films_hd = document.getElementById('films_hd');
    var valide_commande_films = document.getElementById('valide_commande_films');
    var k7analogique = document.getElementById('k7analogique');
    var k7num = document.getElementById('k7num');
     
    var diam7 = document.getElementById('nbr_s8_12').value;
    var diam12 = document.getElementById('nbr_s8_12').value;
    var diam14 = document.getElementById('nbr_s8_14').value;
    var diam17 = document.getElementById('nbr_s8_17').value;
    var diam20 = document.getElementById('nbr_s8_20').value;
    var qteFilms = document.getElementById('valid_quantite_film'); 
     
    menuFlottant.style.display = "none";
     
    <!-- Menu flottant html -->
     
    <div id="menuFlottant">
    <table width="100%" style="font-weight:bold"><tr style="padding:30px; background-color:#ddd;">
    	<td height="42" style="text-align:center; padding:10px">Film super 8 et 8mm <br />	
    	<div id="muet">	Muet </div>
    	<div id="sonore"> Sonore </div>
    	<div id="commande">Commande 
    	<div id="diam7"></div>
    	7,5 * <script language="javascript"> <!--Fonctions recherchées-->
    	</script>

    Merci d'avance !
    Images attach�es Images attach�es   

Discussions similaires

  1. R�ponses: 8
    Dernier message: 21/02/2014, 10h12
  2. R�ponses: 5
    Dernier message: 26/07/2007, 21h13
  3. R�ponses: 2
    Dernier message: 24/01/2007, 15h05
  4. R�ponses: 7
    Dernier message: 16/06/2006, 16h31
  5. R�ponses: 4
    Dernier message: 26/04/2006, 17h43

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