[JS] textveld (input) in hoofdletters

[BasSpruit]

ik heb de volgende code:

code:

<script type="text/javascript" language="JavaScript">
    function SetCapital(Field) {
        document.form1.getElementsByID('Field').value = toUpperCase(document.form1.getElementsByID('Field').value);
        }
    </script>

deze code zou een waarde in een textveld moeten omzetten naar hoofdletters. ik heb ipv de haakjes ook de [ en ] geprobeerd, maar mn browser blijft zeuren dat het boject deze methode niet ondersteund. wat doe ik hier fout?

het volgende werkt ook niet:

code:

<script type="text/javascript" language="JavaScript">
    function SetCapital(Field, TheText) {
        document.form1.getElementsByID('Field').value = toUpperCase(TheText);
        }
    </script>

mijn oproep ziet er dan als volgt uit: onkeyup="SetCapital('Omschrijving', this.value);"

google bood ook niet veel uitkomst trouwens...

[curry684]

Javascript zit bij de buren van Webdesign & Graphics

[RobIII]

toUpperCase is een methode van een string object...

[coubertin119]

Het is getElementById, niks getElementsByID, er mag maar 1 element met dat Id zijn dus Elements is zware bullshit, en het is Id, case-sensitive dus.

Ik zeg niet dat dit het is, maar het is in elk geval een fout.

[ Voor 19% gewijzigd door coubertin119 op 22-12-2003 10:30 ]

[crisp]

JavaScript:

var string = 'lowercase';
string = string.toUpperCase();
alert(string);

lees eens een js tutorial, en voornamelijk hoe deze taal in elkaar zit mbt objects, properties en methods...

document.form1.getElementsByID is natuurlijk ook complete onzin...

[ Voor 15% gewijzigd door crisp op 22-12-2003 10:36 ]

[BasSpruit]

crisp schreef op 22 december 2003 @ 10:34:

JavaScript:

var string = 'lowercase';
string = string.toUpperCase();
alert(string);

lees eens een js tutorial, en voornamelijk hoe deze taal in elkaar zit mbt objects, properties en methods...

document.form1.getElementsByID is natuurlijk ook complete onzin...

sorry hoor, maar ik nog een complete beginner met JS, dus ik weet er niet zoveel vanaf. ik gaan nog eens aan de slag met deze gegevens.

edit:
ik ben meer een asp-er, dus ik ben alleen de vbscript syntax gewend

[ Voor 9% gewijzigd door BasSpruit op 22-12-2003 10:44 ]

[bigbeng]

Is het weer "kick the newbie" tijd? Je zou toch zeggen met de kerst in aankomst enzo dat we allemaal wat relaxter worden.

Je kunt een veld in een form gewoon met
document.mijnFormNaam.mijnVeldNaam.value benaderen...

Het uppercase maken zou dan dus worden:

code:

document.mijnFormNaam.mijnVeldNaam.value = document.mijnFormNaam.mijnVeldNaam.value.toUpperCase();

ps: Het kan inderdaad geen kwaad eerst even wat basiskennis JavaScript op te doen. Kijk bijvoorbeeld eens op: http://www.w3schools.com/js/default.asp

[RM-rf]

misschien een ietwat offtopic gaande oplossing, echter als het doel met het upcasen enkel iets 'layouterigs' is, voldoet CSS daarin ook al:

code:

INPUT {
   text-transform: uppercase;
}

of desnoods:

code:

<input type="text" name="blah" style="text-transform: uppercase;">

dit zorgt er wel voor dat de verstuurde waarde wel degelijk de ingevoerde upper- en lowercase waardes behoudt, maar dan kan je serverside nog een keertje toUppercase() doen, wat sowieso handig is, voor input-checking kun je beter niet van clientisde scripting afhankelijk zijn.

[ Voor 10% gewijzigd door RM-rf op 22-12-2003 11:16 ]

[André]

bigbeng schreef op 22 december 2003 @ 11:01:
Is het weer "kick the newbie" tijd? Je zou toch zeggen met de kerst in aankomst enzo dat we allemaal wat relaxter worden.

Je kunt een veld in een form gewoon met
document.mijnFormNaam.mijnVeldNaam.value benaderen...

Het uppercase maken zou dan dus worden:

code:

document.mijnFormNaam.mijnVeldNaam.value = document.mijnFormNaam.mijnVeldNaam.value.toUpperCase();

ps: Het kan inderdaad geen kwaad eerst even wat basiskennis JavaScript op te doen. Kijk bijvoorbeeld eens op: http://www.w3schools.com/js/default.asp

Kick newbie:

JavaScript:

document.forms["mijnFormNaam"].elements["mijnVeldNaam"].value = document.forms["mijnFormNaam"].elements["mijnVeldNaam"].value.toUpperCase();

[BasSpruit]

ik heb idd ook op w3schools.com en op devguru.com gekeken, maar daar werd ik niet erg veel wijzer van. in elk geval heb ik het toch op kunnen lossen:

code:

function SetCapital(Field, TheText) {
        var textvalue = TheText.toUpperCase()
        document.form1.elements[Field].value = textvalue;
        }

ik had er geen flauw benul van dat tussen de haakjes van toUpperCase() niks moest staan. Ik dacht dat je daar die variabele juist in moest zetten.

[Verwijderd]

ChaosDream schreef op 22 december 2003 @ 13:50:
ik had er geen flauw benul van dat tussen de haakjes van toUpperCase() niks moest staan. Ik dacht dat je daar die variabele juist in moest zetten.

Daar hebben ze referentie sites & boeken voor uitgevonden...
Devedge Core JavaScript reverence
String.toUpperCase()

[Bosmonster]

En Google