un formulaire pour un devis en temps réel

Sujet résolu

20 octobre 2011 à 19:26:42

scalour à tous,

Voici 1 tentative pour réaliser 1 devis en temps réel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
</head>

<body>



<script type="text/javascript">

function radiocoche(Nom) 
{
var r = false;
var d = document.forms;
for(var i=0; i<d.length; i++) {
for(var k=0; k<d[i].length; k++) {
if(d[i][k].type=='radio' && d[i][k].name==Nom) {
for(var j=0; j<d[i][Nom].length; j++)
if(d[i][Nom][j].checked)
r = d[i][Nom][j].value;
}
}
}
return parseFloat(r);
}

function boxcochee(Nom)
{
var r = 0;
if (document.getElementById(Nom).checked)
r = document.getElementById(Nom).value;
return parseFloat(r); 
}

function Calcul()
{
var res = radiocoche("couleurmaison");
res += radiocoche("nbchambres");
res += boxcochee("jardin");
res += boxcochee("piscine");
res += boxcochee("jacuzzi");
res += parseFloat(document.getElementById("cheminee").value);
document.getElementById("total").value=res+" €";
}

</script>




<p>couleur:</p>

<p>
<input type="radio" name="couleurmaison" value="100" id="blanche" checked /> 
<label for="blanche"> blanche -> 100 € </label>

<br />

<input type="radio" name="couleurmaison" value="200" id="rose" /> 
<label for="rose"> rose -> 200 € </label>

<br />

<input type="radio" name="couleurmaison" value="300" id="petitpois" /> 
<label for="petitpois"> à petits pois -> 300 € </label>
</p>





<p>Nb de chambres</p>

<p>
<input type="radio" name="nbchambres" value="90" id="nbchvaut2" checked /> 
<label for="nbchvaut2"> 2 -> + 90 € </label>

<br />

<input type="radio" name="nbchambres" value="110" id="nbchvaut3" /> 
<label for="nbchvaut3"> 3 -> + 110 € </label>

<br />

<input type="radio" name="nbchambres" value="150" id="nbchvaut4" /> 
<label for="nbchvaut4"> 4 et plus -> + 150 € </label>
</p>



<p>Ajout:</p>
<p>
<input type="checkbox" name="jardin" id="jardin" value="230" />
<label for="jardin">Jardin -> 230 €</label>

<br />

<input type="checkbox" name="piscine" id="piscine" value="500" />
<label for="jardin"> Piscine -> 500 €</label>

<br />

<input type="checkbox" name="jacuzzi" id="jacuzzi" value="230" />
<label for="jardin"> Jacuzzi -> 350 €</label>
</p>


<p>Cheminée</p>
<p>
<select name="cheminee" id="cheminee">
<option value="0">Pas de cheminée</option>
<option value="400">Modèle 1 -> 400 €</option>
<option value="450">Modèle 2 -> 450 €</option>
<option value="500">Modèle 3 -> 500 €</option>
<option value="550">Modèle 4 -> 550 €</option>
<option value="600">Modèle 5 -> 600 €</option>
<option value="650">Modèle 6 -> 650 €</option>
<option value="700">Modèle 7 -> 700 €</option>
</select>
</p>

<p>
<INPUT type="text" maxLength=10 size=10 name=total id="total" value="" readonly>
</p>

<p>&nbsp;</p>

<input type="button" value="Faire le total" onClick="Calcul()">

</body>

</html>

Il doit y avoir 1 erreur dans le code, car quand on fait le total il ne nous donne pas 1 valeur numérique.

J'espère que parmi vous il y aura 1 personne capable de me dire où est l'erreur.

Merci d'avance.

Pa

Jordan1731

20 octobre 2011 à 19:32:23

Peut tu dans un premier temps mettre ton code dans des balises "code" et d'autre pars indenter un minimum ton code source histoire que ce soit lisible stp ...

zingwai

20 octobre 2011 à 19:32:35

Le message qui suit est une réponse automatique.
Les réponses automatiques nous permettent d'éviter de répéter de nombreuses fois la même chose, et donc de gagner beaucoup de temps.
Nous sommes néanmoins ouvert à toute question ou remarque, n'hésite pas à me contacter par messagerie privée à ce sujet.

Merci d'utiliser les balises de code

Bonjour,

Les forums du Site du Zér0 disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source.
Tu as posté un code source sans utiliser cette fonctionnalité. Pourrais-tu éditer ton message afin d'ajouter ces balises ? Pour cela, sélectionne ton code à colorer et utilise le bouton Image utilisateur

afin de choisir la coloration adaptée. Veille à bien choisir le langage de programmation afin que la coloration soit pertinente.

De plus, veille à ce que ton code soit correctement indenté.

Afin de ne pas surcharger le sujet, ne poste pas ton code coloré dans un nouveau message mais édite le premier (grâce au bouton Image utilisateur

Cela aura pour effet de "colorer" ton code et donc d'en faciliter grandement la lecture. Tu auras ainsi beaucoup plus de chances d'avoir des réponses.

Voici un exemple de code non coloré (mauvais exemple) :
int main(int argc, char *argv[])
{
long choixOperation;

printf("Choisissez l'operation a effectuer");
/* etc. */
}

Voici maintenant le même code coloré, utilisant la balise "code" (bon exemple) :

int main(int argc, char *argv[])
{
    long choixOperation;

    printf("Choisissez l'operation a effectuer");
    /* etc. */
}

C'est plus clair n'est-ce pas ?

Pour plus d'information à ce sujet, tu peux lire le tutoriel général sur le zCode.

Merci de ta compréhension.

Pwaite.net > Transfert de crédit téléphonique et monétisation de site web « I am awesome »

thee-ou

21 octobre 2011 à 15:01:17

il manquait les balises <form> !!!