affecter une valeur js dans une table html

**niss87** · 17/03/2011, 13h41

Bonjour;

mon pb:
j 'ai une table html, qui se remplie d'une base de donnée, et il y a des calcules de toto qui sont font a l'aide d'une fonction js.

je veux exporter cette table en exel , ttes les données s'affichent, seulement celles qui ont été calculées par la fonction js.

quand j'ai fais "ctrl+u" pour voir le code source de page, je retrouve pas les toto ds le champ "value" de ma table html.malgres que dans la fontion js j'attribue la valeur calculée au champ!

comment faire svp?
voici ma table:

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
<table width="75%" class="tablesorter" border="0" cellspacing="2" cellpadding="1"> <!-- id="myTable" -->
<thead> 
<tr> 
<th width="19%" rowspan="2" ><span>Tranches ages</span></th> 
<th colspan="10" align="center" >Tranches anciennetés</th> 
</tr> 
 
<tr> 
<?php 
for($i=0; $i< $countAnciente; $i++) 
echo "<th><strong width='9%'>".$ancientes[$i]."</strong></th>"; 
?> 
</tr> 
</thead> 
<tbody class="tableorder"> 
<?php 
for($i=0, $j=0; $i< $countAges; $i++) 
{ 
echo "<tr> 
<td><strong>".$ages[$i]."</strong></td>"; 
 
for($r=0; $r< $countAnciente; $r++) 
if (($ancientes[$r] != "TOTAL") && ($ages[$i] != "TOTAL")) 
{ echo "<td><input name='tab".$r."".$i."' type='text' size='10' value='".$mat1[$j++]['nbre']."' disabled='true' /></td>"; 
} 
elseif (($ancientes[$r] != "TOTAL") && ($ages[$i] == "TOTAL")) 
{ echo "<td><input name='TotoC".$r."".$i."' type='text' size='10' value='' /></td>"; 
} 
elseif((($ancientes[$r] == "TOTAL") && ($ages[$i] != "TOTAL"))) 
{ echo "<td><input name='TotoL".$r."".$i."' type='text' size='10' value='' /></td>"; 
} 
else { echo "<td><input name='TotoDeToto' type='text' size='10' value='' /></td>"; 
} 
 
echo "</tr>"; 
} ?> 
</tbody> 
</table>

et voici ma fonction js:

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
<script type="text/javascript"> 
function f() 
{ 
var colon = <?php echo $countAnciente-1; ?>; 
var lign = <?php echo $countAges-1; ?>; 
var obj, obj1; var sommLign = 0, sommColon= 0; 
var sommL =0, sommC =0; 
 
for(var i=0; i<lign; i++) 
{ 
sommLign = 0, sommColon= 0; 
for(var j=0; j<colon; j++) 
{ 
obj = document.getElementsByName('tab'+i+j); //alert('le champ a pour valeur : "'+obj[0].value+"'"); 
sommColon += parseInt(obj[0].value); 
obj1 = document.getElementsByName('tab'+j+i); 
sommLign += parseInt(obj1[0].value); 
} //fin boucle interne 
 
var totoL = document.getElementsByName('TotoL'+j+i); 
totoL[0].value = sommLign; sommL += parseInt( sommLign ); 
var totoC = document.getElementsByName('TotoC'+i+j); 
totoC[0].value = sommColon; sommC += parseInt( sommColon ); 
}//FIN boucle externe 
 
//if(sommC != sommL) window.alert("Erreur a la saisie de la somme..."); 
 
var totoDeToto = document.getElementsByName('TotoDeToto'); 
totoDeToto[0].value = sommL; 
} 
 
window.onload=f(); 
</script>

Merci.

**ABCIWEB** · 17/03/2011, 19h27

Envoyé par niss87

quand j'ai fais "ctrl+u" pour voir le code source de page, je retrouve pas les toto ds le champ "value" de ma table html.malgres que dans la fontion js j'attribue la valeur calculée au champ!

comment faire svp?

J'ai pas regardé ton code mais même s'il n'y avait aucune erreur c'est normal qu'en faisant "ctrl+u" tu ne trouve pas les valeurs modifiées par js car le code source ne comprend que le html initial. Pour voir les modifs javascript tu peux par exemple utiliser le plugin "Firebug" pour "Firefox".

**SpaceFrog** · 17/03/2011, 20h08

l'addon webdevtoolbar sur firefox permet de visualiser le code source généré à l'instant t

**Willpower** · 17/03/2011, 20h14

copie :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

javascript:document.body.innerHTML.replace(/</g,"<").replace(/\n/g,"<br/>");

dans la barre d'adresse et tu verras le code source(du <body>)

edit: si tu veux faire une fonction javascript qui le fait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function source(){ 
    document.body.innerHTML = document.body.innerHTML.replace(/</g,"<").replace(/\n/g,"<br/>");
}

ou mieux via un popup

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<script type=text/javascript>
function source(){
	var a=document.body.innerHTML.replace(/</g,'<').replace(/\n/g,'<br/>').replace(/"/g,""");
	var c='javascript:document.body.innerHTML="'+a+'";';
	window.open(c,'source',resize=1,scrollbars=1);
}
</script>
<a href='#' onclick="source();">source</a>

**Billy KiT** · 18/03/2011, 15h20

Salut,
Il existe un script IE (ActiveX) pour sauver le contenu de ta page dynamique. Evidemment à n'utiliser que pour des applications locales et si tu n'es pas allergique

juste parce que tout le monde fait la pub de firefox ...

**geforce** · 08/04/2011, 16h48

Envoyé par ABCIWEB

J'ai pas regardé ton code mais même s'il n'y avait aucune erreur c'est normal qu'en faisant "ctrl+u" tu ne trouve pas les valeurs modifiées par js car le code source ne comprend que le html initial. Pour voir les modifs javascript tu peux par exemple utiliser le plugin "Firebug" pour "Firefox".

comment en peut trouve les valeurs modifiées par js après l'html initial ?

Pour récupérés les modifs javascript (l'html inclue) comment en le fait en utiliser le plugin "Firebug" pour "Firefox".

**ABCIWEB** · 08/04/2011, 20h43

Avec Firebug tu clique sur HTML dans le menu de Firebug

affecter une valeur js dans une table html

JavaScript

Discussions similaires

Partager

Partager