Neu ReCapchta im Popup fehlt.

[holzpuppe]

Moin.
Ich hab n kleines Problem. Recaptcha wird in einem Popup nicht angezeigt, jedoch auf der "normalen" Seite schon. Was hab ich übersehen?
So ist es richtrig:


Im Popup sieht es leider so aus:

Und so wird das Popup uffjerufen:

<a class="contact popup" href="Kontaktformular">kontaktieren</a>

Ich hab es mir schlichtweg von Shipment abgeguggt.
Die Klasse "contact popup" ist in css nicht näher definiert.
Es scheint auch für den Aufruf selbst nicht wichtig zu sein, solange popup drinne steht.
Abgesehen davon das ich "popup" nicht in den stylesheets finden konnte.

 

[holzpuppe]

Keiner eine Idee?

 

[FPrüfer]

Hallo,

versuch mal statt der CSS-Klasse "popup" ein "popup-dep". Der Handler (in jtl.evo.js) dafür rendert auch ein evtl. enthaltenes ReCaptcha.

 

[holzpuppe]

Geht leider nicht. Wenn ich "popup-dep" eintrage, bleibt es bei "Attention" hängen und macht nichts mehr.

 

[FPrüfer]

...OK, dann bleibt nur eine eigene kleine JS-Ergänzung (z.B. in der custom.js)

(function($) {
$('body').on('click', '.popup-remote[data-url]', function(e) {
    e.preventDefault();
    $modalBody = eModal.alert({size: 'lg'}, this.title.length ? this.title : 'Dialog')
        .find('.modal-body');

    $.get($(this).data('url'), function(data) {
        var content = $('<div />')
            .html(data)
            .find('#content')
            .html();
        $modalBody.html(content);
        $.evo.extended().renderCaptcha();
    });
});
})(jQuery);

Der zu öffnende Link (mit einem Captcha im Inhalt) kann dann z.B. so aussehen:

<a class="popup-remote" data-toggle="modal" data-url="Kontakt" href="Kontakt" title="Kontaktformular anzeigen">kontaktieren</a>

 

[holzpuppe]

Vielen Dank! [Doofe Frage:Erledigt]Verstehe ich richtig, dass die "custom.js" nur diesen Inhalt braucht und ich diese auch benennen kann wie ich will? Sollte halt nur in meinem Template/js liegen?[/Doofe Frage:Erledigt]

Funzt einwandfrei.

Richtigstellung meiner doofen Fragen: Neeeee, custom.js sollte es schon heissen, oder man muss es in die xml eintragen. Und ja in die eigene Template/js.

Nachtrag zum nachgetragenem Nachtrag: Problem gelöst. Thema kann dicht gemacht werden.