login  Naam:   Wachtwoord: 
Registreer je!
 Forum

onfocus AND onblur (Opgelost)

Offline Goemans - 25/03/2009 16:36
Avatar van GoemansNieuw lid Hallo, ik heb een gastenboekform en ik zou graag een beschrijving van elk tekstvak als standaardtekst willen in dat tekstvak. Natuurlijk is het nogal vervelend als men die tekst altijd moet selecteren en verwijderen, daarom wil ik graag dat de tekst verdwijnt als je in het tekstvak klikt (onfocus, denk ik) en dat het terugkomt als je ergens buiten het tekstvak klikt (onblur?). Dus dit is mijn HTMLcode:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <form action=" <?=$_SERVER['PHP_SELF']?> " method="post">
  2. 			Voornaam: <br /><input type="text" name="auteur" /><br /> 
  3. 			E-mail: <br /><input type="text" name="email" /><br /> 
  4. 			Bericht: <br /><textarea name="bericht" rows="5" cols="30" style="font-family: Lucida Sans Unicode;" onfocus="mouseIn()" onblur="mouseOut()">Typ hier je bericht</textarea><br /> 
  5. 			<input type="submit" name="verzenden" value="verzenden" /> 
  6. 			</form>


En het daaraan gekoppelde JavaScript:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function mouseIn();
  2. {
  3. getElementsByName('bericht').innerHTML="";
  4. }
  5.  
  6. function mouseOut();
  7. {
  8. getElementsByName('bericht').innerHTML="Typ hier je bericht";
  9. }


Bedankt bij voorbaat ;)

12 antwoorden

Gesponsorde links
Offline Koen - 25/03/2009 17:17
Avatar van Koen PHP expert Bij textarea's gebruik je .value, niet .innerHTML!
Offline Goemans - 25/03/2009 17:17 (laatste wijziging 25/03/2009 17:19)
Avatar van Goemans Nieuw lid Thanks Meteen ff proberen.

Edit: Hm, werkt nog steeds niet.
Offline Koen - 25/03/2009 17:20 (laatste wijziging 25/03/2009 17:22)
Avatar van Koen PHP expert document.getElementById('bericht') ipv "getElementsByName".
(Met als ID van het textarea 'bericht' natuurlijk!)
Niet op gelet, sorry 
Offline Wim - 25/03/2009 17:21 (laatste wijziging 25/03/2009 17:24)
Avatar van Wim Crew algemeen is het niet getElementByName ipv getElementSByName?
Offline Goemans - 25/03/2009 17:24
Avatar van Goemans Nieuw lid Werkt nog steeds niet Nieuwe code:

form;
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <form action=" <?=$_SERVER['PHP_SELF']?> " method="post">
  2. 			Voornaam: <br /><input type="text" name="auteur" /><br /> 
  3. 			E-mail: <br /><input type="text" name="email" /><br /> 
  4. 			Bericht: <br /><textarea id="bericht" rows="5" cols="30" style="font-family: Lucida Sans Unicode;" onfocus="mouseIn()" onblur="mouseOut()">Typ hier je bericht</textarea><br /> 
  5. 			<input type="submit" name="verzenden" value="verzenden" /> 
  6. 			</form>


js;

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function mouseIn();
  2. {
  3. getElementById('bericht').value="";
  4. }
  5.  
  6. function mouseOut();
  7. {
  8. getElementById('bericht').value="Typ hier je bericht";
  9. }
Offline Koen - 25/03/2009 17:25
Avatar van Koen PHP expert
sliphead schreef:
document.getElementById('bericht') ipv "getElementsByName".
(Met als ID van het textarea 'bericht' natuurlijk!)
Niet op gelet, sorry 
Offline Goemans - 25/03/2009 17:28
Avatar van Goemans Nieuw lid Heb ook dat veranderd, maar hij doet het nog steeds niet 
Offline Koen - 25/03/2009 17:33 (laatste wijziging 25/03/2009 17:33)
Avatar van Koen PHP expert Wat denk je van dit? 
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <textarea onfocus="if(this.value == this.defaultValue) { this.value = '' }" style="font-family: Lucida Sans Unicode;" cols="30" rows="5" id="bericht">Typ hier je bericht</textarea>
Offline Goemans - 25/03/2009 17:36 (laatste wijziging 25/03/2009 17:38)
Avatar van Goemans Nieuw lid Thanks! Maar kan je 't een beetje uitleggen aub? En wat zou dat zijn bij onblur?
Offline Koen - 25/03/2009 17:37 (laatste wijziging 25/03/2009 17:40)
Avatar van Koen PHP expert Als de waarde van het textarea gelijk is aan de standaardwaarde (typ hier je bericht), dan reset hij de waarde 

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <textarea onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }" style="font-family: Lucida Sans Unicode;" cols="30" rows="5" id="bericht">Typ hier je bericht</textarea>
Offline Goemans - 25/03/2009 17:43
Avatar van Goemans Nieuw lid Thanks! Ik snap het 
Offline thomasje - 14/04/2009 20:12 (laatste wijziging 14/04/2009 20:13)
Avatar van thomasje MySQL beginner Ja bedankt, kon hem nu ook mooi gebruiken
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.18s