aus () wird ()

ijisthee · 12 Oktober 2016

Liebe Community,

ich habe das Problem, dass ich Formularelemente via Factory in einer Zend\Form\Form erzeuge.

Dabei setze ich das Attribut:

Code:

'attributes' => array(
    'onChange' => "this.form.submit()"
)

Im HTML Code wurd daraus aber

HTML:

onchange="this.form.submit()"

Geplant ist es, dass daraus

HTML:

onchange="this.form.submit()"

wird.

Habt ihr eine Idee, wie ich das umsetzen kann?

Kaiuwe · 12 Oktober 2016

ijisthee schrieb:
Code:

'attributes' => array( 'onChange' => "this.form.submit()" )

In HTML5 ist es nur „onchange“.

ijisthee schrieb:
Habt ihr eine Idee, wie ich das umsetzen kann?

Den Form-View-Helfer einfach nicht verwenden, denn Attribute laufen immer durch einen Escaper.

Oder pures JavaScript verwenden. Im View-Skript zum Beispiel:

PHP:

<?php
$this->inlineScript()->captureStart();
echo <<<JS
(function () {
    var form = document.querySelector('form');
    form.addEventListener('change', function(){
        this.submit();
    });
})();
JS;
$this->inlineScript()->captureEnd();
?>

Und in deinem Layout-Skript:

PHP:

<?= $this->inlineScript() ?>
</body>
</html>

ijisthee · 13 Oktober 2016

Hi Kaiuwe,

danke für deine Hilfe.

Ich habe mich für die JS Variante entschieden. und es ein wenig abgeändert:

PHP:

$this->inlineScript()->captureStart();
echo <<<JS
(function () {
    var form = document.getElementById('form');
    form.addEventListener('change', function(){
        this.submit();
    });
})();
JS;
$this->inlineScript()->captureEnd();

Im Quellcode steht dann:

HTML:

<script type="text/javascript">
    //<!--
    (function () {
       var form = document.getElementById('monitoring_filter_form');
       form.addEventListener('change', function(){
           this.submit();
       });
   })();
    //-->
</script>

Soweit so gut.
Die Aktion wird auch ausgelöst und ein

HTML:

console.log(this)

zeigt mir das aktuelle Formular an.
Allerdings, wirft

HTML:

this.submit()

folgenden Fehler:

Code:

[COLOR=#ff0000]Uncaught TypeError: this.submit is not a function[/COLOR]

Kaiuwe · 13 Oktober 2016

ijisthee schrieb:
Ich habe mich für die JS Variante entschieden. und es ein wenig abgeändert:

Es hätte auch gereicht:

Code:

var form = document.querySelector('#form');

ijisthee schrieb:
Code:

Uncaught TypeError: this.submit is not a function

Das Problem liegt in deiner Namensgebung, denn du hast bestimmt deiner Schaltfläche zum Absenden den Namen oder die ID „submit“ gegeben. Einfach umbenennen.

Kannst du der Schaltfläche keinen anderen Namen geben, dann hilft auch „call“ oder „apply“

Code:

document.createElement('form').submit.call(document.querySelector('#form'));

(Übrigens ergibt es nicht viel Sinn, wenn man den Elementnamen für das ID-Attribut oder als Klassennamen oder eigentlichen Namen verwendet.)

ijisthee · 14 Oktober 2016

Hallo Kaiuwe,

es lag tatsächlich am Namen des Submit Buttons. Der hieß nämlich Submit. Nun ergibt das auch Sinn.
Es funktioniert einwandfrei sowohl mit

Code:

[I]var form = document.getElementById('monitoring_filter_form');[/I]

als auch mit

Code:

[FONT=monospace]var form = document.querySelector('#[/FONT][I]monitoring_filter_form[/I][FONT=monospace]');[/FONT]

Kaiuwe schrieb:
(Übrigens ergibt es nicht viel Sinn, wenn man den Elementnamen für das ID-Attribut oder als Klassennamen oder eigentlichen Namen verwendet.)

Das ist richtig, ich habe den Namen nur hier im Forum geändert.
Tatsächlich heißt das Formular so, dass es beschreibt, was es macht.

Vielen Dank und liebe Grüße
Christian

aus () wird ()

ijisthee

New member

Kaiuwe

Super-Moderator

ijisthee

New member

Kaiuwe

Super-Moderator

ijisthee

New member

aus () wird &#x28;&#x29;

ijisthee

New member

Kaiuwe

Super-Moderator

ijisthee

New member

Kaiuwe

Super-Moderator

ijisthee

New member

aus () wird ()