Ergebnis 1 bis 10 von 10

Thema: Problem mit Eingabefeld.

  1. #1
    Smooky
    Gast

    Standard Problem mit Eingabefeld.

    Guten Tag

    Ich habe ein Problem mit einem Eingabe Feld. Ich möchte, dass in dem Eingabefeld am Anfang etwas drin steht, sobald mann es anklickt, gelöcht wird und mann selber etwas reinschreibt. Derzeit muss mann manuell löschen. Wie geht das?


    Derzeit sieht es so aus:
    <input name="Name" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein">

    Mit besten Grüßen: Smooky
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Problem mit Eingabefeld.

    JavaScript ist dein Freund. Mit dem Event-Handler onFocus arbeiten und dabei prüfen, ob der Default-Text in dem Feld steht. Wenn ja, dann Feld leeren.

  3. #3
    Smooky
    Gast

    Standard AW: Problem mit Eingabefeld.

    Derzeit hab ich das gemacht:

    <script language="JavaScript">
    <--
    function disappear()
    {
    onfocus="if(this.value=='Name'){this.value=''}" onblur="if(this.value==''){this.value='Name'}";
    }

    //-->
    </script>


    <input name="Name" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein" onclick="javascript:disappear()">

    Aber es Funzt nicht...

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Problem mit Eingabefeld.

    da versuchste ja auch eventhandler die man eigentlich ins tag einbaut ins script zu schreiben.. so wie du es da gemacht hast. brauchste das javascript im head nicht!
    dann bringen des öfteren verweise mit this auch nicht das gewünschte ergebnis..
    um 100% sichergehen zu können, vergibste ne ID, die dem name-attribut entspricht und arbeitest mit der ID ich hab deinen code mal etwas umgestaltet... evtl fallen dir ja die unterschiede auf

    HTML-Code:
    <html>
    
    <head>
      <title></title>
    </head>
    <script type="text/javascript">
    <!--
    function trim(zeichenkette) {
      return zeichenkette.replace (/^\s+/, '').replace (/\s+$/, '');
    }
    
    function disappear(obj){
    var objekt = document.getElementById(obj);
    
    wert=trim(objekt.value);
    
    if(wert=='Bitte geben Sie hier Ihren Namen ein'){
       objekt.value=''
    }else if(wert==''){
       objekt.value='Bitte geben Sie hier Ihren Namen ein'}
    }
    
    //-->
    </script>
    <body>
    
    
    
    <input id="Name" name="Name" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein" onfocus="disappear('Name');" onblur="disappear('Name');">
    </body>
    </html>
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Smooky
    Gast

    Standard AW: Problem mit Eingabefeld.

    Ahh ja....
    passt super,
    Kann ich mit ner kleinen Veränderung auch ein zweites Textfeld einfügen, welches zum Beispiel Adresse heist, und die selbe Funktion kann? Derzeit ist es nur auf ein Textfeld zugeschnitten.

  6. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Problem mit Eingabefeld.

    ja das geht.. die funktion lässt das zu .. musste halt nur ne andere id vergeben und die in den klammern der funktion übergeben..
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  7. #7
    Unregistriert
    Gast

    Standard AW: Problem mit Eingabefeld.

    Ohjemine..
    Hab jetzt mehrere Dinge ausprobiert, zum Beispiel ne switch Anweisung in der Funktion oder if Anweisungen. Jedesmahl funktioniert dann nur ein Feld mit dem Löschen. Aber nie beide gleichzeitig. Wie soll ich die Id in die Funktion so übergeben das ein anderer Text statt: "Bitte geben Sie hier Ihren Namen ein" beim zweitem Textfeld verwendet wird?

  8. #8
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Problem mit Eingabefeld.

    HTML-Code:
    <input id="Name" name="Name" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein" onfocus="disappear('Name');" onblur="disappear('Name');">
    
    <input id="textfeld2" name="textfeld2" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein" onfocus="disappear('textfeld2');" onblur="disappear('textfeld2');">
    am script wird nichts geändert.. nur am aufruf
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  9. #9
    Smooky
    Gast

    Standard AW: Problem mit Eingabefeld.

    So hatte ich es erst auch, aber dabei wird erstens das zweite Textfeld nicht gelöscht und zweitens wenn es manuell gelöscht wird, wenn mann wieder rausgeht das Reingeschrieben was im ersten Textfeld drinn stehn muss.

    Also es sollen zwei Textfelder Existieren, die beide wenn mann sie anklickt gelöscht werden aber wenn mann wieder weg geht wieder was drinn steht, aber Unterschiedlicher Text.

  10. #10
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Problem mit Eingabefeld.

    aha, was soll denn da drinstehen? und es wäre ratsam wenn du von anfang an schreibst, welches ziel du verfolgst.. nur so kann man dir wirklich helfen!

    es bringt nichts wenn du sagst ich brauch xy und wenn du es bekommst kommt dann ein ahh jetzt brauch ich aber noch ein z was passiert wenn xy da is und angeklickt wird.
    ich hoffe du konntest das beispiel soweit verstehen!

    HTML-Code:
    <html>
    
    <head>
      <title></title>
    </head>
    <script type="text/javascript">
    <!--
    function trim(zeichenkette) {
      return zeichenkette.replace (/^\s+/, '').replace (/\s+$/, '');
    }
    
    
    
    function disappear(obj, text){
    var objekt = document.getElementById(obj);
    var obj_text = text;
    wert=trim(objekt.value);
    
    if(wert==text){
       objekt.value='';
    }else if(wert==''){
       objekt.value=obj_text;
     }
    }
    
    //-->
    </script>
    <body>
    
    
    
    <input id="Name" name="Name" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein" onfocus="disappear('Name', this.value);" onblur="disappear('Name', 'Bitte geben Sie hier Ihren Namen ein');">
    
    <input id="textfeld2" name="textfeld2" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein" onfocus="disappear('textfeld2', this.value);" onblur="disappear('textfeld2', 'bla blubb trööt');">
    </body>
    </html>
    und weil das ganze ne javascript-angelegenheit ist, verschieb ich das ding mal in den entsprechenden bereich!
    Geändert von synaptic (17.02.2009 um 16:16 Uhr)
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Eingabefeld
    Von guuls im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 12.11.2008, 23:40
  2. Eingabefeld (input)
    Von Xiel im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 22.10.2006, 16:23
  3. Eingabefeld erstellen
    Von Nelly im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 27.03.2006, 13:43
  4. Eingabefeld in PHP
    Von madxonex im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 10
    Letzter Beitrag: 30.08.2005, 12:22
  5. Eingabefeld
    Von Buffy_Summers im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 29.07.2004, 15:10

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •