Calcul auto montant d'un séjour selon dates choisies

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Calcul auto montant d'un séjour selon dates choisies

giom67

Bonjour à tous,

Après avoir passé plusieurs heures sur l'ami Google, je n'ai toujours pas trouvé solution à mon problème, c'est pourquoi je me permet de faire appel à vous.

J'ai actuellement un formulaire pour les Internautes souhaitant effectuer une demande de réservation de leur séjour en ligne... et je souhaite que lorsqu'ils remplissent le formulaire, apparaît (dans un textarea par exemple) le total de leur séjour en fonction de la date d'arrivée et la date de départ qu'ils vont entrer dans le formulaire.
La difficulté principale c'est qu'il y a 2 tarifs différents... 22e/j en semaine, et 50e/we (du ve au di) ! Le tout doit ce multiplier par le nombre de personne, bien sur...

Par exemple, un Internaute qui souhaite réserver pour 2 personnes du 13.11 au 17.11 :
- dans "date d'arrrivée" : 13.11
- dans "date de départ" : 17.11
- pour "2 personnes"
- we du 13.11 au 15.11 = 50e + lu 16.11 = 22e + ma 17.11 = 22e, soit 50 + 22 + 22 = 94e / personne, donc 188 euros

Je ne maîtrise que quelques bases du html et du javascript...

Si quelqu'un à une piste, ou un début de piste, je l'en remercie d'avance !!

Cdt, Guillaume

Publicité

newslettux

<Insérez ici votre vie />

voici en pseudo code comment je structurerais mon raisonnement à ta place :

Code :

fonction prixJour(date)
{
typeJour = getDay(date)
// le type de jour commence à 0 (dimanche) => 6 (samedi)
si ((typeJour == 0) || (typeJour == 6))
renvoie 50;
sinon
renvoie 22;
}
si jourDépart < jourArrivee
affiche erreur
sinon
pour chaque jour de jourArrivee à jourDépart
prixJournee = prixJour(jourEnCours);
somme += nombrePersonnes * prixJournee;

Message cité 1 fois

---------------
Adoptez un Tux !

giom67

newslettux a écrit :

voici en pseudo code comment je structurerais mon raisonnement à ta place :

Code :

fonction prixJour(date)
{
typeJour = getDay(date)
// le type de jour commence à 0 (dimanche) => 6 (samedi)
si ((typeJour == 0) || (typeJour == 6))
renvoie 50;
sinon
renvoie 22;
}
si jourDépart < jourArrivee
affiche erreur
sinon
pour chaque jour de jourArrivee à jourDépart
prixJournee = prixJour(jourEnCours);
somme += nombrePersonnes * prixJournee;

En effet, ce serait un début de piste et t'en remercie... mais comment mettre ça concrètement dans un code html pour le mettre sur ma page ?

Voici le formulaire qui est actuellement en ligne :

Code :

