Ik wil iets wijzigen maar het lukt mij niet

pauke · 25 december 2010

Ik weet niet of iemand mij kan helpen.

Hier mijn probleem

bij het invulvak aantal nachten moet meen kunnen een getal invoeren.

Verder moet ik dat kunnen vermenigvuldigen met een bepaald bedrag BV 3.

Het resultaat moet dan te zien zijn in het vak water en elektriciteit.

Hieronder wat ik reeds heb laten maken en wat ik al een beetje heb aangepast.

Dank u

Pauke

<html>

<head>

BODY {scrollbar-3dlight-color:#efedda;

scrollbar-arrow-color:#663300;

scrollbar-base-color:#efedda;

scrollbar-track-color:#EFEDDA;

scrollbar-darkshadow-color:#663300;

scrollbar-face-color:#efedcc;

scrollbar-highlight-color:#663300;

scrollbar-shadow-color:#EFEDDA}

</STYLE>

function formulierTest(formulierVeld){

//Geef hier de naam in van de verplichte velden, zoals in je formulier:

var verplichtVeld = Array("de_heer_mevr", "geboortedatum", "nr_identiteitskaart", "adres", "postcode", "woonplaats", "telefoon_gsm", "aantal_personen", "periode_van", "tot", "huursom", "aantal_nachten");

//Geef hier de naam in die moet verschijnen in het alert-venster:

var veldBeschrijving = Array("De Heer/Mevr", "Geboortedatum", "Nr. Identiteitskaart", "Adres", "Postcode", "Woonplaats", "Telefoon/GSM", "Aantal personen", "Periode van", "Tot", "Huursom", "Aantal nachten");

//Geef hier het bericht in:

var alertBoodschap = "Gelieve volgende velden in te vullen:\n";

//Hieronder niets wijzigen:

var Boodschap = alertBoodschap.length;

for (var i = 0; i < verplichtVeld.length; i++){var obj = formulierVeld.elements[verplichtVeld];if (obj){switch(obj.type){case "select-one":

if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){alertBoodschap += "-" + veldBeschrijving + "\n";}break;case "select-multiple":

if (obj.selectedIndex == -1){alertBoodschap += " - " + veldBeschrijving + "\n";}break;

case "text":case "textarea":if (obj.value == "" || obj.value == null){alertBoodschap += " - " + veldBeschrijving + "\n";}break;default:

if (obj.value == "" || obj.value == null){alertBoodschap += " - " + veldBeschrijving + "\n";}}}}

if (alertBoodschap.length == Boodschap){return true;}else{alert(alertBoodschap);return false;}}

</script>

<meta name=DESCRIPTION

content="Luxe appartement met alle comfort en zwembad (6 personen)">

<meta name=ROBOTS content="INDEX, FOLLOW">

<meta name=REVISIT-AFTER content="2 MONTH">

<script language="JavaScript" type="text/javascript">

function Berekenen(){

//ALS ER EEN WAARDE INGEVULD IS BIJ HUURSOM

if (document.forms[0].huursom.value != ""){

//VIA EEN PATTERN NAGAAN OF HUURSOM EEN NUMERISCHE WAARDE HEEFT (patterns kan je op het internet opzoeken)

var pattern=/(^\d+$)|(^\d+\.\d+$)/

var huursom=document.forms[0].huursom.value

//ALS HUURSOM EEN NUMMERISCHE WAARDE IS

if (pattern.test(huursom)){

//VELDEN BEREKENEN EN WEGSCHRIJVEN

//Veld TOTAAL = HUURSOM + BORG + POETS

document.forms[0].totaal.value = parseInt(huursom)+parseInt(document.forms[0].waarborg.value)+parseInt(document.forms[0].poets.value);

//Veld VOORSCHOT = 1/2 VAN DE HUURSOM

document.forms[0].voorschot.value = huursom/2;

//Veld Rest = HUURSOM - VOORSCHOT

document.forms[0].rest.value = parseInt(document.forms[0].totaal.value)-parseInt(document.forms[0].voorschot.value);

}

//ALS DE WAARDE VAN HUURSOM NIET NUMMERISCH IS => ERROR BOODSCHAP GEVEN

else{

//FOUTMELDING GEVEN + CURSOR OP HET HUURSOM-VELD ZETTEN

alert("De waarde dat je bij 'HUURSOM' ingegeven hebt is geen getal")

document.forms[0].huursom.select();

} //einde als numerisch

}//einde als huursom ingevuld is

}//einde fucntie

