[JavaScript] Inputfeld per onclick füllen lassen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von ROKE, 8. Oktober 2012 .

  1. 8. Oktober 2012
    Inputfeld per onclick füllen lassen

    Servus RR,

    ich bin gerade dabei aus einer online lösung eine portable offline präsentation zu schreiben (verwendet wird perl/html/js/css). da die ganze seite nicht mehr komplett dynamisch sein muss als präsentation wollte ich input fehler per onlick befüllen lassen. leider kenne ich mich mit js nicht so sehr aus und weiß nur dass man per click auf einen hyperlink oder einer img ein inputfeld befüllen kann, aber hab keinen schimmer wie ich das feld befüllen lassen soll bei einfachem "reinklicken" ins feld.

    bw ist natürlich ehrensache

    ROKE
     
  2. 8. Oktober 2012
    Zuletzt bearbeitet: 8. Oktober 2012
    AW: Inputfeld per onclick füllen lassen

    Eig. ganz einfach.
    Wird oft bei Suchfeldern verwendet.

    Code:
    <input name="queryString" type="text" value="Suchbegriff" 
    onfocus="if(this.value=='Suchbegriff'){this.value=''};" 
    onblur="if(this.value==''){this.value='Suchbegriff'};">
    
    Value = Der Text, welcher am Anfang reingeschrieben wird.
    onfocus = Wird ausgelöst, wenn du in das Feld klickst -> löscht, falls Inhalt == "Suchbegriff" den Inhalt.
    onblur = Wird ausgelöst, wenn der Mauszeiger/focus das Inputfeld verlässt -> befüllt den Inhalt des Feldes mit dem Wort "Suchbegriff", falls das Feld leer ist.
     
    1 Person gefällt das.
  3. 8. Oktober 2012
    AW: Inputfeld per onclick füllen lassen

    genau das was ich brauche, vielen dank! bw ist raus
     
  4. 12. Oktober 2012
    AW: Inputfeld per onclick füllen lassen

    ich hätte noch eine weitere frage:

    ich habe nun vor die funktion auszulagern. jedoch leider ein bisschen weniger erfolgreich. auf der html seite sollen nun beim reinklicken mehrere input felder befüllt werden.

    Code:
    <input name="queryString2" type="text" value="" onfocus="if(this.value==''){this.value='12.12.2012'; queryString.value='test'; soll_lv.value='12.03.2012'};"}>
    soweit funktioniert auch alles, doch sobald ich die funktion auslagere (ja ist noch nicht richtig ausgelagert, sondern noch im html code) kann ich nurnoch das angeklickte feld befüllen lassen (schätze liegt daran da ich "firma1" übergebe)

    Code:
    <input class="input520" maxlength="50" name="firma1" type="text" value="" onfocus="fuellen (firma1)" }>
    Code:
    <script type="text/javascript">
    function fuellen (element)
    {
     if (element.value == "")
     element.value = "test";
     firma2.value = "bla";
     plz.value = "12345";
    }
    </script>
    meine frage wäre nun wie ich alle felder mit nur dem reinklicken ins erste input feld befüllen lassen kann.

    gruß ROKE
     
  5. 12. Oktober 2012
    Zuletzt bearbeitet: 12. Oktober 2012
    AW: Inputfeld per onclick füllen lassen

    onfocus="fuellen (this)"

    Code:
    <script>
    function fuellen (element)
    {
     var form = element.form;
    
     if (element.value == "")
     element.value = "test";
    
     form.firma2.value = "bla";
     form.plz.value = "12345";
    }
    </script>
     
    1 Person gefällt das.
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.