Barebones minimal Beispiel: XUL auf http POST

Question

Ich versuche, herauszufinden, ob XUL ein guter Kandidat für die GUI-Formulare im Intranet-Anwendungen ist.

Es ist schwierig, jemanden zu finden, tatsächlich nutzt es aber. Deshalb dachte ich, dass ich für ein Hallo Welt Stil Beispiel fragen würde.

Angenommen, ich eine PHP-Seite, die nichts tut, aber keine Inhalte, um es über HTTP POST gesendet an. (Z.B. http://mysite.com/postdumper.php )

Kann mir jemand das Nötigste Code zeigen, die es dauern würde ein XUL Formular zu erstellen, das Vorname sammelt, Nachnamen und Alter, und ermöglicht es mir, dass oben auf die URL POST?

Alle Links oder Fein Handbücher oder Referenzen, die ein solches Beispiel geben, sind mehr als willkommen.

Answer 1

ich es für eine Intranet-Anwendung nutzen und haben nun, dass für ein paar Jahren. Es kann schwierig sein, mit zu beginnen, aber wenn man ein paar Dinge zu verstehen, es ist einfach, es für Sie arbeiten.

1. Sie haben fast alles, was Sie über HTML wusste. Es ist NICHT in HTML und es gibt eine Menge Dinge, die Sie nicht auf die alte Weise tun können, aber dann gibt es eine unglaubliche Menge an anderen Dinge, die Sie stattdessen tun können.

2. Alle Kommunikation weise ist mit Javascript getan, und keine Formulare.

3. Overlays haben nichts mit divs zu tun. Aber es ist äußerst nützlich für ein Design für größere Projekte Aufspaltung.

4. Wenn eine XUL Seite nicht korrekt in allen Tags formatiert ist, wird die Seite nicht einmal Anzeige.

Es ist eine Google-Gruppen, in denen der Hauptzweck ist remote XUL zu diskutieren: http://groups.google.com/group/remotexul

Es ist nicht ganz aktiv noch, aber mehr Mitglieder sind mehr als willkommen:)

Hier ist ein minimales Beispiel:

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window id="yourwindow" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script language="javascript">
    function send()
    {
        var firstName = document.getElementById('firstName').value;
        var lastName = document.getElementById('lastName').value;
        var age = document.getElementById('age').value;
        var postData = "firstName="+firstName;
        postData += "&amp;lastName="+lastName;
        postData += "&amp;age="+age;

        var req = new XMLHttpRequest();
        req.open("POST", "/test.php", false);
        req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

        req.send(postData);
        alert(req.responseText);

    }
</script>
<hbox>
    <vbox>
        <hbox>
            <label value="First Name" control="firstName"/>
            <textbox id="firstName"/>
        </hbox>
        <hbox>
            <label value="Last Name" control="lastName"/>
            <textbox id="lastName"/>
        </hbox>
        <hbox>
            <label value="Age" control="age"/>
            <textbox id="age" value="30" type="number"/>
        </hbox>
        <button onclick="send()" label="Send"/>
    </vbox>
</hbox>
</window>

Ich möchte auch betonen, dass Sie stattdessen in das Senden von Daten hin und her zwischen XUL und PHP unter Verwendung einer XML-RPC oder JSON Rahmen aussehen sollte. JSON-Unterstützung kommt als eingebaut in Firefox 3.5.

Eine andere Dinge ist, dass bis Firefox 3.5 kommt nicht Cross-Site des XMLHttpRequest tun können, wenn Sie einige Konfiguration in etwa tun: config. Was bedeutet, dass nur xul auf mysite.com Anfragen senden kann mysite.com/postdump.php.

Answer 2

Erstellen

eine Reihe von 's, fügen Sie eine einreichen , und nachdem die Daten aus den Textfeldern zu lesen, senden Sie es mit xmlhttprequest . Sie können GET oder POST verwenden.

Answer 3

Sie können nur alte xhtml Formen verwendet werden, solange Sie ihren Namensraum in XUL verwenden, da es XML ist.