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.

Pièce jointe 137818

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

Pièce jointe 137819

Voici mon code :

Code:

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 ! ;)