<html>
<head>
<script>function checkrequired(which){
var pass=true
if (document.images){
for (i=0;i<which.length;i++){
var tempobj=which.elements[i]
if (tempobj.name.substring(0,8)=="required" ){
if (((tempobj.type=="text"||tempobj.type=="textarea" )&&tempobj.value=='')||(tempobj.type.toString().charAt(0)=="s"&&tempobj.selectedIndex==-1)){
pass=false
break
}
}
}
}
if (!pass){
alert("Certains champs de ce formulaire sont obligatoires, merci de bien vouloir les renseigner" )
return false
}
else
return true
}
</script>
</head>
<body>
<form action="http://perso0.free.fr/cgi-bin/form2mail.pl"
onsubmit="return checkrequired(this)" method="post"
name="RESERVATION">
<table style="text-align: left; width: 556px;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="font-family: Helvetica Neue; width: 100px;"><small>Nom*</small></td>
<td style="font-family: Helvetica Neue; width: 181px;"><small><input
name="requiredNOM"></small></td>
<td style="font-family: Helvetica Neue; width: 62px;"><small>Prénom*</small></td>
<td style="font-family: Helvetica Neue; width: 179px;"><small><input
name="requiredPRENOM"></small></td>
</tr>
<tr>
<td style="font-family: Helvetica Neue; width: 100px;"><small>Adresse*</small></td>
<td colspan="3" rowspan="1"
style="font-family: Helvetica Neue; width: 179px;"><small><input
size="50" name="requiredADRESSE"></small></td>
</tr>
<tr>
<td style="font-family: Helvetica Neue; width: 100px;"><small>Code
postal*</small></td>
<td style="font-family: Helvetica Neue; width: 181px;"><small><input
maxlength="5" size="10" name="requiredCODE_POSTAL"></small></td>
<td style="font-family: Helvetica Neue; width: 62px;"><small>Ville*</small></td>
<td style="font-family: Helvetica Neue; width: 179px;"><small><input
name="requiredVILLE"></small></td>
</tr>
<tr>
<td style="font-family: Helvetica Neue; width: 100px;"><small>Téléphone*</small></td>
<td style="font-family: Helvetica Neue; width: 181px;"><small><input
name="requiredTELEPHONE"></small></td>
<td style="font-family: Helvetica Neue; width: 62px;"><small>Email*</small></td>
<td style="font-family: Helvetica Neue; width: 179px;"><small><input
name="requiredEMAIL"></small></td>
</tr>
</tbody>
</table>
<br>
<table style="text-align: left; width: 511px;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 110px; font-family: Helvetica Neue;"><small>Date
d'arrivée*</small></td>
<td style="width: 150px; font-family: Helvetica Neue;"><small><input
size="15" value="jj/mm/aaaa" name="ARR_DATE"></small></td>
<td style="width: 110px; font-family: Helvetica Neue;"><small>Heure
d'arrivée*</small></td>
<td style="width: 111px; font-family: Helvetica Neue;"><small>
<select name="ARR_HEURE">
<option selected="selected">Après 17h00</option>
</select>
<br>
</small></td>
</tr>
<tr>
<td style="width: 110px; font-family: Helvetica Neue;"><small>Date
de départ*</small></td>
<td style="width: 150px; font-family: Helvetica Neue;"><small><input
size="15" value="jj/mm/aaaa" name="DEP_DATE"></small></td>
<td style="width: 110px; font-family: Helvetica Neue;"><small>Heure
de
départ*</small></td>
<td style="width: 111px; font-family: Helvetica Neue;"><small>
<select name="DEP_HEURE">
<option selected="selected">Avant 15h00</option>
</select>
<br>
</small></td>
</tr>
</tbody>
</table>
<br>
<table style="text-align: left; width: 314px;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 80px; font-family: Helvetica Neue;"><small>Adultes*</small></td>
<td style="width: 60px; font-family: Helvetica Neue;"><small>
<select name="ADULTES">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</small></td>
<td style="width: 80px; font-family: Helvetica Neue;"><small>Enfants*</small></td>
<td style="width: 60px; font-family: Helvetica Neue;"><small>
<select name="ENFANTS">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</small></td>
</tr>
</tbody>
</table>
<small><span style="font-family: Helvetica Neue;"></span></small><br>
<table style="text-align: left; width: 450px;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 113px; font-family: Helvetica Neue;"><small>Petits
déjeuners</small></td>
<td style="width: 48px; font-family: Helvetica Neue;"><small>
<select name="PETITS DEJEUNERS">
<option selected="selected">0</option>
</select>
<br>
</small></td>
<td style="width: 76px; font-family: Helvetica Neue;"><small>Déjeuners</small></td>
<td style="width: 48px; font-family: Helvetica Neue;"><small>
<select name="DEJEUNERS">
<option selected="selected">0</option>
</select>
<br>
</small></td>
<td style="width: 60px; font-family: Helvetica Neue;"><small>Dîners</small></td>
<td style="width: 55px; font-family: Helvetica Neue;"><small>
<select name="DINERS">
<option selected="selected">0</option>
</select>
<br>
</small></td>
</tr>
</tbody>
</table>
<small><span style="font-family: Helvetica Neue;">Belle
cuisine équipée et nombreuses
possibilités de restauration aux alentours.</span></small><br>
<br>
<input name="OK" value="Valider" type="submit"><br>
</form>
</body>
</html>

giom67

Pour avoir une idée un peu plus précise, j'ai fais une rapide esquisse sous Excel :
> http://st0ckw3b.free.fr/expl/expl.xls

L'utilisateur n'a qu'à remplir la date d'arrivée, la date de départ et le nombre de personne... sous Excel pas de soucis, mais pour transposer ça en html ?!

J'attends vos réponses avec impatience ! )

Fred999

Rabat-joie

Salut,

Maintenant que le principe d'une fonction en javascript est acquis...

Quand souhaites-tu voir le textarea se remplir avec le montant du séjour ? Lorsque l'utilisateur saisit les dates, ou bien lorsqu'il clique sur un bouton ?

En répondant à cette question, tu pourras déterminer les événements (au sens javascript) sur lesquels tu appelleras la dite fonction.

Message cité 1 fois

giom67

Fred999 a écrit :

Bonjour Fred999,

Idéalement, je souhaite avoir un aperçu concret du code html que je dois mettre dans ma page... car comme dit plus haut, je n'ai que quelques bases de le Javascript et le html et ne saurais construire de moi-même une telle page.

Pour répondre à ta première question, ce serait vraiment super que le textarea ce remplisse et ce mette à jour tout seul lorsque l'Internaute tape sa date d'arrivée, de départ et le nombre de personnes... si tu as une idée ?!

Merci également de te pencher sur mon problème !

giom67

re-Bonjour à tous,

Pour simplifier un peu la chose, j'ai pensé à autre chose... si le tarif ne change pas (qu'on soit en semaine ou en weekend), et qu'on le fixe par exemple à 24 euros par jour, quelqu'un peut m'envoyer le code à insérer ?

Concrètement :
Date d'arrivée : arr
Date de départ : dep
Nombre d'adulte(s) : adu
Nombre d'enfants) : enf

Donc le calcul doit être le suivant :
dep - arr = dur (durée du séjour)
dur x 24 = mon (montant du séjour par personne)
mon x (adu + enf) = montant total du séjour

J'attends vos réponses avec grande impatience !

FORUM HardWare.fr

Programmation

HTML/CSS/Javascript

Calcul auto montant d'un séjour selon dates choisies

Sujets relatifs
Calcul d'une moyenne	Récupérer variables utilisateur et mot de passe pour connexion auto
Calculs et notes de calcul	[HTML/CSS/Javascript] Calcul coté client avec visualisation
Faire un calcul sans rafraichir une page php	[OpenOffice] Calcul de prix
Création d'un générateur d'exercices de calcul mental aléatoire	SQL-Firebird-Calcul heurespour planning
calcul mathematique simple, optimisation Java	coins arrondis sur conteneur centré auto
Plus de sujets relatifs à : Calcul auto montant d'un séjour selon dates choisies

Page générée en 0.358 secondes