[JavaScript] Aktuell ausgewähltes Textfeld auslesen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Root-2k, 3. Mai 2010 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 3. Mai 2010
    Aktuell ausgewähltes Textfeld auslesen

    Hi,

    gleich mal vorweg: Ich hoffe das ist der richtige Bereich... hab ein Problem mit HTML/PHP/JS.

    Zum Problem:
    Ich habe 2 (oder mehr) Input- Felder welche über ein Ziffernblock gefüllt werden sollen.
    D.h. der Benutzer soll zuerst ein Input- Feld anklicken und dann Zahlen von 0-9 über den Ziffernblock eintragen.

    Wie Ihr aber bei dem Code unten seht kann ich momentan nur das Feld mit dem Namen "Temperatur" füllen (this.form.Temperatur.value). Nun würde ich das Ganze aber gerne dynamisch machen... also dass ausgelesen werden kann welches Input- Feld angeklickt wurde.

    Also z.B. this.form.GETFIELD().value oder sowas.... kein Plan.

    Ich weiß nur überhaupt nicht wie ich sowas machen kann... gibt es da vllt. schon Funktionen, oder muss ich mir da selber was basteln? Hab echt kein Plan wie ich das lösen kann

    Bw gibts natürlich für jeden hilfreichen Beitrag!

    HTML:
    <form method="POST" action="">
    <ul class="pageitem">
    
    <!-- "Eingabefelder" - Hier sollen dann die Zahlen über den Ziffernblock unten eingegeben werden können -->
    
    <li class="smallfield"><input id="1" name="Temperatur" value="Temperatur" size="4" readonly</li>
    <li class="smallfield"><input id="2" name="Systolisch" value="Systolisch" size="4" readonly</li>
    
    <li class="button"><input name="Submit" type="submit" value="Absenden"/></li>
    </ul>
    
    <!-- Ziffernblock -->
    
    <table border="1" align="center">
    <tr>
    <td><input type="button" name="zahl" value="1" onClick="this.form.Temperatur.value=this.form.Temperatur.value+1"></td>
    <td><input type="button" name="zahl" value="2" onClick="this.form.Temperatur.value=this.form.Temperatur.value+2"></td>
    <td><input type="button" name="zahl" value="3" onClick="this.form.Temperatur.value=this.form.Temperatur.value+3"></td>
    </tr>
    <tr> 
    <td><input type="button" name="zahl" value="4" onClick="this.form.Temperatur.value=this.form.Temperatur.value+4"></td>
    <td><input type="button" name="zahl" value="5" onClick="this.form.Temperatur.value=this.form.Temperatur.value+5"></td>
    <td><input type="button" name="zahl" value="6" onClick="this.form.Temperatur.value=this.form.Temperatur.value+6"></td>
    </tr> 
    <tr>
    <td><input type="button" name="zahl" value="7" onClick="this.form.Temperatur.value=this.form.Temperatur.value+7"></td>
    <td><input type="button" name="zahl" value="8" onClick="this.form.Temperatur.value=this.form.Temperatur.value+8"></td>
    <td><input type="button" name="zahl" value="9" onClick="this.form.Temperatur.value=this.form.Temperatur.value+9"></td>
    </tr>
    <tr>
    <td><input type="button" name="zahl" value="." onClick="this.form.Temperatur.value=this.form.Temperatur.value+'.'"></td> 
    <td><input type="button" name="zahl" value="0" onClick="this.form.Temperatur.value=this.form.Temperatur.value+0"></td> 
    <td><input type="button" name="zahl" value="C" onClick="this.form.Temperatur.value=''"></td>
    </tr> 
    </table> 
    
    </form>
    
    --------------------------

    Edit:

    Oder kann ich vielleicht irgendwie sowas verwenden? Wenn ja, wo liegt hier der Fehler?:

    HTML:
    <!-- Achtung: Sind nur Code- Ausschnitte -->
    
    <script "text/javascript">
    var fokus;
    function nimmFokus(feld){
     fokus = feld;
    }
    
    function schreibe(zahl){
     document.getElementName(fokus).value = zahl;
    }
    </script>
    
    <li class="smallfield"><input id="1" name="Temperatur" value="Temperatur" size="4" autocomplete="off" readonly onclick="nimmFokus('Temperatur')"</li>
    
    <input type="button" name="zahl" value="1" onClick="schreibe(1)">
    
    
     
  2. 3. Mai 2010
    AW: Aktuell ausgewähltes Textfeld auslesen

    HTML:
    <form method="POST" action=""> 
     <script type="text/javascript">
     window.field = "Temperatur";
     </script>
     <ul class="pageitem"> 
     <!-- "Eingabefelder" - Hier sollen dann die Zahlen über den Ziffernblock unten eingegeben werden können --> 
     <li class="smallfield"><input id="1" onfocus="window.field = this.name;" name="Temperatur" value="Temperatur" size="4" readonly /></li> 
     <li class="smallfield"><input id="2" onfocus="window.field = this.name;" name="Systolisch" value="Systolisch" size="4" readonly /></li> 
     <li class="button"><input name="Submit" type="submit" value="Absenden"/></li> 
     </ul> 
     
     <!-- Ziffernblock --> 
     <table border="1" align="center"> 
     <tr> 
     <td><input type="button" name="zahl" value="1" onClick="this.form[field].value=this.form[field].value+1"></td> 
     <td><input type="button" name="zahl" value="2" onClick="this.form[field].value=this.form[field].value+2">
     </td> <td><input type="button" name="zahl" value="3" onClick="this.form[field].value=this.form[field].value+3"></td> 
     </tr> 
     <tr> 
     <td><input type="button" name="zahl" value="4" onClick="this.form[field].value=this.form[field].value+4"></td> 
     <td><input type="button" name="zahl" value="5" onClick="this.form[field].value=this.form[field].value+5"></td> 
     <td><input type="button" name="zahl" value="6" onClick="this.form[field].value=this.form[field].value+6"></td> 
     </tr> 
     <tr> 
     <td><input type="button" name="zahl" value="7" onClick="this.form[field].value=this.form[field].value+7"></td> 
     <td><input type="button" name="zahl" value="8" onClick="this.form[field].value=this.form[field].value+8"></td> 
     <td><input type="button" name="zahl" value="9" onClick="this.form[field].value=this.form[field].value+9"></td> 
     </tr> 
     <tr> 
     <td><input type="button" name="zahl" value="." onClick="this.form[field].value=this.form[field].value+'.'"></td> 
     <td><input type="button" name="zahl" value="0" onClick="this.form[field].value=this.form[field].value+0"></td> 
     <td><input type="button" name="zahl" value="C" onClick="this.form[field].value=''"></td> 
     </tr> 
     </table> 
    </form>
     
  3. 3. Mai 2010
    AW: Aktuell ausgewähltes Textfeld auslesen

    Oh man... du bist der Beste!!!
    Sehr geil!!!


    Vielen Dank!!! :lol: :lol: :lol:
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.