[JavaScript] Per Buttonklick Werte in vorhandene TextBoxen schreiben

Dieses Thema im Forum "Webentwicklung" wurde erstellt von ibot, 7. Juni 2009 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 7. Juni 2009
    Per Buttonklick Werte in vorhandene TextBoxen schreiben

    Nabend zusammen,

    ich bräuchte nochmal Hilfe.

    HTML:
    <form name="Formular" method="POST" action="decide.php">
     <input type ="submit" value="Werte anfordern" name="holen">
     <form action="auswertung.php" method="post" onsubmit="">
     <input type ="submit" value="Werte anfordern" name="update"> 
     </form>
    </form>
    
    Ich habe 2 geschachtelte <form> Elemente und möchte nun folgendes realisieren:

    Der Nutzer kann auf einen Button "Werte andordern" klicken (verweist auf auswertung.php) und in dieser wird eine Anfrage an eine DB gesendet um bestimmte Werte auszulesen.
    Soweit ist das kein Problem.

    Diese Werte sollen (sobald ausgelesen) allerdings auch gleich in bereits vorhandene Textboxen übertragen werden also in z.B.
    <input type="text" name="land" value="WERT AUS DB" />

    Bin mir nicht sicher ob dies nur mit php zu realisieren ist oder ob das nur mit JS geht.
    Ein Ansatz zu meiner Idee wäre super.


    Besten Dank.
    Schönes Restwochenende
     
  2. 7. Juni 2009
    AW: Per Buttonklick Werte in vorhandene TextBoxen schreiben

    Stichwort: ajax, JSON

    bsp:
    PHP:
    <?
    //ajax.php
    $inhalt  $_GET [ 'inhalt' ];
    print 
    "{ \"variablenname\"  : \"" . $inhalt . "\"}" //inhalt ist aus der datenbank auszulesen, in diesem beispiel enthält es den mit get übergebenen wert
    ?>
    HTML:
    <script type = "text/javascript" src = "mootools.js"></script> //muss eingebunden werden
    <script>
    function abfrage() {
    var jsonRequest = new Request.JSON({url: "ajax.php", onComplete: function(data){ document.getElementById("text").value = data.variablenname;
    }
    }).get({'inhalt' : 'wert'} ); //hiermit können mögliche get parameter gesetzt werden
    </script>
    
    <form>
    <textarea id="text">
    
    </textarea>
    <input type="button" onclick="abfrage();">
    </form>
    
    
    das würde immer den wert für inhalt in die textbox schreiben (ich hab's nicht getestet, is also bestimmt voll mit fehlern )
    guck mal auf MooTools - a compact javascript framework
     
  3. 8. Juni 2009
    AW: Per Buttonklick Werte in vorhandene TextBoxen schreiben

    Danke erstmal für den Hinweis.
    Ich habs mal versucht umzusetzen. Resultat: kein Erfolg

    Hier mal mein Code

    main.php
    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
     <head>
     <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    
     <script type = "text/javascript" src = "mootools.js"></script>
     <script>
     function abfrage() {
     var jsonRequest = new Request.JSON(
     {
     url: "auswertung.php", onComplete: function(data)
     {
     document.getElementById("text_1").value = data.wert1;
     }
     }).post({'wert1' : 'inhalt'} );
     }
     </script>
     </head>
     <body>
     <div>
     <form>
     <td><input type="text" id="text_1" name="update_regisseur"></td>
     <td><input type="button" value="holen" onclick="abfrage();"></td>
     </form>
     </div>
     </body>
    </html>
    
    auswertung.php
    PHP:
    <? php
    $wert1 
    "5" ;
    ?>

    Ich habe in die auswertung.php einfach mal testweise nur eine variable mit wert1 = 5 reingesetzt zum testen.

    Aber keine Ahnung es will nicht. Wo liegt der Fehler?
     
  4. 8. Juni 2009
    AW: Per Buttonklick Werte in vorhandene TextBoxen schreiben

    du musst natürlich irgendwas ausgeben mit dem der client was anfangen kann...
    oder dachtest du das man mit ajax einfach auf php-variablen zugreifen kann? thehe

    PHP:
    <? php  print  '{ "wert1": 5 }' ?>
     
  5. 8. Juni 2009
    AW: Per Buttonklick Werte in vorhandene TextBoxen schreiben

    Wie so vieles hier ist auch AJAX komplette Neuland für mich.
    Irgendwas muss immer noch falsch sein denn nach Button klick bleibt die textbox weiterhin leer...

    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
     <head>
     <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    
     <script type = "text/javascript" src = "mootools.js"></script>
     <script>
     function abfrage() {
     var jsonRequest = new Request.JSON(
     {
     url: "auswertung.php", onComplete: function(data)
     {
     document.getElementById("text_1").value = data.wert1;
     }
     }).get({'wert1' : 'inhalt'} );
     }
     </script>
     </head>
     <body>
     <form>
     <td><input type="text" id="text_1" name="update_regisseur"></td>
     <td><input type="button" value="holen" onclick="abfrage();"></td>
     </form>
     </body>
    </html>
    
    PHP:
    <? php
    print  '{ "wert1": 5 }' ;
    ?>
     
  6. 8. Juni 2009
    AW: Per Buttonklick Werte in vorhandene TextBoxen schreiben

    joa, header müssen auch noch angegeben werden

    PHP:
    <? php
    header
    ( 'Content-type: application/json' );
    print 
    '{ "wert": 5 }' ;
    ?>
     
  7. 8. Juni 2009
    AW: Per Buttonklick Werte in vorhandene TextBoxen schreiben

    edit:
    habs soweit erstmal
    Eine Frage noch:
    Kann es sein das in dieser auswertung.php dann nur die ergebnisse stehen dürfen?

    weil so funktionierts nicht:
    PHP:
    <? php
    header
    ( 'Content-type: application/json' );
    print 
    "holla" ;
    print 
    '{"wert1": 5 ,"wert2": 10 }' ;
    ?> 
    so auch nicht:
    PHP:
    <? php
    header
    ( 'Content-type: application/json' );
    $tag  "22" ;
    print 
    '{"wert1": ' $tag ' ,"wert2": 10 }' ;
    ?> 
    so funktionierts:
    PHP:
    <? php
    header
    ( 'Content-type: application/json' );
    print 
    '{"wert1": 5 ,"wert2": 10 }' ;
    ?> 
    Warum funktionieren die beiden obigen Bsp. nicht?
    BESTEN Dank nochmal an euch beide! Bis demnächst^^
     
  8. 8. Juni 2009
    AW: Per Buttonklick Werte in vorhandene TextBoxen schreiben

    PHP:
    <? php
    header
    ( 'Content-type: application/json' );
    $wert1  'hallo' ;
    print 
    '{"wert1": "'  $wert1  '" ,"wert2": 10 }' ;
    ?> 
    grundlagen etc

    closed
     
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.