Datumsfelder haben nun einen Datepicker

This commit is contained in:
Andreas Österreicher
2007-06-21 09:33:06 +00:00
parent 3bb1ca3864
commit e6450000ec
9 changed files with 706 additions and 21 deletions
+79 -15
View File
@@ -1,5 +1,24 @@
<?php
include('../vilesci/config.inc.php');
/* Copyright (C) 2006 Technikum-Wien
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as
* published by the Free Software Foundation; either version 2 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307, USA.
*
* Authors: Christian Paminger <christian.paminger@technikum-wien.at>,
* Andreas Oesterreicher <andreas.oesterreicher@technikum-wien.at> and
* Rudolf Hangl <rudolf.hangl@technikum-wien.at>.
*/
header("Content-type: application/vnd.mozilla.xul+xml");
echo '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>';
?>
@@ -9,51 +28,96 @@
xmlns:html="http://www.w3.org/1999/xhtml"
>
<!--
Binding fuer das Datumfeld
Zeigt ein DropDown Menue mit einem Kalender zur Datumsauswahl an
und ueberprueft das eingegebene Datum auf Gueltigkeit
-->
<binding id="Datum">
<content>
<xul:textbox maxlength="10" xbl:inherits="disabled, value" size="10" tooltiptext="Format: DD.MM.JJJJ Beispiel: 31.12.2007"/>
<!--<xul:textbox maxlength="10" xbl:inherits="disabled, value" size="10" tooltiptext="Format: DD.MM.JJJJ Beispiel: 31.12.2007"/>-->
<xul:hbox>
<xul:spacer flex="1"/>
<xul:menulist anonid="binding-menulist-field" style="margin: 1px" editable="true" xbl:inherits="disabled, value" label="">
<xul:menupopup>
<xul:datepicker anonid="binding-datepicker-field" currentday="20" currentmonth="5" currentyear="2007"
onselect="parentNode.parentNode.parentNode.parentNode.value=this.selection.currentDay+'.'+(parseInt(this.selection.currentMonth)+1)+'.'+this.selection.currentYear"/>
</xul:menupopup>
</xul:menulist>
<xul:spacer flex="1"/>
</xul:hbox>
</content>
<implementation>
<property name="value" onget="return document.getAnonymousNodes(this)[0].value" >
<property name="value" onget="return document.getAnonymousElementByAttribute(this ,'anonid', 'binding-menulist-field').label" >
<setter>
<![CDATA[
document.getAnonymousNodes(this)[0].value = val;
menulist = document.getAnonymousElementByAttribute(this ,'anonid', 'binding-menulist-field')
picker = document.getAnonymousElementByAttribute(this ,'anonid', 'binding-datepicker-field')
//Wert setzen
menulist.label=val;
if(val!='')
{
//Wenn das Datum stimmt, dann wird der Hintergrund auf Weiss gesetzt und
//das Datum im Datepicker gesetzt
//Wenn das Datum falsch ist, dann wird der Hintergrund auf Rot gesetzt
if(CheckDatum(val))
document.getAnonymousNodes(this)[0].style.backgroundColor="#FFFFFF";
{
parts = val.split('.');
dat = new Date(parts[2],parts[1]-1,parts[0]);
picker.view.setDate(dat);
picker.selection.setDate(dat);
menulist.style.backgroundColor="#FFFFFF";
}
else
document.getAnonymousNodes(this)[0].style.backgroundColor="#F46B6B";
menulist.style.backgroundColor="#F46B6B";
}
else
{
if(!document.getAnonymousNodes(this)[0].disabled)
document.getAnonymousNodes(this)[0].style.backgroundColor="#FFFFFF";
if(!menulist.disabled)
menulist.style.backgroundColor="#FFFFFF";
}
]]>
</setter>
</property>
<property name="iso" onget="return ConvertDateToISO(document.getAnonymousNodes(this)[0].value)" >
<property name="iso" onget="return ConvertDateToISO(document.getAnonymousElementByAttribute(this ,'anonid', 'binding-menulist-field').label)" >
<setter>
<![CDATA[
return false;
]]>
</setter>
</property>
<property name="disabled" onget="return document.getAnonymousNodes(this)[0].disabled" >
<property name="disabled" onget="return document.getAnonymousElementByAttribute(this ,'anonid', 'binding-menulist-field').disabled" >
<setter>
document.getAnonymousNodes(this)[0].disabled = val;
<![CDATA[
document.getAnonymousElementByAttribute(this ,'anonid', 'binding-menulist-field').disabled = val;
]]>
</setter>
</property>
</implementation>
<handlers>
<handler event="input">
<![CDATA[
var datum = document.getAnonymousNodes(this)[0].value;
menulist = document.getAnonymousElementByAttribute(this ,'anonid', 'binding-menulist-field')
picker = document.getAnonymousElementByAttribute(this ,'anonid', 'binding-datepicker-field')
var datum = menulist.label;
//Wenn das Datum stimmt, dann wird der Hintergrund auf Weiss gesetzt und
//das Datum im Datepicker gesetzt
//Wenn das Datum falsch ist, dann wird der Hintergrund auf Rot gesetzt
if(CheckDatum(datum))
document.getAnonymousNodes(this)[0].style.backgroundColor="#FFFFFF";
{
parts = datum.split('.');
dat = new Date(parts[2],parts[1]-1,parts[0]);
picker.view.setDate(dat);
picker.selection.setDate(dat);
menulist.style.backgroundColor="#FFFFFF";
}
else
document.getAnonymousNodes(this)[0].style.backgroundColor="#F46B6B";
menulist.style.backgroundColor="#F46B6B";
]]>
</handler>