NAVIGATION
Differences
This shows you the differences between two versions of the page.
|
deutsch:phpwcms-system:artikel:contentparts:formular:spezielle-anwendungen:kalender:datum-mit-js-kalender-2 [2009/11/04 11:52] Knut Heermann (flip-flop) |
deutsch:phpwcms-system:artikel:contentparts:formular:spezielle-anwendungen:kalender:datum-mit-js-kalender-2 [2018/06/03 18:08] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| {{indexmenu_n>20}} | {{indexmenu_n>20}} | ||
| - | ====== Datumeing. mit JS Kalender ====== | + | ====== 2) Datumeing. mit JS Kalender ====== |
| - | **Ein JS Kalender, der die Datumeingabe mit Prüfung in ein Formularfeld erlaubt. Diese Variante stellt auch das manelle Eingabefeld mit ausgeschaltetem JS bereit.** \\ | + | **Ein JS Kalender, der die Datumeingabe mit Prüfung in ein Formularfeld erlaubt. Diese Variante stellt auch das manuelle Eingabefeld bei ausgeschaltetem JS bereit.** \\ |
| \\ | \\ | ||
| Line 14: | Line 14: | ||
| JavaScript DHMTL Kalenderauswahl. Erzeugt einen klickbaren Button | JavaScript DHMTL Kalenderauswahl. Erzeugt einen klickbaren Button | ||
| hinter Eingabefeldern, über die mit einem Office-ähnlichen Kalender | hinter Eingabefeldern, über die mit einem Office-ähnlichen Kalender | ||
| - | das Datum ausgewählt werden kann, dass dann in das entsprechende | + | das Datum ausgewählt werden kann, das dann in das entsprechende |
| Eingabefeld eingetragen wird. | Eingabefeld eingetragen wird. | ||
| Line 44: | Line 44: | ||
| ---- | ---- | ||
| - | Download: {{:deutsch:phpwcms-system:artikel:contentparts:formular:spezielle-anwendungen:kalender:calpick.zip|calpick.zip}} //Patch for phpwcms// | + | **Download:** {{:deutsch:phpwcms-system:artikel:contentparts:formular:spezielle-anwendungen:kalender:calpick.zip|calpick.zip}} //Patch for phpwcms: Pfad fest eingetragen, Umlaute im text für UTF-8 korrigiert// |
| Line 240: | Line 240: | ||
| <code html|h Vorlage |h> | <code html|h Vorlage |h> | ||
| - | <div style="width:610px; margin: 0; padding:10px; border-top:1px dotted #bbb; border-bottom:1px dotted #bbb; background: #f0f0f0;"> | + | <div style="width:610px; margin: 0; padding:10px; border-top:1px dotted #bbb; border-bottom:1px dotted #bbb; background: #f6f6f6;"> |
| {ERROR:name}[B]{LABEL:name}[/B][BR]{name}[BR][BR] | {ERROR:name}[B]{LABEL:name}[/B][BR]{name}[BR][BR] | ||
| Line 249: | Line 249: | ||
| - | {ERROR:date_input}[B]{LABEL:date_input}[/B] | + | {ERROR:date_input}[B]{LABEL:date_input}[/B][BR]{date_input} |
| - | <script>DateInput('date_input', true, 'DD.MM.YYYY')</script> | + | <script> |
| + | //<![CDATA[ | ||
| + | AttachCalendarButton(document.phpwcmsForm{CPID}.date_input); | ||
| + | //]]> | ||
| + | </script> | ||
| [BR][BR] | [BR][BR] | ||
| Line 261: | Line 265: | ||
| [PHP] | [PHP] | ||
| - | $GLOBALS['block']['custom_htmlhead']['calendarDateInputX.js']= getJavaScriptSourceLink('template/inc_js/calendarDateInput/calendarDateInputX.js'); | + | $GLOBALS['block']['custom_htmlhead']['calpickVar'] = '<script type="text/javascript">'.LF; |
| + | $GLOBALS['block']['custom_htmlhead']['calpickVar'].= '//<![CDATA['.LF; | ||
| + | $GLOBALS['block']['custom_htmlhead']['calpickVar'].= 'var _calImageAlign = "top";'.LF; | ||
| + | $GLOBALS['block']['custom_htmlhead']['calpickVar'].= 'var _calTopDistance = 5;'.LF; | ||
| + | $GLOBALS['block']['custom_htmlhead']['calpickVar'].= 'var _calImageStyle = "margin-top:" + _calTopDistance + "px";'.LF; | ||
| + | $GLOBALS['block']['custom_htmlhead']['calpickVar'].= '//]]>'.LF; | ||
| + | $GLOBALS['block']['custom_htmlhead']['calpickVar'].= '</script>'.LF; | ||
| + | |||
| + | $GLOBALS['block']['custom_htmlhead']['calpick.js']= getJavaScriptSourceLink('template/inc_js/calpick/calpick.js'); | ||
| [/PHP] | [/PHP] | ||
| </code> | </code> | ||
