Druckbare Version
Hallo zusammen,
ich habe das Modul [calendarfield] schon öfters auf diversen Seiten eingebaut, nun allerdings zum ersten Mal in der Version 1.6.2.
Im BE ploppt der Datenpicker ohne Probleme auf, im FE wiederrum gar nicht.
Habe ich eventuell doch irgendwo ein Häkchen vergessen?
Welche Einstellungen muss ich für diese Funktion tätigen?
Hoffe ihr habt Rat und freue mich auf die Lösung. ;)
Vielen Dank im Voraus.
Soweit ich mich erinnere, funktioniert das Modul mit Mootools. Im Seitenlayout aktiviert...?
Gruß Thomas
Hallo,
vielen Dank für die schnelle Antwort.:)
Mootools habe ich im Layout aktiviert. Habe mal ein Screenshot gemacht. Anhang 15095
Sind vielleicht noch ein paar Einstellungen nötig?
Hab´s gelöst. :)
Die CSS mussten angepasst werden. Der Datepicker verschwand hinterm Contentbereich.
Doch so einfach! :D
Trotzdem vielen lieben Dank. :)
Hallo zusammen,
ich habe genau das gleiche Problem. Der Datepicker funktioniert im BE einwandfrei, im FE leider gar nicht.
Mootools ist eingebunden und den Datepicker per CSS ansprechen scheint auch nicht zu funktionieren. Ich hab verschiedene Klassen ausprobiert (.datepicker, .datepicker_bootstrap), leider ohne Erfolg.
Kann mir jemand weiterhelfen?
Lieben Dank im Voraus.
Andrea
Hallo Andrea,
dazu brauchen wir einen Link zu der Seite.
Hallo folkfreund,
danke für Deine Antwort, habe ganz vergessen die Benachrichtigung zu aktivieren.
Hier der Link zur Seite, bei An- und Abreise ist der Kalender integriert, der Datepicker erscheint allerdings nicht.
(URL entfernt)
Was auch nicht mehr funktioniert ist die Galerie hier:
(URL entfernt)
Die Bilder öffnen sich nicht mehr in der Lightbox.
Bin für jeden Tipp dankbar!
Danke und liebe Grüße
Andrea
Hallo Andrea,
auf den ersten Blick kannn ich auch nicht erkennen, dass etwas vor dem Datepicker liegt, das das Klicken verhindert.
Im Seitenquelltext fällt mir auf, dass das datepicker.js oben im head, alle anderen Mootools-Scripts am Ende des Body eingebunden sind. Keine Ahnung, ob das etwas ausmacht. Im Moment wird jedenfalls im Quelltext nur das Datepicker-Icon als img eingebunden und mit der Klasse CalendarFieldIcon versehen. Die Aktion für das Anklicken muss also nachträglich per Javascript aktiviert werden.
Deine Galerie sehe ich mir morgen mal an - hab jetzt keine Zeit mehr :-)
Gruß, folkfreund
Hallo folkfreund,
besten Dank für Deine Antwort.
Ich habe das datepicker-Script mal am Ende des Body eingebunden. Hat leider nicht geholfen.
Es scheint gar kein Script mehr zu laufen, der Header sollte eigentlich stehen bleiben und die Logogröße sollte sich verändert. Hat alles mal funktioniert, genau wie die Galerie, aber nun scheint irgendwas nicht kompatibel zu sein.
Liebe Grüße und ein herzliches Dankeschön für die Mühe.
Andrea
Hallo Andrea,
das Script scheint eigentlich zu laufen, der Debugger zeigt
Es gibt also irgend ein anderes Problem :-(HTML-Code:<div class="widget widget-headline headline">
<p>An- und Abreise</p> </div>
<label for="ctrl_42" class="mandatory">
<span class="invisible">Pflichtfeld</span> Datum Anreise<span class="mandatory">*</span>
</label>
<input type="text" name="datum-anreise" id="ctrl_42" class="text mandatory" value="" required>
<img src="assets/mootools/datepicker/2.2.0/icon.gif" width="20" height="20" alt="" class="CalendarFieldIcon" id="toggle_42">
<script>
window.addEvent('domready', function() {
new Picker.Date($$('#ctrl_42'), {
'draggable': 'false',
'pickerClass': 'datepicker_bootstrap',
'useFadeInOut': '!Browser.ie',
'startDay': 1,
'titleFormat': '%d. %B %Y',
'minDate': new Date(2015, 8, 23),
'toggle': $$('#toggle_42'),
'togglesOnly': false,
'positionOffset': {x:-197,y:-182},
'format': '%Y-%m-%d'
});
});
</script><br>
<label for="ctrl_43" class="mandatory">
<span class="invisible">Pflichtfeld</span> Datum Abreise<span class="mandatory">*</span>
</label>
<input type="text" name="datum-abreise" id="ctrl_43" class="text mandatory" value="" required>
<img src="assets/mootools/datepicker/2.2.0/icon.gif" width="20" height="20" alt="" class="CalendarFieldIcon" id="toggle_43">
<script>
window.addEvent('domready', function() {
new Picker.Date($$('#ctrl_43'), {
'draggable': 'false',
'pickerClass': 'datepicker_bootstrap',
'useFadeInOut': '!Browser.ie',
'startDay': 1,
'titleFormat': '%d. %B %Y',
'toggle': $$('#toggle_43'),
'positionOffset': {x:-197,y:-182},
'format': '%Y-%m-%d'
});
});
</script><br>
'Es hat mal funktioniert'... Was ist denn seitdem geändert worden? Update? Weitere Erweiterung installiert etc.?
Im head kommt mir das hier noch komisch vor:
'\x3C' ist zwar ein '<', ob es aber in dieser Form korrekt ist...?HTML-Code:<script src="//ajax.googleapis.com/ajax/libs/mootools/1.5.1/mootools-yui-compressed.js"></script>
<script>window.MooTools || document.write('<script src="assets/mootools/core/1.5.1/mootools-core.js">\x3C/script>')</script>
Gruß, folkfreund
Hallo folkfreund,
an dem falsch schließenden > im Head könnte es liegen, das ist wirklich komisch.
Wie komm ich denn da dran? Habe im Seitenlayout geguckt und im Template fe_page...
Ich habe einige Erweiterungen aktualisiert, mir ist aber leider nicht direkt aufgefallen, dass die mootools-Scripte nicht mehr laufen.
Diese Erweiterungen habe ich installiert:
- BackupDB 3.2.2
- calendarfield 1.7.2
- easyFavicon 1.0.2
- efg 2.2.1 (Nicht erprobt für Contao 3.5.0)
- MultiColumnWizard 3.3.3
- page_images 3.1.1 (Nicht erprobt für Contao 3.5.0)
- rocksolid-columns 1.0.6
- xls_export 3.0.0
Danke und Gruß
Andrea
Falls das wirklich der Fehler ist, dann liegt es an der Einbindung vom MooTools-Core. Du kannst ja mal MooTools im Layout abschalten, Seiten- und Scriptcache löschen und nachsehen, ob die Zeile dann weg ist. (Natürlich funktioniert es dann nopch immer nicht)
Dann MooTools wieder einschalten, Caches wieder löschen und im Seitenquelltext nachsehen, ob es wieder falsch eingetragen wurde. In dem Fall würde ich es für einen Fehler im Contao-Core halten. Du solltest dann dafür ein Ticket aufmachen. Oder noch besser zunächst versuchen, es in der Contao-Demo nachzustellen.
Es sieht auch so aus, als ob du manche Teile von MooTools von googleapis.com lädst. Vielleicht versuchst du es mal mit 'lokale Datei'.
Die Initialisierung des Datepickers ist meiner Meinung nach falsch
Das hier liefert ein Objekt
Das hier ein ElementHTML-Code:new Picker.Date($$('#ctrl_42'), {...
Beim Toggler auchHTML-Code:new Picker.Date($('ctrl_42'), {...
Ok, habe getestet, geht wohl auch mit $$(... aber ein Element mit einer ID holt man eigentlich mit $(...HTML-Code:'toggle': $$('#toggle_42'),
...
'toggle': $('toggle_42'),
Ein Nachladen des Datepickers über die Konsole funktioniert.
evtl. wird das Script durch die anderen Fehler nicht ausgeführt, also erstmal die anderen Fehler beseitigen.HTML-Code:window.addEvent('domready', function() {
new Picker.Date($('ctrl_42'), {
'draggable': 'false',
'pickerClass': 'datepicker_bootstrap',
'useFadeInOut': '!Browser.ie',
'startDay': 1,
'titleFormat': '%d. %B %Y',
'toggle': $('toggle_42'),
'positionOffset': {x:-197,y:-182},
'format': '%Y-%m-%d'
});
});
Es gibt Fehler im HTML.
Dann noch die Slimbox rauswerfen (Slimbox und Mediabox zusammen macht keinen Sinn).
Dann hast du glaube ich die Datepickerklasse 2mal eingebunden, einmal oben im Head geladen und einmal direkt im BODY ausgegeben.
Dann hast du noch einen Fehler mit
Ein Element mit der ID gototop ist nicht vorhanden.HTML-Code:$('gototop').set('opacity', '0').setStyle('display', 'block');
Dann solltest du MooTools besser von deinem eigenen Server laden, das ist schneller und zuverlässiger.
Der mooSizer scheint auch falsch aufgesetzt zu sein, da er einen Fehler wirft. Wahrscheinlich, weil es kein Element mit der ID supersize gibt.
Die Mediabox geht wahrscheinlich auch nicht, wegen der vorher auftauchenden Javascript-Fehler.HTML-Code:moosizer = new mooSizer({ bgElement:'supersize' });
Lieber folkfreund und lieber Andreas,
herzlichen Dank für eure Bemühungen!
Habe alles ausprobiert was Ihr mir geraten habt und nun funktioniert alles wieder. Der Datepicker, die Galerie und der Header.
Danke und ein schönes Wochenende.
Andrea
Hallo, da dises Thema am besten zu meinem Problem passt, ich aber mit dem Lösungsansatz nicht klar komme, setze ich hier einen neuen Eintrag:
http://h06b.ebau.at/wtb/unternehmen/...bewerbung.html
Ich habe das calendarfield-Modul eingebunden.
Im Backend funktionierts, im Frontend nicht.
Contao:3.5.18
calendarfield-Version: 1.7.2
Mootools habe ich nicht eingebunden, sondern stattdessen jQuery geladen.
Habe versuchsweise versucht auf Mootools umzustellen, das hat aber auch keine Verbesserung gebracht.
<link rel="stylesheet" href="assets/mootools/datepicker/2.2.0/datepicker.css">
<script src="assets/mootools/datepicker/2.2.0/datepicker.js"></script>
sind eingebunden.
Bin über jeden Tipp dankebar.
lg stefan
[calendarfield] ist für MooTools. Aber binde besser nicht die MooTools-Bibliothek ein, weil du schon so viel JS am Start hast.
Schaue auch in der Konsole nach JS-Fehlern.
Probiere mal die Variante für jQuery https://github.com/hofff/contao-calendarfield.
Perfekt, das wars!
danke und lg