login  Naam:   Wachtwoord: 
Registreer je!
 Forum

JS: invoerveld leegmaken (Opgelost)

Offline Emonk - 19/12/2010 12:35
Avatar van EmonkLid Hallo allemaal,

Ik gebruik de volgende code:

  1. <form action="register.php" method="post" name="registreer">
  2. <input type="text" name="invoerveld" value="inhoud" OnChange="change(invoerveld)">
  3. </form>
  4.  
  5. <script language="JavaScript">
  6. function change(object) {
  7. if (document.registreer.object.value='') {
  8. document.registreer.object.value=object;
  9. }
  10. }


De bedoeling is dat als de inhoud van het invoerveld '' wordt, dus leeg is, de waarde van object (hier invoerveld) er komt te staan.
Het doet alleen niets. Ik heb gecontroleerd of de functie wordt uitgevoerd, dat gebeurt.
Het ligt er natuurlijk aan dat hij zoekt naar het invoerveld genaamd object. De bedoeling is alleen dat dit voor een heleboel invoervelden kan, die allemaal hun eigen naam doorgeven aan de functie.

Ik moet dus in document.registreer.object.value, in plaats van object iets in de trant van .+object+. (dat werkt niet) zodat JS object als een variabele ziet.

Hoe doe ik dit?

3 antwoorden

Gesponsorde links
Offline Nolot - 19/12/2010 13:25 (laatste wijziging 19/12/2010 15:40)
Avatar van Nolot Nieuw lid
  1. <form action="register.php" method="post" name="registreer">
  2. <input type="text" name="invoerveld" value="inhoud" id="invoerveld" OnChange="change('invoerveld')">
  3. </form>
  4.  
  5. <script language="JavaScript">
  6. function change(object) {
  7. var obj = document.getElementById(object);
  8. if(obj == '') {
  9. obj.value = object;
  10. }
  11. }
  12. </script>
Bedankt door: Emonk
Offline Ibrahim - 19/12/2010 15:27
Avatar van Ibrahim PHP expert @Nolot, misschien zou het handig zijn als de input veld ook echt een id attribuut heeft?
Bedankt door: Emonk
Offline Emonk - 20/12/2010 09:04
Avatar van Emonk Lid Dank allebei, uit jullie aanwijzingen heb ik een script gebrouwd:

  1. <form action="register.php" method="post" name="registreer">
  2. <input type="text" name="invoerveld" value="inhoud" id="invoerveld" OnChange="change('invoerveld')" id="invoerveld">
  3. </form>
  4.  
  5. <script language="JavaScript">
  6. function change(object) {
  7. var obj = document.getElementById(object);
  8. if(obj.value == "") {
  9. obj.value = object;
  10. }
  11. }


En dit werkt! Bedankt allebei!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s