Script devis en ligne

Bonjour à toutes et tous !

Je ne sais vraiment pas si je suis dans le bon sous-forum. Si ce n'est pas le cas, je vous demande de bien vouloir m'excuser.

Pour être honnête, je ne connais absolument rien en langage informatique. Mon domaine est plutôt l'orthographe. Je suis correctrice de textes en français.

Je suis d'ailleurs en pleine création d'un site web relatif à cette activité. Je fais tout par moi-même, n'ayant pas beaucoup de revenus pour le moment.

Bref, je souhaiterais créer un script de devis en ligne, afin que les internautes consultant mon site puissent se faire une idée du tarif sans devoir m'appeler ou faire un calcul eux-mêmes.

Bien entendu, je ne vous demande pas de créer ce script à ma place, mais de m'aiguiller, s'il vous plaît. Je vous rappelle toutefois que je suis nulle de chez nulle en langage informatique.

Voici mon souhait :

La personne indique :
- Le nombre de caractères de son document.
- Si elle souhaite la formule 1 ou 2.
- Son statut (étudiant, particulier ou professionnel).

Et le tarif indicatif s'affiche.

Les formules de calcul sont :
Formule 1 :
- étudiant : 0,0025 euro le caractère,
- particulier : 0,0029 euro le caractère,
- professionnel : 0,0033 euro le caractère.
Formule 2 :
- étudiant : 0 00375 euro le caractère,
- particulier : 0,004375 euro le caractère,
- professionnel :0,005 euro le caractère.

Je ne souhaite pas de tarif avec de virgule. Il doit être arrondi à l'unité supérieure.

En vous remerciant par avance de vos conseils.

Liliana

Salut

Alors si ton but est de faire tout toute seule on va essayer de t'aiguiller
Mais il va falloir quand même plancher un peu sur un ou deux langage WEB type Javascript et/ou Php

Pour ton cas c'est quelque chose d'assez simple. (pour un pro!)

Il te faut un formulaire plein de tutos existent sur le web

ton formulaire aura 1 input de type text pour le nombre de caractère
un input option avec donc 2 valeurs (formule 1 et formule 2)
et un select avec les catégories


Si c'est un tarif d'affichage uniquement il va te falloir du JS derrière tout ça pour faire les calculs.

on peut t'aider

Mais si ton souhait est bien de le faire toi même il va falloir que tu fasses beaucoup de copier coller ici

En premier lieu.. as tu déjà un site web ?

ensuite copie LA page de devis (le code html complet ) ici

et enfin ajoute le formulaire.. et éventuellement tes essais en js

suit bien nos réponses et avis et tu va voir ça va aller vite

edit : je viens de faire la page BRUT qui fonctionne
Modifié par pchlj (18 Feb 2015 - 14:45)

voilà le lien de ce que ça donne

http://www.phil-good-media.com/alsaliliana.php
Modifié par pchlj (20 Feb 2015 - 13:16)

@pchlj

Bonjour,

Ne le prends pas de mauvaise part, mais en me rendant sur ton site, j'ai remarqué que tu n'avais pas précisé de "Character Encoding" (charset) sur la page index de ton site. Tu devines les conséquences dans les navigateurs ...

Merci beaucoup de ta réponse et de ton aide précieuse.

Je vais suivre la procédure que tu m'as indiquée et reviens avec mes essais.

Bonne journée !

oui iddsoft le charset est en header set pas en meta

ok liliana je t'ai mis le lien de ce que j'ai codé vite fait si tu veux voir

@pchlj

pchlj a écrit :
oui iddsoft le charset est en header set pas en meta

Sur mon ordi, sous IE11 et Safari, ça passe, mais sous Google Chrome version 40.0.2214.111 m et Firefox 35.0.1, les caractères accentués ne s'affichent pas correctement .

ah mince sur le mien ça passe

@ iddsoft

t'avais raison..un soucis

mais je suis justement en train de revoir quelques règles sur mon site

Bonjour,

Alors je viens donner de mes nouvelles.

J'ai pu bidouiller un script. Il fonctionne :

<p> </p>
<p><span style="font-size: small; font-family: verdana, geneva; color: #ff0000;"><strong>Calculer le coût indicatif de votre correction</strong></span></p>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<p> </p>
<form id="testform"><span style="font-size: small;"><strong><label>Nombre de caractères </label></strong></span><input id="nbchar" type="nombre" name="nbchar" value="0" /><br /> <span style="font-size: small;"><label><strong>Formule</strong> </label></span><input type="radio" name="formule" value="1" checked="checked" /> Simple ou <input type="radio" name="formule" value="2" /> Approfondie<br /> <span style="font-size: small; font-family: verdana, geneva;"><strong><label>Statut </label></strong></span><select id="formjur" name="formjur">
<option value="0">Etudiant</option>
<option value="1">Particulier</option>
<option value="2">Professionnel</option>
</select><input type="submit" value="Calculer" /></form>
<div id="resultat"> </div>
<p> </p>
<script type="text/javascript">// <![CDATA[
$(function(){
 
        $("input:submit").click(
            function(){
                var calcul = 0;
                if($("input:checked").val() == 1){
                    if($("#formjur").val()== 1){
                        calcul = $("#nbchar").val() * 0.0029;
                    }else if ($("#formjur").val()== 2) {
                        calcul = $("#nbchar").val() * 0.0033;
                    }else{
                        calcul = $("#nbchar").val() * 0.0025;
                    }
                }else{
                    if($("#formjur").val()== 1){
                        calcul = $("#nbchar").val() * 0.004375;
                    }else if ($("#formjur").val()== 2) {
                        calcul = $("#nbchar").val() * 0.005;
                    }else{
                        calcul = $("#nbchar").val() * 0.00375;
                    }
                }
                var resultat = Math.ceil(calcul);
                $("#resultat").html("Le montant indicatif de votre devis est de <b>"+resultat+"<b> &euro;");
                return false;
            }
             
        );
 
    });
// ]]></script>

Le souci c'est que l'image slider dans le "header" de mon site a disparu. Je ne comprends pas pourquoi.

Merci de votre aide.

ah

il y a de fortes chance que le slider soi taussi en jquery... dans ces cas là il doit y avoir un conflit avec le jquery que tu appelles en entrée de ton bout de code

OK.

Et y a-t-il un moyen de résoudre ce conflit ?
Modifié par liliana (25 Feb 2015 - 20:00)

Bah oui très simple

Enlevé cejquery dans ton code et vois si tout fonctionne

Je dois donc enlever cette phrase :
src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> ?

Mais mon formulaire va-t-il fonctionner ?

oui tu dois enlever cette ligne

bah si tu as déjà un jquery avec ton slider ton formulaire fonctionnera

Le formulaire disparaît