Ergebnis 1 bis 17 von 17

Thema: [calendarfield]-Datepicker funktioniert im FE nicht

  1. #1
    Contao-Nutzer
    Registriert seit
    13.08.2013.
    Beiträge
    63

    Standard [calendarfield]-Datepicker funktioniert im FE nicht

    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.

  2. #2
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Soweit ich mich erinnere, funktioniert das Modul mit Mootools. Im Seitenlayout aktiviert...?

    Gruß Thomas
    blucomp | Webdesign & Onlinelösungen

  3. #3
    Contao-Nutzer
    Registriert seit
    13.08.2013.
    Beiträge
    63

    Standard

    Hallo,

    vielen Dank für die schnelle Antwort.

    Mootools habe ich im Layout aktiviert. Habe mal ein Screenshot gemacht. screenshot.jpg

    Sind vielleicht noch ein paar Einstellungen nötig?

  4. #4
    Contao-Nutzer
    Registriert seit
    13.08.2013.
    Beiträge
    63

    Standard

    Hab´s gelöst.

    Die CSS mussten angepasst werden. Der Datepicker verschwand hinterm Contentbereich.
    Doch so einfach!

    Trotzdem vielen lieben Dank.

  5. #5
    Contao-Nutzer
    Registriert seit
    29.06.2009.
    Beiträge
    47

    Standard

    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

  6. #6
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Hallo Andrea,
    dazu brauchen wir einen Link zu der Seite.

  7. #7
    Contao-Nutzer
    Registriert seit
    29.06.2009.
    Beiträge
    47

    Standard

    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
    Geändert von Andrea (28.09.2015 um 15:04 Uhr)

  8. #8
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    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

  9. #9
    Contao-Nutzer
    Registriert seit
    29.06.2009.
    Beiträge
    47

    Standard

    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

  10. #10
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Hallo Andrea,

    das Script scheint eigentlich zu laufen, der Debugger zeigt
    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 gibt also irgend ein anderes Problem :-(

    '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:
    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>
    '\x3C' ist zwar ein '<', ob es aber in dieser Form korrekt ist...?

    Gruß, folkfreund

  11. #11
    Contao-Nutzer
    Registriert seit
    29.06.2009.
    Beiträge
    47

    Standard

    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

  12. #12
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    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'.

  13. #13
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Die Initialisierung des Datepickers ist meiner Meinung nach falsch
    Das hier liefert ein Objekt
    HTML-Code:
    new Picker.Date($$('#ctrl_42'), {...
    Das hier ein Element
    HTML-Code:
    new Picker.Date($('ctrl_42'), {...
    Beim Toggler auch
    HTML-Code:
    'toggle': $$('#toggle_42'),
    ...
    'toggle': $('toggle_42'),
    Ok, habe getestet, geht wohl auch mit $$(... aber ein Element mit einer ID holt man eigentlich mit $(...
    Ein Nachladen des Datepickers über die Konsole funktioniert.
    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'
      });
    });
    evtl. wird das Script durch die anderen Fehler nicht ausgeführt, also erstmal die anderen Fehler beseitigen.

    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
    HTML-Code:
    $('gototop').set('opacity', '0').setStyle('display', 'block');
    Ein Element mit der ID gototop ist nicht vorhanden.

    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.
    HTML-Code:
    moosizer = new mooSizer({ bgElement:'supersize' });
    Die Mediabox geht wahrscheinlich auch nicht, wegen der vorher auftauchenden Javascript-Fehler.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  14. #14
    Contao-Nutzer
    Registriert seit
    29.06.2009.
    Beiträge
    47

    Standard

    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

  15. #15
    Contao-Nutzer Avatar von snarosy
    Registriert seit
    27.04.2012.
    Beiträge
    148

    Standard

    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

  16. #16
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    [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.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  17. #17
    Contao-Nutzer Avatar von snarosy
    Registriert seit
    27.04.2012.
    Beiträge
    148

    Standard

    Perfekt, das wars!
    danke und lg

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •