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

Vue hybride

Discussions similaires

Partager

Partager