• Willkommen im Zend Framework Forum

    ZF1 Zend Framework 1 + ZF2 Zend Framework 2

    Das Zend Framework Forum ist seit 2006 die erste Anlaufstelle für Zend Framework Entwickler in Deutschland. Mit über 70.000 Beiträgen und einer steigenden Nutzerzahl bietet das Forum hilfreiche Themen und ZF-Tutorials für professionelle Entwickler, fortgeschrittene Programmierer sowie Zend Framework Einsteiger.
    Wenn dies Dein erster Besuch in der Zend Framework Community ist, lies bitte zuerst die Hilfe - FAQ durch. Du musst Dich registrieren, bevor Du Beiträge verfassen kannst. Klicke oben auf 'Registrieren', um die Registrierung zu starten. Du kannst auch jetzt schon Beiträge lesen. Hier im Forum findest Du die Zend Framework Hilfe, die Du suchst!

    Grüße an alle Zend Framework Entwickler. Das Team vom Zend Framework Forum!

    Drupal Agentur

aus () wird ()

ijisthee

New member
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

Super-Moderator
Code:
'attributes' => array(
    'onChange' => "this.form.submit()"
)
In HTML5 ist es nur „onchange“.


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>
 
Zuletzt bearbeitet:

ijisthee

New member
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

Super-Moderator
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');
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

New member
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]
(Ü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
 
Oben