login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Omslachtige code?

Offline Nielzie - 01/02/2013 17:03
Avatar van NielzieLid Hey,

Ik heb volgende stukje werkende code op mijn website voor het contactformulier:

  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3.  
  4. $('#name').addClass("field");
  5. $('#name').focus(function() { if($(this).val() == 'vb: Jan Janssens') { $(this).val(''); } }).blur(function() { if($(this).val() == '') { $(this).val('vb: Jan Janssens'); } } );;
  6. $('#name').focus(function() { $(this).removeClass("field").addClass("focus"); });
  7. $('#name').blur(function() { $(this).removeClass("focus").addClass("field"); });
  8.  
  9. });
  10. </script>


Nu... dit kan waarschijnlijk een pak makkelijker geschreven worden, maar ik slaag er niet in en als ik dit voor ieder veld moet kopiëren, niet zo heel veel werk, maar als het korter kan is het natuurlijk altijd meegenomen...

Weet iemand hier raad mee?

Bedankt!

1 antwoord

Gesponsorde links
Offline lolll - 01/02/2013 17:32
Avatar van lolll Lid
  1. input.addClass("field");
  2. input.focus(function() { if($(this).val() == defaultValue) { $(this).val(''); } }).blur(function() { if($(this).val() == '') { $(this).val(defaultValue); } } );;
  3. input.focus(function() { $(this).removeClass("field").addClass("focus"); });
  4. input.blur(function() { $(this).removeClass("focus").addClass("field"); });

Zo alle inputs doorlopen met een for loop bijvoorbeeld
Bedankt door: Abbas, Nielzie
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.162s