Erste Schritte Berechnen einer Form mit Live anzeige....

[cyripton]

Guten Abend,

ich wuehle mich gerade durch 1000 von Foren und Internetseiten, um eine Loesung fuer mein Problem zu finden. Leider habe ich kein Erfolg und stelle mich beim selber Programieren, sehr doof an.

Ich habe folgendes vor:

Ich habe eine Joomla 2.5 Seite und benutze Chronoforms fuer meine Formulare.

Ich habe eine Form, in der man ein Zimmer Reservieren/Bed reservieren kann.

Die Form enthaelt:

Name (Chronoform TextBox)
Email (Chronoform TextBox)
Telefon (Chronoform TextBox)
From Date (Chronoform Datetime Picker)
Arrival Time(Chronoform DropDown)
To Date (Chronoform Datetime Picker)
Guests (chronoforms DropDown)
Room (Chronoform DropDown)
Comments (Chronoform Text Area)
Security Code (Chronoform Captcha)
Submit (Chronoform Submit)

Nun moechte ich gerne per Java den Preis berechnen lassen.
Dieser setzt sich aus folgendem zusammen:

(To Date - From Date)*Guests*Room

Dieses moechte ich gerne angezeigt bekommen, wenn die 4 Werte eingegeben wurden (zwischen Room und Comments).

Chronoforms bietet direkt einen JS onload in der Form selber an. Dort soll man den Code ohne Script tags eintragen)

Der Code der Tabelle sieht wie folgt aus: (die Tabelle heist chronoform_Reservation)

<div class="ccms_form_element cfdiv_header" id="autoID-0f6972c31b619999ce69aaa83ea09a1a_container_div" style=""><h2><b>Please make your reservation here.</b></h2>
Fields marked with "<b>*</b>" are required!
<p></p><div class="clear"></div></div><div class="ccms_form_element cfdiv_text" id="name_container_div" style=""><label for="name">Firstname, Lastname*</label><input id="name" maxlength="150" size="30" class=" validate['required','alphanum']" title="" type="text" container_id="0" value="" name="input_text_8" />
<div class="small-message">Please enter yout first- and lastname.</div><div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="email_container_div" style=""><label for="email">Email*</label><input id="email" maxlength="150" size="30" class=" validate['required','email']" title="" type="text" container_id="0" value="" name="input_text_13" />
<div class="small-message">Please enter your email adress.</div><div class="clear"></div><div id="error-message-input_text_13"></div></div><div class="ccms_form_element cfdiv_text" id="phone_container_div" style=""><label for="phone">Phone</label><input id="phone" maxlength="150" size="30" class=" validate['number']" title="" type="text" container_id="0" value="" name="input_text_19" />
<div class="small-message">If you have a phonenumber, please enter here.</div><div class="clear"></div><div id="error-message-input_text_19"></div></div><div class="ccms_form_element cfdiv_datetime multiline_start" id="autoID-aa2147bedb66e48767fe26ced069de30_container_div" style=""><label>From Date*</label><input maxlength="150" size="16" class="arrivaldate validate['required','target:input_datetime_1_clone_id'] cf_date_picker" title="Select date" type="text" container_id="0" value="" name="input_datetime_1" />
<div class="small-message">Please select arrival date.</div><div class="clear"></div><div id="error-message-input_datetime_1"></div></div><div class="ccms_form_element cfdiv_select multiline_add" id="arrivaltime_container_div" style=""><label for="arrivaltime">Arrival Time*</label><select size="1" id="arrivaltime" class=" validate['required']" title="Arrival Time" container_id="0" name="input_select_7">
<option value=""></option>
<option value="00:00">00:00</option>
<option value="01:00">01:00</option>
<option value="02:00">02:00</option>
<option value="03:00">03:00</option>
<option value="04:00">04:00</option>
<option value="05:00">05:00</option>
<option value="06:00">06:00</option>
<option value="07:00">07:00</option>
<option value="08:00">08:00</option>
<option value="09:00">09:00</option>
<option value="10:00">10:00</option>
<option value="11:00">11:00</option>
<option value="12:00" selected="selected">12:00</option>
<option value="13:00">13:00</option>
<option value="14:00">14:00</option>
<option value="15:00">15:00</option>
<option value="16:00">16:00</option>
<option value="17:00">17:00</option>
<option value="18:00">18:00</option>
<option value="19:00">19:00</option>
<option value="20:00">20:00</option>
<option value="21:00">21:00</option>
<option value="22:00">22:00</option>
<option value="23:00">23:00</option>
</select>
<div class="small-message">Please specify your arrival time.</div><div class="clear"></div><div id="error-message-input_select_7"></div></div><div class="ccms_form_element cfdiv_datetime" id="autoID-4c81ad0e2ee5300b65d55fada5e8c027_container_div" style=""><label>To Date*</label><input maxlength="150" size="16" class="departuredate validate['required','target:input_datetime_29_clone_id'] cf_date_picker" title="" type="text" container_id="0" value="" name="input_datetime_29" />
<div class="small-message">Please select your departure date.</div><div class="clear"></div><div id="error-message-input_datetime_29"></div></div><div class="ccms_form_element cfdiv_select" id="guestnumber_container_div" style=""><label for="guestnumber">Guests*</label><select size="1" id="guestnumber" class=" validate['required']" title="" container_id="0" name="input_select_15">
<option value="" selected="selected"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="small-message">Please select number of guests.</div><div class="clear"></div><div id="error-message-input_select_15"></div></div><div class="ccms_form_element cfdiv_select" id="selectedroom_container_div" style=""><label for="selectedroom">Room*</label><select size="1" id="selectedroom" class=" validate['required']" title="" container_id="0" name="input_select_14">
<option value="" selected="selected"></option>
<option value="Single Room">Single Room</option>
<option value="Double Room">Double Room</option>
<option value="Dorm Room">Dormitory Room</option>
</select>
<div class="small-message">Please select room.</div><div class="clear"></div><div id="error-message-input_select_14"></div></div><div class="ccms_form_element cfdiv_textarea" id="autoID-508ff46d5afb8aa5d93f0855eef5eba9_container_div" style=""><label>Comments</label><textarea cols="60" rows="5" class="" title="" container_id="0" name="input_textarea_28"></textarea>
<div class="small-message">Please use this box to leave speacial wishes.</div><div class="clear"></div><div id="error-message-input_textarea_28"></div></div><div class="ccms_form_element cfdiv_text" id="autoID-18330a662785fd9a2c281f3246989e91_container_div" style=""><label>Enter the code*</label><input maxlength="5" size="5" class="chrono_captcha_input validate['required']" title="" type="text" container_id="0" wf_key="18" value="" name="chrono_verification" />
{chronocaptcha_img}<div class="clear"></div><div id="error-message-chrono_verification"></div></div><div class="ccms_form_element cfdiv_submit" id="autoID-2dae48d3011713832259ae151a0a778f_container_div" style="text-align:left"><input name="input_submit_17" class="" value="Submit" type="submit" container_id="0" />
<div class="clear"></div><div id="error-message-input_submit_17"></div></div>

