login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Text veld met mouse over!

Offline cowbeast - 12/09/2004 18:20
Avatar van cowbeastOnbekend Hoe doe je bij een test veld een moude over zodat er bv standaart een tekst instaat en een ander kleur heeft en als je er op klikt dat de tekst verdwijnt en het kleur ook veranderd!? hoe gaat dit? ik vind dat nergens!:s

6 antwoorden

Gesponsorde links
Offline Hans - 12/09/2004 18:29 (laatste wijziging 12/09/2004 18:33)
Avatar van Hans HTML beginner Is makkelijk op te lossen met javascript:


php code - Bekijk de code zonder highlighting - Klap code in 
  1. <textarea onclick="this.style.backgroundColor='#FF0000'; this.value=''" onBlur="this.style.backgroundColor='#FFFFFF'; this.value='text'">text</textarea>


EDIT: thx Fenrir
Offline Fenrir - 12/09/2004 18:35 (laatste wijziging 12/09/2004 18:35)
Avatar van Fenrir PHP expert
Citaat:
s makkelijk op te lossen met javascript:


<textarea onclick="this.style.backgroundColor='#FF0000'; this.value=''" onBlur="this.style.backgroundColor='#FFFFFF'; this.value='text'">text</textarea>

EDIT: thx Fenrir


waarom heb je mijn post gedelete??

je moet wel checken met IF, want nu verandert hij het ook weer in 'text' als ze wel wat ingevuld hebben...
Offline Hans - 12/09/2004 18:38
Avatar van Hans HTML beginner Hmm, ik begrijp wat je bedoelt, dus als er nix getyped is dat hij terug naar standaard text gaat, anders enkel bgcolor trg veranderd?
Offline Fenrir - 12/09/2004 18:38
Avatar van Fenrir PHP expert waarom heb je mijn post gedelete??

ja.
Offline Hans - 12/09/2004 19:08 (laatste wijziging 12/09/2004 19:14)
Avatar van Hans HTML beginner Even zitten sleutelen. Denk dat het nu werkt zoals het zou moeten:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. 	var basistekst = "Text";
  3. 	var standaardkleur = "#FFFFFF";
  4. 	var focuskleur = "#FF0000";
  5.  
  6. 		function cFocus() {
  7. 			document.frm.txt.style.backgroundColor = focuskleur;
  8. 			if(document.frm.txt.value == basistekst) {
  9. 				document.frm.txt.value = '';
  10. 			}
  11. 		}
  12. 		function cBlur() {
  13. 			document.frm.txt.style.backgroundColor = standaardkleur;
  14. 			if(document.frm.txt.value == '') {
  15. 				document.frm.txt.value = basistekst;
  16. 			}
  17. 		}
  18. 	</script>


php code - Bekijk de code zonder highlighting - Klap code in 
  1. <form name="frm">
  2. 	<textarea name="txt" onfocus="cFocus()" onBlur="cBlur()">Text</textarea>
  3. </form>



Nu als hij niet ingevuld is, dan komt steeds de basistekst terug. Zodra hij wil ingevuld is, dan blijft de ingevulde tekst staan en verandert enkel de achtergrondkleur nog.

De var basistekst in het script moet je hetzelfde zetten als diegene die je in het textarea hebt staan. In principe zou ik dit ook nog met js kunnen doen, maar de code is nu al groot genoeg.

EDIT: code nog beetje aangepast
Offline cowbeast - 12/09/2004 20:30
Avatar van cowbeast Onbekend Hans gaat het eerst systeempje niet! Is veel korter en gemakelijker ander moet je telken omnieuw u tekst vak dezelfde naamgeven etc da is nie handig voor formpjes naar de db!:s
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s