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

Citation:

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,"&#60;").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,"&#60;").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,'&#60;').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

Citation:

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

17/03/2011, 20h08	#3
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	l'addon webdevtoolbar sur firefox permet de visualiser le code source généré à l'instant t __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

18/03/2011, 15h20	#5
Billy KiT Membre du Club Inscription : mars 2011 Messages : 47 Détails du profil Informations forums : Inscription : mars 2011 Messages : 47 Points : 59 Points : 59	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 ...
	00

08/04/2011, 20h43	#7
ABCIWEB Membre Expert Inscription : septembre 2010 Messages : 1 240 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 1 240 Points : 1 562 Points : 1 562	Avec Firebug tu clique sur HTML dans le menu de Firebug __________________ - Réalisations - Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email