Hallo,
Ich stehe bei einem Problem mit einer Webform komplett an.
Ich habe einen Datepicker auf meine Bedürfnisse adaptiert.
funktioniert suuuuper.
Tolle Sache soweit..
Nun sollten die Daten die der Besucher gewählt hat natürlich per Formular - php "Ding" gesendet werden.
Hier fehlt mir leider das Know How!
Ich habe da ein Div (siehe unten) da sind die ganzen STyles drin (classes etc.) und natürlich das kalenderscript mit einem
"onclick-trigger" - also jemand klickt in das div - ein 2 Monate Kalender klappt auf - man wählt das Datum für den Beginn der zeitspanne und fährt mit der Maus zum Ande der zeitspanne und schon wird der Termin inkl. berechnete Tage bzw. Nächte in das Div geschrieben.
Diese Texzeile müsste ich zusammen mit Namen und emailadress etc.... versenden!
Wie geht das???
Kann mir da jemand "unter die Arme greifen"?
Hier das Div in dem der Picker inkl. Style definition ist:
[highlight]
<div id="KALENDER" >
<div id="KAL" class="kal_container">
<span class="date_picker_calendar_wrap focusInput no_cpu
" tabindex="3" onfocus="ta.call('ta.overlays.Factory.loadDatePicker', event, this, '1', false, false );" onclick="ta.call('ta.overlays.Factory.loadDatePicker', event, this, '1', false, false );">
<span class="date_picker_calendar_nights"></span>
<span id="date_picker_1" class="date_picker date
sprite-date_picker-calendarIcon_big_text no_cpu id_ ">Daten eingeben</span>
<span class="date_picker_nights_single hide">1 Nacht</span>
<span class="date_picker_nights_multi hide">2 Nächte</span>
</span>
</div>
</div>
[/highlight]
die verarbeitung der Daten läuft über ein Javascript oberhalb des Abschluss body Tag:
<script type="text/javascript">
(function () { /* ensure that console.log is a valid function */
if (typeof console == "undefined") console = {};
var funcs = ['log', 'error', 'warn'];
for (var i = 0; i < funcs.length; i++) {
if (console[funcs[i]] == undefined) {
console[funcs[i]] = function () {};
}
}
})()
var pageInit = new Date();
var jsGlobalMonths = new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");
var jsGlobalMonthsAbbrev = new Array("Jan","Feb","Mär","Apr","Mai","Jun","Juli","Aug","Sep","Okt","Nov","Dez");
var jsGlobalDaysAbbrev = new Array("Mo","Di","Mi","Do","Fr","Sa","So");
var jsGlobalDaysShort = new Array("M","D","M","D","F","S","S");
var DATE_FORMAT_MMM_YYYY = "MMM. YYYY";
var DATE_PICKER_FORMAT = "EEE, d. MMM.";
var jsGlobalDayOffset = 2 - 1;
var DATE_FORMAT = { pattern: /(\d{1,2})\.(\d{1,2})\.(\d{2,4})/, month: 2, date: 1, year: 3 };
var formatDate = function(d, m, y) {return [d,++m,y].join('.');}
var cal_month_header = function(month, year) {return cal_months[month]+" "+year;}
</script>
Alles anzeigen
<script type="text/javascript" src="reisetermin/js/datepickerA1.js"></script>
<script type="text/javascript">
ta.store('metaDatePickerEnabled', true);
ta.store('multiDP.inDate', "");
ta.store('multiDP.outDate', "");
ta.store('multiDP.multiNightsText', "2 Nächte");
ta.store('multiDP.singleNightText', "1 Nacht");
ta.store('multiDP.enterDatesText', "Daten eingeben");
ta.store('multiDP.checkIn', "Ankunft");
ta.store('multiDP.checkOut', "Abreise");
ta.store('multiDP.isMondayFirstDayOfWeek', true);
ta.store('multiDP.dateSeparator', " -> ")
ta.store('multiDP.abbrevMonthList', ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Juli', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez']);
</script>
Alles anzeigen