function FP_preloadImgs() {//v1.0

var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();

for(var i=0; i<a.length; i++) { d.FP_imgs=new Image; d.FP_imgs.src=a; }

}

function FP_swapImg() {//v1.0

var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;

n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;

elm.$src=elm.src; elm.src=args[n+1]; } }

}

function FP_getObjectByID(id,o) {//v1.0

var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);

else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;

if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if©

for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }

f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;

for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }

return null;

}

</script>

</head>

<body bgcolor="#EFEDDA" lang=NL link=blue vlink=purple style='tab-interval:

35.4pt' onload="FP_preloadImgs(/*url*/'button187.jpg', /*url*/'button188.jpg')">

<div class=Section1>

<form action="/cgi-bin/form.cgi" method="POST" onsubmit="return formulierTest(this);">

<input type="hidden" name="DEBUG" value="0">

<input type="hidden" name="MAILFILE" value="/spanje.appartement/mailfile.txt">

<input type="hidden" name="MAILTO" value="paul.kettermans@pandora.be">

<input type="hidden" name="REPLYFAULT" value="/spanje.appartement/ftantw.htm">

<input type="hidden" name="REPLYOK" value="/spanje.appartement/jstantw.htm">

<img border="0" id="img2" src="button189.jpg" height="20" width="100" alt="Index" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'button187.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'button189.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'button188.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'button187.jpg')" fp-style="fp-btn: Embossed Capsule 9; fp-font-color-hover: #0000FF; fp-font-color-press: #00FF00; fp-bgcolor: #EFEDDA; fp-proportional: 0; fp-orig: 0" fp-title="Index"></a></p>

<p style="margin-top: 0; margin-bottom: 0"> </p>

<p style="margin-top: 0; margin-bottom: 0">De reservatie zal bevestigd of geweigerd worden, volgens de

<a target="_self" href="beschikbaarheid.htm">beschikbaarheid </a>van het appartement.</p>

<p style="margin-top: 0; margin-bottom: 0">U zult via e-mail een antwoord krijgen.</p>

<p style="margin-top: 0; margin-bottom: 0">Na de bevestiging door ons van de huurperiode, en de betaling door u van het voorschot is de reservatie definitief.</p>

<p style="margin-top: 0; margin-bottom: 0"> </p>

<table border="1" width="66%" cellspacing="3">

<tr>

<td>

<p align="right"><u6:p></u6:p>De heer/Mevr<span class=GramE>. </span>:</td>

<td width="652" colspan="7"><INPUT TYPE="text" SIZE="35" NAME="de_heer_mevr"></td>

</tr>

<tr>

<td>

<p align="right">Geboortedatum :</td>

<td width="652" colspan="7"><INPUT TYPE="text" SIZE="35" NAME="geboortedatum"></td>

</tr>

<tr>

<td>

<p align="right">Nr. Identiteitskaart :</td>

<td width="652" colspan="7"><INPUT TYPE="text" SIZE="35" NAME="nr_identiteitskaart"></td>

</tr>

<tr>

<td>

<p align="right">Adres :</td>

<td width="652" colspan="7"><INPUT TYPE="text" SIZE="35" NAME="adres"></td>

</tr>

<tr>

<td>

<p style="margin-top: 2px; margin-bottom: 2px" align="right">Postcode :</p>

</td>

<td width="652" colspan="7"><INPUT TYPE="text" SIZE="35" NAME="postcode"></td>

</tr>

<tr>

<td>

<p style="margin-top: 2px; margin-bottom: 2px" align="right">Woonplaats :</p>

</td>

<td width="652" colspan="7"><INPUT TYPE="text" SIZE="35" NAME="woonplaats"></td>

</tr>

<tr>

<td>

<p style="margin-top: 2px; margin-bottom: 2px" align="right">Telefoon of gsm :</p>

</td>

