[RÉGLÉ] Extension calculateur

[Pao-Mama]

Bonjour à tous,

je travaille sur un site internet qui nécessite un module "Calculateur de plot".
Je m'explique : dans ce module, on doit pouvoir entrer la hauteur et la largeur d'une terrasse et cela doit pouvoir définir le nombre de plots qu'il faut pour la faire tenir (1 plot tous les 5 mètres).
Malheureusement, je n'ai pas de notion de développement.
Pensez-vous que je pourrais trouver une extension adaptée à mon problème ? (je n'en ai pas trouvé)

[woluweb]

Il y a des extensions du genre BreezingForms ou RSForms qui permettent de faire des formulaires avec calculs etc.

Mais si vous n'avez aucune connaissance en rien, utilise run outil en ligne tel que "cognitoforms", puis l'intégrer dans le site via un iframe (ou un bout de code embed), c'est le plus facile selon moi

[Eddy.vh]

Bonjour.

Si on accepte (autorise) le javascript dans les articles on peut se passer d'une extension et insérer des champs (inputs) avec un petit script en mode code de l'article.

Voir un exemple ultra vite fait de petit formulaire de calcul des plots.

Je considère un plot tous les 5 mètres avec les deux extrémités et donc une largeur de 10 mètres demande 3 plots.
Pour les non multiples de 5 on arrondi, ex. : 12 mètres seront considérés comme 15 mètres.

C'est bien sûr à adapter.

[Pao-Mama]

Merci pour vos réponses.
Je vais étudier toutes les propositions.

Si je créé un script comme proposé, la partie HTML, je peux l'intégrer directement dans mon article joomla ? la partie css sur mon template.css ? et la partie PHP, comment et où dois-je l'intégrer ?

[lomart]

Bonjour,

Une solution simple est d'utiliser UP qui va charger le code uniquement pour la page concernée.

{up addscript}
function myFunction() {
var l = document.getElementById('largeur').value,
L = document.getElementById('longueur').value,
res = (Math.ceil(Number(l)/5)+1) *
(Math.ceil(Number(L)/5)+1);

if ( L == "" || l == "") {
alert ('veuillez remplir les 2 champs');
}
else {
document.getElementById('results').innerHTML = '<p>Vous aurez besoin de <span id="resultat">' + res + '</span> plots</p>';
}
}
{/up addscript}

{up addCssHead =
#resultat [
border: 1px solid;
width: 60px;
height: 24px;
padding: 2px 5px;
]
label:hover [
cursor: pointer;
]
input:hover [
cursor: text;
]
}
<div>
<p><label for='largeur'>Largeur de votre terrasse</label> <input type="text" id='largeur'></input></p>
<p><label for='longueur'>Longueur de votre terrasse</label> <input type="text" id='longueur'></input></p>
<p><input type='button' value='Calculez le nombre de plots nécessaires' onclick='myFunction()'></p>
<p id='results'></p>
</div>

Il n'y a pas de PHP, mais le pense que vous vouliez dire Javascript. Attention, il faut utiliser des [] au lieu des {}
Du PHP serait possible avec l'action php https://up.lomart.fr/demo/action-php

[Pao-Mama]

Bonjour. Je me suis repenchée sur le problème après de longues semaines.
En téléchargeant UP comme lomartme l'avait conseillé, j'ai réussi un inclure tout le code d'Eddy.vh uniquement dans la page concernée.
Merci pour votre aide précieuse !