Calcul en ligne

[charlotte15]

Bonjour,
je voudrai mettre en place un formulaire de calcul en ligne, du même genre que http://www.illicopress.com/imprimeri...feuille-44.htm
Est ce qu'il existe un composant / module pour faire cela ?
Ou je peux codé directement dans un article en php html ?
Ou un existe il une autre solution auquel je n'aurai pas penser ?
Merci

[sharky]

Re : Calcul en ligne

Salut Charlotte,

Tu as tout le code dans la page de ton lien, rien de crypter, de cacher a première vu
Il te suffit de le copier, l'adapter, dans un article ou un module

<form name="calcul" method="get">
<table id="calculette" border="0" align="center" summary="Calculer le poids des imprimés" style="width: 40%;border: none;text-align: left; font-size: 11px;">
<tr class="even"><td colspan="8">Calculez le poids d'une feuille... Ou de plusieurs !</td></tr>
<tr>
<td style="padding:0px;"><input type="text" name="qte" value="1" size="5"></td>
<td style="padding:0px;">*x*</td>
<td style="padding:0px;"><input type="text" name="larg" value="15" size="4"></td>
<td style="padding:0px;"> cm*x*</td>

<td style="padding:0px;"><input type="text" name="haut" value="10" size="4"></td>
<td style="padding:0px;">cm </td>
<td style="padding:0px;"><input type="text" name="gram" value="350" size="3"></td>
<td style="padding:0px;">g/m<sup>2</sup></td>
</tr>
<tr>
<td colspan="2" style="padding:0px;">Quantité</td>
<td colspan="2" style="padding:0px;">Largeur</td>
<td colspan="2" style="padding:0px;">Hauteur</td>
<td colspan="2" style="padding:0px;">Grammage</td>

</tr>
<tr class="odd">
<td colspan="4" style="padding:0px;text-align:right;"><div id="poids" style="color: red;font-size: 15px;font-weight: bold;">Poids : 5.25</div></td>
<td colspan="2">
<select id="unit" onchange="test(this.form)"><option label="Kg" value="10000000">en*kg</option><option label="g" value="10000" selected>en*g</option></select></td>
<td colspan="2" align="right"><input type="button" name="button" value="Calculer" onClick="test(this.form)"></td>
</tr>
</table>
</form>

[charlotte15]

Re : Calcul en ligne

Pour le html pas de problème .. c'est pour le php, je renvoi le formulaire sur quoi ? la page elle même ?

[chabi01]

Re : Calcul en ligne

Bonjour,
Le formulaire dans la page n'est renvoyé nulle part : le bouton "calculer" ne fait que...calculer sans sortir de la page (méthode Get et pas Post)
Cordialement,

[charlotte15]

Re : Calcul en ligne

Et euh oki, mais comment je met en syntaxe le fait que se soit sur php ? $GET_['qte'] est supprimer après enregistrement :/

[sharky]

Re : Calcul en ligne

Mais ton code sans nettoyage de l'éditeur
ou désactive l'éditeur

[chabi01]

Re : Calcul en ligne

Prends le temps de lire cet article sur les formulaires...

http://www.phpfacile.com/creer_un_site_web_en_php/formulaire_1.php5

Cordialement,

[Fly06_Fr]

Re : Calcul en ligne

Il te suffit de le copier, l'adapter, dans un article ou un module

<form name="calcul" method="get">
...
<input type="button" name="button" value="Calculer" [B]onClick="test(this.form)"[/B]></td>
</form>

Il manque le script js qui réalise le calcul et affiche résultat :

<script language="Javascript">function test (form) { poids = document.getElementById("poids"); var q = form.qte.value; var l = form.larg.value; var h = form.haut.value; var g = form.gram.value; var u = form.elements['unit'].options[form.elements['unit'].selectedIndex].value ; poids.innerHTML = "Poids : " + q*l*h*g/u ; }</script>

@charlotte15 : Il n'est pas nécessaire de passer par le serveur (php).

[chabi01]

Re : Calcul en ligne

Si tu veux voir intégralement comment la page fonctionne, installe Firebug sous Firefox et tu pourras "tout" voir.
Cordialement,

[charlotte15]

Re : Calcul en ligne

Ah je connais pas les script :/ je sais faire que par php merci je vais essayer
Doit y avoir quelque chose que je ne fait pas, le code javascript n'est pas pris en compte, je me retrouve avec du texte après enregistrement de l'article

[chabi01]

Re : Calcul en ligne

Avant d'intégrer ton code dans Joomla, je te conseille tout d'abord de créer une page classique php/html et de vérifier que ta page fonctionne.
Après avoir vérifié cela, tu pourras alors intégrer celle-ci dans Joomla (qui, suivant les éditeurs utilisés, supprime le code non html...).
Donc, en premier et pour que tu sois sure du codage, réalises une page dans un éditeur html/php classique et vois si le calcul fonctionne...
Cordialement,

[ghazal]

Re : Calcul en ligne

@charlotte
1 - dans Articles -->Options-->Filtres, choisir Super User -No Filter ou Pas de filtre

2 - Sélectionner un Custom Module APRES avoir choisi comme Editeur --> CodeMirror
3 - coller ton code tel que , sans oublier le script

<script language="Javascript">function test (form) { poids = document.getElementById("poids"); var q = form.qte.value; var l = form.larg.value; var h = form.haut.value;  var g = form.gram.value; var u = form.elements['unit'].options[form.elements['unit'].selectedIndex].value ; poids.innerHTML = "Poids : " + q*l*h*g/u ; }</script>

<form name="calcul" method="get">
<table id="calculette" border="0" align="center" summary="Calculer le poids des imprimés" style="width: 40%;border: none;text-align: left; font-size: 11px;">
<tr class="even"><td colspan="8">Calculez le poids d'une feuille... Ou de plusieurs !</td></tr>
<tr>
<td style="padding:0px;"><input type="text" name="qte" value="1" size="5"></td>
<td style="padding:0px;">*x*</td>
<td style="padding:0px;"><input type="text" name="larg" value="15" size="4"></td>
<td style="padding:0px;"> cm*x*</td>

<td style="padding:0px;"><input type="text" name="haut" value="10" size="4"></td>
<td style="padding:0px;">cm </td>
<td style="padding:0px;"><input type="text" name="gram" value="350" size="3"></td>
<td style="padding:0px;">g/m<sup>2</sup></td>
</tr>
<tr>
<td colspan="2" style="padding:0px;">Quantité</td>
<td colspan="2" style="padding:0px;">Largeur</td>
<td colspan="2" style="padding:0px;">Hauteur</td>
<td colspan="2" style="padding:0px;">Grammage</td>

</tr>
<tr class="odd">
<td colspan="4" style="padding:0px;text-align:right;"><div id="poids" style="color: red;font-size: 15px;font-weight: bold;">Poids : 5.25</div></td>
<td colspan="2">
<select id="unit" onchange="test(this.form)"><option label="Kg" value="10000000">en*kg</option><option label="g" value="10000" selected>en*g</option></select></td>
<td colspan="2" align="right"><input type="button" name="button" value="Calculer" onClick="test(this.form)"></td>
</tr>
</table>
</form>

4 - le publier en module simple ou en module intégré dans l'Article avec {loadposition positiondumodule}

5- probablement un petit travail sur les CSS à refaire

[charlotte15]

Re : Calcul en ligne

Ahh c'etait donc ca, désactivé les filtre et le code miror.
Merci beaucoup ca marche

[chabi01]

Re : Calcul en ligne

Le problème est résolu alors ?