<td width="652" colspan="7"><INPUT TYPE="text" SIZE="35" NAME="telefoon_gsm"></td>

</tr>

<tr>

<td>

<p style="margin-top: 2px; margin-bottom: 2px" align="right">E-mail adres :</p>

</td>

<td width="652" colspan="7"><INPUT TYPE="text" SIZE="35" NAME="email"></td>

</tr>

<tr>

<td>

<p style="margin-top: 2px; margin-bottom: 2px" align="right">Aantal personen :</p>

</td>

<td width="652" colspan="7"><INPUT TYPE="text" SIZE="2" NAME="aantal_personen"></td>

</tr>

<tr>

<td><p style="margin-top: 2px; margin-bottom: 2px" align="right">Naam 1 :</p></td>

<td width="253"><INPUT TYPE="text" SIZE="35" NAME="naam 1"></td>

<td> <p style="margin-top: 2px; margin-bottom: 2px" align="left"> Geboortedatum :</p></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="dag 1"></td>

<td width="15"><b><font size="5">/</font></b></td>

<td width="86"><INPUT TYPE="text" SIZE="7" NAME="maand 1"></td>

<td width="14"><b><font size="5">/</font></b></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="jaar 1"></td>

</tr>

<tr>

<td><p style="margin-top: 2px; margin-bottom: 2px" align="right">Naam 2 :</p></td>

<td width="253"><INPUT TYPE="text" SIZE="35" NAME="naam 2"></td>

<td> <p style="margin-top: 2px; margin-bottom: 2px" align="left"> Geboortedatum :</p></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="dag 2"></td>

<td width="15"><b><font size="5">/</font></b></td>

<td width="86"><INPUT TYPE="text" SIZE="7" NAME="maand 2"></td>

<td width="14"><b><font size="5">/</font></b></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="jaar 2"></td>

</tr>

<tr>

<td><p style="margin-top: 2px; margin-bottom: 2px" align="right">Naam 3 :</p></td>

<td width="253"><INPUT TYPE="text" SIZE="35" NAME="naam 3"></td>

<td> <p style="margin-top: 2px; margin-bottom: 2px" align="left"> Geboortedatum :</p></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="dag 3"></td>

<td width="15"><b><font size="5">/</font></b></td>

<td width="86"><INPUT TYPE="text" SIZE="7" NAME="maand 3"></td>

<td width="14"><b><font size="5">/</font></b></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="jaar 3"></td>

</tr>

<tr>

<td><p style="margin-top: 2px; margin-bottom: 2px" align="right">Naam 4 :</p></td>

<td width="253"><INPUT TYPE="text" SIZE="35" NAME="naam 4"></td>

<td> <p style="margin-top: 2px; margin-bottom: 2px" align="left"> Geboortedatum :</p></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="dag 4"></td>

<td width="15"><b><font size="5">/</font></b></td>

<td width="86"><INPUT TYPE="text" SIZE="7" NAME="maand 4"></td>

<td width="14"><b><font size="5">/</font></b></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="jaar 4"></td>

</tr>

<tr>

<td><p style="margin-top: 2px; margin-bottom: 2px" align="right">Naam 5 :</p></td>

<td width="253"><INPUT TYPE="text" SIZE="35" NAME="naam 5"></td>

<td> <p style="margin-top: 2px; margin-bottom: 2px" align="left"> Geboortedatum :</p></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="dag 5"></td>

<td width="15"><b><font size="5">/</font></b></td>

<td width="86"><INPUT TYPE="text" SIZE="7" NAME="maand 5"></td>

<td width="14"><b><font size="5">/</font></b></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="jaar 5"></td>

</tr>

<tr>

<td><p style="margin-top: 2px; margin-bottom: 2px" align="right">Naam 6 :</p></td>

<td width="253"><INPUT TYPE="text" SIZE="35" NAME="naam 6"></td>

<td> <p style="margin-top: 2px; margin-bottom: 2px" align="left"> Geboortedatum :</p></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="dag 6"></td>

<td width="15"><b><font size="5">/</font></b></td>

<td width="86"><INPUT TYPE="text" SIZE="7" NAME="maand 6"></td>

<td width="14"><b><font size="5">/</font></b></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="jaar 6"></td>

</tr>

<tr>

<td><p style="margin-top: 2px; margin-bottom: 2px" align="right">Naam baby :</p></td>

<td width="253"><INPUT TYPE="text" SIZE="35" NAME="naam baby"></td>

<td> <p style="margin-top: 2px; margin-bottom: 2px" align="left"> Geboortedatum :</p></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="dag baby"></td>

<td width="15"><b><font size="5">/</font></b></td>

<td width="86"><INPUT TYPE="text" SIZE="7" NAME="maand baby"></td>

<td width="14"><b><font size="5">/</font></b></td>

<td width="57"><INPUT TYPE="text" SIZE="7" NAME="jaar baby"></td>

</tr>

</table>

<p>Wensen te huren van verhuurder, Paul Kettermans, Lintsesteenweg 37/1, 2540 Hove, het appartement, gelegen

Villapiedra Urbanisatie

La Regia, Cabo Sol 6, 03189 Orihuela-Costa, Spanje, van periode van

<INPUT TYPE="text" SIZE="13" NAME="periode_van"> 16u.

<INPUT TYPE="text" SIZE="13" NAME="tot"> 10u.</p>

<p style="margin-top: 0; margin-bottom: 0">De huurder(s) verklaart/verklaren zich uitdrukkelijk akkoord met de bepalingen van de

<a href="algemene_voorwaarden.htm">ALGEMENE VOORWAARDEN</a>, en verklaren er vóór inschrijving kennis van te hebben genomen. Wij adviseren u een annuleringsverzekering af te sluiten, deze is echter niet verplicht. De betalingen zal de huurder contant overmaken of op rekeningnummer 979-9880596-84, op naam van Kettermans Paul, met de vermelding van de gewenste periode.</p>

<span style="font-family: Arial">Gevraagde gegevens voor mensen die uit

het buitenland geld storten : </span></font></span></p>

<span lang="EN-GB" style="font-size: 10.0pt; font-family: Arial">Bank = ARGENTA</span></p>

<span lang="EN-GB" style="font-size: 10.0pt; font-family: Arial">IBAN = BE03

9799 8805 9684</span></p>

<span lang="EN-GB" style="font-size: 10.0pt; font-family: Arial">BIC = ARSPBE22</span></p>

<table border="1" width="80%" cellspacing="3">

<tr>

<td width="240"> <p align="right">Huursom :</td>

<td width="78"> <INPUT TYPE="text" SIZE="10" NAME="huursom" onchange="Berekenen()"></td>

<td width="796"> <INPUT TYPE="hidden" SIZE="10" NAME="alert" VALUE="Gelieve een numerische waarde in te geven"></td>

</tr>

<tr>

<td width="240"> <p align="right">Borg :</td>

<td width="78"> <INPUT TYPE="text" SIZE="10" NAME="waarborg" VALUE="200"readonly></td>

<td width="796"></td>

</tr>

<tr>

<td width="240"> <p align="right">Poets :</td>

<td width="78"> <INPUT TYPE="text" SIZE="10" NAME="poets" VALUE="60" readonly></td>

<td width="796"> <p style="margin-top: 0; margin-bottom: 0">Eindpoets en eindwas</p></td>

</tr>

<tr>

<td width="240"> <p align="right">Totaal :</td>

<td width="78"> <INPUT TYPE="text" SIZE="10" NAME="totaal" readonly></td>

<td width="796"> </td>

</tr>

<tr>

<td width="240"> <p align="right">Voorschot :</td>

<td width="78"> <INPUT TYPE="text" SIZE="10" NAME="voorschot" readonly></td>

<td width="796">= <font face="Times New Roman">½ van de huursom</font></td>

</tr>

<tr>

<td width="240">

<p align="right">Rest :</td>

<td width="78"> <INPUT TYPE="text" SIZE="10" NAME="rest" readonly></td>

<td width="796">Te betalen 60 dagen voor vertrek</td>

</tr>

<tr>

<td width="240">

<p align="right">Aantal nachten:</td>

<td width="78"> <INPUT TYPE="text" SIZE="10" NAME="aantal_nachten" readonly></td>

<td width="796">Voor het berekenen van de voorschot op water- en

elektriciteitsverbruik</td>

</tr>

<tr>

<td width="240">

<p align="right">Water en Elektriciteit:</td>

<td width="78"> <input type="text" name="water_en_elektriciteit" size="10"></td>

<td width="796">Appart te storten en zal later verrekend worden in debet of

credit zie artikel 11 van de algemene voorwaarden </td>

</tr>

</table>

<p style="margin-top: 0; margin-bottom: 0"></p>

<i><b>Bij aankomst staat er 1 fles water, 1 fles wijn of cava, 2

cakjes p.p.,

2 rollen toiletpapier en 2 vuilzakken klaar.<br>

De poetdienst helpt de klanten tijdens het verblijf bij eventuele problemen

en verhuurt ook kinderstoelen aan de prijs van € 5 per

week per stuk.<br>

Tevens verzorgen zij eventueel de airport- service, de prijs hiervoor is € 40

van of naar Alicante of Murcia, enkele rit.</b></i></p>

<b><i>Telefoon poetsdienst: 0034676975330 of 0034966799404</i></b></p>

</p>

Heeft u opmerkingen vul ze dan hieronder in:</p>

<TEXTAREA ROWS="5" COLS="42" NAME="commentaar"></TEXTAREA></p>

<p><INPUT TYPE="submit" VALUE="doorsturen!" ENCTYPE="text/plain" METHOD="post">

<INPUT TYPE="reset" VALUE="opnieuw">

<img border="0" id="img1" src="button189.jpg" height="20" width="100" alt="Index" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button187.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button189.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'button188.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'button187.jpg')" fp-style="fp-btn: Embossed Capsule 9; fp-font-color-hover: #0000FF; fp-font-color-press: #00FF00; fp-bgcolor: #EFEDDA; fp-proportional: 0" fp-title="Index"></a></p>

</body>

</html>

stegisoft · 25 december 2010

Ik heb uw topic in de juiste rubriek gezet.

leroy · 26 december 2010

Beste,

Ik heb geen idee waar het stukje javascript staat waarmee je hetgeen uitrekent want er staat zoveel javascript in!

Ik weet wel wat je op het juiste plekje zou moeten zetten. Maar ik raad eigenlijk aan om het uitrekenen via PHP te doen. Dit omdat iemand goed javascript kan, de variabelen kan veranderen waardoor de inhoud van een invoerveld lager kan komen te staan als dat het eigenlijk had moeten zijn.

Zo zou iemand die goed javascript kan bijvoorbeeld de prijs per nacht kunnen veranderen (voor alleen hem, omdat javascript uitgevoerd wordt op zijn eigen computer).

Maar wil je het toch via javascript doen moet je hetvolgende op de juiste plek plaatsen:

var prijsWaterElek = 3;
var aantalNachten = document.forms[0].aantal_nachten.value;
document.forms[0].water_en_elektriciteit.value = aantalNachten*prijsWaterElek;

bij de eerste regel geef je 'water en elektriciteit' een vast bedrag (in dit geval 3 euro).

bij de tweede regel geef je de variable 'aantalNachten' het aantal nachten wat ze ingevuld hebben.

bij de derde regel geef je het vakje met de name-tag 'water_en_elektriciteit' de waarde van de aantal nachten × (maal) de prijs van water en elektriciteit.

Zoals ik al zei, weet ik niet op welke plek dit moet komen te staan omdat er ERG veel javascript code in staat.

En ik zou toch hetgeen via PHP laten bereken achteraf. Als voorbeeld kan het wel, maar achteraf alsnog door PHP laten berekenen. Dit omdat javascript mensen de prijs kunnen verlagen door javascript input via de adresbalk.

Groeten,

leroy

Inloggen

Ik wil iets wijzigen maar het lukt mij niet

Aanbevolen berichten

pauke

Link naar reactie

Delen op andere sites

stegisoft

Link naar reactie

Delen op andere sites

leroy

Link naar reactie

Delen op andere sites

Welkom op PC Helpforum

Leden statistieken

OVER ONS

SITEMAP

Home

Info

Handleidingen & Tips

Activiteit

Belangrijke informatie