login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Javascript met input field

Offline Ronstert - 08/10/2005 19:43
Avatar van RonstertMySQL interesse Ik vraag me het volgende af!.

je hebt wel eens sites die in een input field een text hebbe staan en zodra je erop klikt de tekst verdwijnt en dat je dan je eigen text erin kan zette!..

bijv marktplaats.nl heeft het!.

Hoe doe je zoeits?..

8 antwoorden

Gesponsorde links
Offline Gerard - 08/10/2005 19:50
Avatar van Gerard Ouwe rakker http://www.site...amp;id=183
Offline Ontani - 08/10/2005 19:55
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <input type="text" value="klik hier en de tekst verdwijnt" onclick="javascript:(this.value= '');" />


zo dus
Offline vinTage - 08/10/2005 19:56
Avatar van vinTage Nieuw lid http://www.site...mp;id=9696
lees ook even de post van metalhead
Offline Thomas - 08/10/2005 20:06 (laatste wijziging 08/10/2005 20:07)
Avatar van Thomas Moderator Als het veld de focus verliest kun je ook zorgen dat die oorspronkelijke tekst weer wordt teruggezet (als iemand hier zelf niet iets anders heeft ingevuld).
Offline Ontani - 08/10/2005 20:10
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 das dan met onblur
Offline haytjes - 09/10/2005 21:23 (laatste wijziging 09/10/2005 21:27)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 best doe je het, zodat de text dat je hebt ingevuld niet verdwijnt nadat je er nog een keer op drukt.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2. var input1 = true;
  3. </script>
  4. <input type="text" 
  5. 	value="klik hier en de tekst verdwijnt"
  6. 	onclick="if(input1){this.value='';input1=false;}" 
  7. 	onblur="if(input1){this.value='';input1=false;}"
  8. />


oftewel:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2. function valueChange(object)
  3. {
  4. 	if(this.getAttribute(value_weg) == this.value)
  5. 		this.value="";
  6. }
  7. </script>
  8. <input type="text" 
  9. 	value="klik hier en de tekst verdwijnt"
  10. 	value_weg="klik hier en de tekst verdwijnt"
  11. 	onclick="valueChange(this)" 
  12. 	onblur="valueChange(this)"
  13. />
Offline Thomas - 10/10/2005 07:44
Avatar van Thomas Moderator Hmm... lijkt me geen HTML-valid oplossing? De tag input heeft niet zo'n attribuut. Beter om een functie te gebruiken die als parameter de oorspronkelijke waarde bevat die teruggezet wordt wanneer een tekstveld "leeg" is en het veld de focus kwijt is.
Offline haytjes - 10/10/2005 18:11
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 is idd een oplossing, had ik nog niet aan gedacht :
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2. function valueChange(object,weg)
  3. {
  4.     if(weg == this.value)
  5.         this.value="";
  6.     else if(this.value.length == 0)
  7.         this.value=weg;
  8. }
  9. </script>
  10. <input type="text" 
  11.     value="klik hier en de tekst verdwijnt"
  12.     onclick="valueChange(this,'klik hier en de tekst verdwijnt')" 
  13.     onblur="valueChange(this,'klik hier en de tekst verdwijnt')"
  14. />
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.269s