Mein Java versuch sieht so aus:

var room_prices = new Array();
room_selection_price["None"]=0;
room_selection_price["Single Room"]=40000;
room_selection_price["Double Room"]=56000;
room_selection_price["Dormitory Room"]=25000

function getRoomPrice()
{
var roomSelectedPrice=0
var theForm = documet.forms["chronoform_Reservation"]
var selectedRoom = theForm.elements["selectedroom_container_div"]
roomSelectionPrice = room_selection_price[selectedFilling.value];
return roomSelectedPrice;
}

function getGuestNumber()
{
var roomGuestNumber=0
var e = document.getElementById("guest_number_container_div");
var strUser = e.options[e.selectedIndex].text;
return roomGuestNumber;
}

Irgendwie haenge ich nun komplett und habe keine Idee wie ich hier weiter machen kann und ich weis nicht einmal ob mein Code bis jetzt richtig ist.

Ich wuerde mich sehr freuen und waere sehr Dankbar, wenn mir hier jemand helfen koennte.

Vielen Dank.

LG Cyripton

 

[Gast2]

Mein Java versuch sieht so aus:

Falsch, das nennt sich Javascript und hat mit Java gar nichts zu tun

Kennst du dich generell mit Javascript aus, hast du irgendwelches Vorwissen? Oder suchst du nur jemanden der dir das schreibt?

 

[cyripton]

Hallo,

Kennst du dich generell mit Javascript aus, hast du irgendwelches Vorwissen?

Leider nicht. Ich habe versucht mir alles aus dem Internet zusammen zu suchen.

suchst du nur jemanden der dir das schreibt?

Ich würde mich sehr freuen, wenn jemand Lust hätte mir dies zu schreiben, da mein wissen über Java = 0 ist.

 

[Gast2]

Wie gesagt, du hast hier kein Java Problem, sondern ein Javascript Problem. Vielleicht schaust du dich besser in nem Javascript Forum um.

 

[Final_Striker]

Ich würde mich sehr freuen, wenn jemand Lust hätte mir dies zu schreiben, da mein wissen über Java = 0 ist.

http://www.java-forum.org/fuer-verirrte-fragen-javascript/15912-falschen-forum.html

http://www.java-forum.org/top-fragen/5566-java-javascript.html