Sujet Précédent Sujet Suivant

Faire une feuille de calcul sur un site web

zozo44 -  
 zozo44 -
Bonjour,

je viens de creer un site internet pour une association.
je souhaite insérer une feuille de calcul qui à partir d'un montant renseigné, plusieurs montants s'affichent.

j'ai fait une feuille de calcul sous-excel. mais je ne trouve pas le moyen de pouvoir la transformer directement en html et comme je n'ai aucune notion de programmation.
Pouvez-vous me dire quel langage je dois utiliser, et si vous avez des liens pour que je puisse apprendre.

Cordialement

A voir également:

5 réponses

Réponse 1 / 5
heliconius Messages postés 584 Statut Membre 142
 
non. PHP est un langage "côté serveur".
Javascript, langage "côté client", suffit.

Dans ta page, place un contrôle de saisie du montant de la donation, et en sortant de la saisie (évènement javascript "onblur") une fonction javascript pourra (en fonction de cette saisie modifier d'autres contrôles contenant des valeurs.

Tout ça peut se calculer côté client (donc, sur le PC de l'internaute) sans être obligé de provoquer du traffic réseau inutile en envoyant les données au serveur pour que celui-ci fasse le calcul et renvoie au client les infos calculées si ça peut se faire sur place. 

<script language="javascript" type="text/javascript"> 
function calcul() { 
     // calcul de res1, res2, res3 pour placer en cell1, cell2, cell3 
     // en fonction du contenu de donnation 
     // puis affectation de ces valeurs aux cellules concernées : 
     document.monform.cell1.value = res1; 
     document.monform.cell2.value = res2; 
     document.monform.cell3.value = res3; 
} 
</script> 

... 

<form name="monform" method=........etc...> 
<input type="text" name="donation" size="8" onblur="javascript:calcul()"> 
... 
info 1 : <input type="text" name="cell1" size="5" value=""><br/> 
info 2 : <input type="text" name="cell2" size="5" value=""><br/> 
info 3 : <input type="text" name="cell3" size="5" value=""><br/> 
... 
</form>

Je n'ai pas voulu compliquer l'exemple pour faciliter la compréhension, mais normalement dans la fonction calcul(), avant de faire ces calculs, il aurait fallu tester la saisie effectuée car si la fonction attend un chiffre : donation = 20 (euros) et que l'internaute a saisi "vingt", tu vas avoir des soucis.

En fait, test d'abord. Si c'est bon : calculs et affetations, sinon affichage d'un message d'erreur et positionnement du curseur dans la zone erronée: 

document.monform.donation.value = "";   // effacement 
document.monform.donation.focus();      // Positionnement


J'espère avoir clarifié...
4
Réponse 2 / 5
zozo44
 
Merci pour cette réponse.
Mais je ne trouve pas le format page web (htm, html) j'ai simplement le format page web.
Mais avec ce format est ce qu'il sera possible pour le visiteur du site de changer une cellule du tableau ?

Je suis sous la version Moffice 2007
1
heliconius Messages postés 584 Statut Membre 142
 
non et heureusement. Si tout le monde pouvait modifier les pages affichées par les autres, internet deviendrait un enfer.
0
Réponse 3 / 5
zozo44
 
je me suis mal expliqué.

en faite je souhaite mettre en ligne sur mon site, un tableau qui fournit des infomations à la personne qui consulte la page, elle devra pour cela fournir une information.

Elle devra écrire dans une cellule (case) un chiffre et à partir de ce chiffre d'autre chiffre (calculés à partir de celui-ci) vont s'afficher.

Pour le cas, la personne va afficher le montant de la donation qu'elle souhaite effectuer, ainsi elle sera renseigné sur la déduction d'impôt au quelle elle à le droit et la condition.

Pour les entreprises 60% de la somme des donations est déductible des impôts à condition que cette somme ne dépasse pas 5% du Chiffre d'affaire.

J'ai réussi à avoir la page Html à partir d'Excel mais je pense qu'il faut que je passe une partie en PHP mais je n'y connais rien pour le moment.
1
Réponse 4 / 5
zozo44
 
je pense comprendre ce que tu explique ça semble logique mais je ne sais pas comment l'appliquer. je dois remplacer les valeurs fixes de mon langage html par une function javascript mais je ne sais pas comment nommé les cellule ni comment les retrouver précisement
je te remercie de l'aide que m'apporte c'est toujours dur de debuter.

Voici les lignes html

<html xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:x="urn:schemas-microsoft-com:office:excel"
xmlns="http://www.w3.org/TR/REC-html40/">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Excel.Sheet>
<meta name=Generator content="Microsoft Excel 12">
<link rel=File-List href="Classeur1_fichiers/filelist.xml">
<style id="Classeur1_23179_Styles">
<!--table
{mso-displayed-decimal-separator:"\,";
mso-displayed-thousand-separator:" ";}
.xl1523179
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore:padding;
color:black;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl6323179
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore:padding;
color:black;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
background:#538ED5;
mso-pattern:black none;
white-space:nowrap;}
.xl6423179
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore:padding;
color:black;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
mso-font-charset:0;
mso-number-format:"\#\,\#\#0\.00\\ \0022€\0022";
text-align:center;
vertical-align:bottom;
background:#C5D9F1;
mso-pattern:black none;
white-space:nowrap;}
.xl6523179
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore:padding;
color:black;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
mso-font-charset:0;
mso-number-format:"\#\,\#\#0\.00\\ \0022€\0022";
text-align:center;
vertical-align:bottom;
background:white;
mso-pattern:black none;
white-space:nowrap;}
.xl6623179
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore:padding;
color:black;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
mso-font-charset:0;
mso-number-format:General;
text-align:center;
vertical-align:bottom;
background:#F2DDDC;
mso-pattern:black none;
white-space:nowrap;}
.xl6723179
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore:padding;
color:black;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
mso-font-charset:0;
mso-number-format:General;
text-align:center;
vertical-align:bottom;
background:#D99795;
mso-pattern:black none;
white-space:nowrap;}
.xl6823179
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore:padding;
color:black;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
mso-font-charset:0;
mso-number-format:General;
text-align:center;
vertical-align:bottom;
background:#C2D69A;
mso-pattern:black none;
white-space:nowrap;}
-->
</style>
<title>calcul</title>
</head>

<body>
<!--[if !excel]>  <![endif]-->
<!--Les informations suivantes ont été générées par l'Assistant Publier en tant
que page Web de Microsoft Office Excel.-->
<!--SI vous republiez le même élément à partir d'Excel, toutes les informations
entre les balises DIV seront remplacées.-->
<!----------------------------->
<!--DÉBUT DE LA SORTIE À PARTIR DE L'ASSISTANT PUBLIER EN TANT QUE PAGE WEB
D'EXCEL -->
<!----------------------------->

<div id="Classeur1_23179" align=center x:publishsource="Excel">

<h1 style='color:black;font-family:Calibri;font-size:14.0pt;font-weight:800;
font-style:normal'>calcul</h1>

<table border=0 cellpadding=0 cellspacing=0 width=800 style='border-collapse:
collapse;table-layout:fixed;width:600pt'>
<col width=80 span=10 style='width:60pt'>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 width=80 style='height:15.0pt;width:60pt'> </td>
<td class=xl6323179 width=80 style='width:60pt'> </td>
<td class=xl6323179 width=80 style='width:60pt'> </td>
<td class=xl6323179 width=80 style='width:60pt'> </td>
<td class=xl6323179 width=80 style='width:60pt'> </td>
<td class=xl6323179 width=80 style='width:60pt'> </td>
<td class=xl6323179 width=80 style='width:60pt'> </td>
<td class=xl6323179 width=80 style='width:60pt'> </td>
<td class=xl6323179 width=80 style='width:60pt'> </td>
<td class=xl6323179 width=80 style='width:60pt'> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td colspan=3 class=xl6723179>Calcul de la déduction fiscale</td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td colspan=2 class=xl6823179>Pour les entreprises</td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td colspan=2 class=xl6623179>Montant de la donnation</td>
<td class=xl6323179> </td>
<td colspan=2 class=xl6623179>Montant de la déduction</td>
<td class=xl6323179> </td>
<td colspan=2 class=xl6623179>Coût de la donnation</td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td colspan=2 class=xl6523179>3 000</td>
<td class=xl6323179> </td>
<td colspan=2 class=xl6423179>1 800</td>
<td class=xl6323179> </td>
<td colspan=2 class=xl6423179>1 200</td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td colspan=5 height=20 class=xl6623179 style='height:15.0pt'>Attention votre
chiffre d'affaire ne doit pas étre inférieur à</td>
<td class=xl6423179>60 000,00 €</td>
<td colspan=3 class=xl6623179>pour un montant de donnation de<span
style='mso-spacerun:yes'> </span></td>
<td class=xl6423179>3 000,00 €</td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<tr height=20 style='height:15.0pt'>
<td height=20 class=xl6323179 style='height:15.0pt'> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
<td class=xl6323179> </td>
</tr>
<![if supportMisalignedColumns]>
<tr height=0 style='display:none'>
<td width=80 style='width:60pt'></td>
<td width=80 style='width:60pt'></td>
<td width=80 style='width:60pt'></td>
<td width=80 style='width:60pt'></td>
<td width=80 style='width:60pt'></td>
<td width=80 style='width:60pt'></td>
<td width=80 style='width:60pt'></td>
<td width=80 style='width:60pt'></td>
<td width=80 style='width:60pt'></td>
<td width=80 style='width:60pt'></td>
</tr>
<![endif]>
</table>

</div>

<!----------------------------->
<!--FIN DE LA SORTIE À PARTIR DE L'ASSISTANT PUBLIER EN TANT QUE PAGE WEB
D'EXCEL-->
<!----------------------------->
</body>

</html>
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
heliconius Messages postés 584 Statut Membre 142
 
Sous Excel: Fichier > Enregistrer sous > type de fichier > Page web (*.htm, *.html)
Donner un nom de fichier (ex: feuille_calcul.html)
Bouton [Enregistrer]
0

Discussions similaires

Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses