[js] value van een textbox

[Verwijderd]

de bedoeling word duidelijk genoeg met het script lijkt me

code:

<SCRIPT type="text/javascript"> 

function test() { // deze is om output van de value van T1 te alerten.

test = document.getElementById('T1').value; // var test = de value van T1
alert ('value is '+test+'') // alert de value
}

function checkbox() // als C1 checked is de textbox unlocken, en andersom locken.
{
text = document.getElementById('T1')
check = document.getElementById('C1')
if (check.checked == true) { // als C1 checked is dan is T1 niet disabled
document.getElementById('T1').disabled = false;
}
else { // als C1 unchecked is dan is T1 disabled
document.getElementById('T1').disabled = true;
}
}

</SCRIPT>

code:

  <p><input type="checkbox" id="C1" value="ON" onClick="checkbox()">
<input type="text" id="T1" size="20" disabled="true" value="hi"></p>
  <p><a href="javascript:test()">test</a>

De eerste keer werkt alles perfect. Ik vraag om de value, en hij geeft me een mooi alert met "hi". Gebruik ik echter een keertje de function checkbox() dan geeft hij een error zodra ik function test() (nogmaals) gebruik. hij zou dus mooi de value moeten alerten, ook zodra ik die veranderd heb.

"Value" is bij HTML een attribute en staat eigenlijk voor "Default Value". Bij javascript is het echter een property van het object T1, en staat het voor "Current Value"

/me heeft zijn huiswerk gedaan voor met de vraag te komen

Ik heb geprobeerd om wat te rotzooien met dingen als onInput, maar tevergeefs . Iemand suggesties?

[ Voor 37% gewijzigd door Verwijderd op 05-03-2004 16:53 ]

[dominic]

Wat is de foutmelding?

[Verwijderd]

dominic schreef op 05 maart 2004 @ 16:55:
Wat is de foutmelding?

ik zal hem even online zetten, kan je zelf even bekijken . De foutmelding is dat hij een functie verwacht

edit:
klik

[ Voor 16% gewijzigd door Verwijderd op 05-03-2004 16:59 ]

[crisp]

JavaScript:

function test() { // deze is om output van de value van T1 te alerten.

test = document.getElementById('T1').value; // var test = de value van T1

je overschrijft je eigen functie

[Verwijderd]

crisp schreef op 05 maart 2004 @ 16:58:

JavaScript:

function test() { // deze is om output van de value van T1 te alerten.

test = document.getElementById('T1').value; // var test = de value van T1

je overschrijft je eigen functie

mijn dank, even proberen met andere var naam

edit:
werkt mijn dank is enorm

[ Voor 9% gewijzigd door Verwijderd op 05-03-2004 17:00 ]

[djluc]

Misschien werk var er voor zetten ook wel, dan maak je er een lokale variable van. Niet dat het mooi is overigens...

[Verwijderd]

Nee, het is allemaal nog rommelig enzo, het ging me nu maar even om het principe. Het uiteindelijke doel heeft niks meer hier mee te maken , het was meer een soort self-made tutorial. Ik bedacht dit en heb het uitgewerkt zodat ik het nu ook in andere situaties toe kan passen . Leer je heel wat van bij

raar dat het me niet op is gevallen dat als ik 2 keer drukte dat het dan ook niet gewerkt zou hebben, en dat checkbox() er dus niks mee te maken had

nog een probleem: Ik zet nu de default value op " ". vervolgens gebruik ik:

code:

function test() {

test1 = document.getElementById('T1').value; // var test = de value van T1
if (test1 == ' '){ // spatie dus
test1 == 'unidentified'
alert ('value is '+test1+'') // alert de value
}
else {
alert ('value is '+test1+'')
}
}

dit zou moeten werken denk ik? Hij geeft geen error, hij past gewoon de value niet aan, dus pakt als value de spatie.

[ Voor 85% gewijzigd door Verwijderd op 05-03-2004 17:58 ]

[Bosmonster]

Was test() niet ook een beschermde functie-naam? Ik kan me herinneren dat dit 'vroeger' in ieder geval problemen gaf in sommige browsers.

Het is geen slecht idee om dit soort algemene functienamen niet te gebruiken, of ze nou beschermd zijn of niet

[Verwijderd]

aangezien het zonder de if-statement gewoon werkt neem ik aan dat dit niet het probleem is . Maar ik zal eens kijken met een andere functienaam.

edit:
Dit lost het idd niet op

[ Voor 14% gewijzigd door Verwijderd op 05-03-2004 18:27 ]

[Verwijderd]

Ik heb nu het volgende geprobeerd:

code:

function testen() { // funtion nr 1, deze is om output v/d value van T1 te alerten.
var test1 = document.getElementById('T1').value;
var test2 == test1

if (test2 == "insert text here"){
test1 == 'unidentified'
alert ('value is '+test1+''); // alert de value
}

else {
alert ('value is '+test1+'');
}
}

hierdoor krijg ik echter de ene error na de ander (";" word verwacht, object wordt verwacht... Er word gewoon vanalles verwacht ineens )

Global variabelen ervan maken werkt overigens ook niet, dan vraagt hij opeens naar een object?

[ Voor 42% gewijzigd door Verwijderd op 05-03-2004 18:41 ]

[crisp]

toewijzen: var a = 'iets';
vergelijken: if (a == 'iets');

zoek het verschil

en sluit elk statement af met ; - da's wel zo netjes...

[ Voor 27% gewijzigd door crisp op 05-03-2004 18:42 ]

[Verwijderd]

Dan geeft hij: "value is insert text here" hoewel ik toch duidelijk zeg dat "if value == 'insert text here' value = 'unidentified' " Ik ben dom

het resultaat:

code:

<SCRIPT type="text/javascript"> 

function testen() { 
var test1 = document.getElementById('T1').value;
var test2 = test1

if (test2 == "insert") {
test1 = 'unidentified';
alert ('value is '+test1+''); // alert de value
}

else {
alert ('value is '+test1+'')
}
}

function checkbox() {
text = document.getElementById('T1')
check = document.getElementById('C1')
if (check.checked == true) {
document.getElementById('T1').disabled = false;
}
else {
document.getElementById('T1').disabled = true;
}
}

</SCRIPT>
<p><input type="checkbox" id="C1" value="ON" onClick="checkbox()">
<input type="text" id="T1" size="20" disabled="true" value="insert">&nbsp;
<a href="javascript:testen()">test test</a>

dank u voor alle medewerking *trekt zich gefrustreerd terug in een hoekje*

[ Voor 144% gewijzigd door Verwijderd op 05-03-2004 18:51 ]

[Verwijderd]

Ik ben nog wat meer gaan knutselen :+(ik ben onvermoeibaar )
hier is wat ik doe:

code:

function testen() {

//set vars
var ValueT1 = document.getElementById('T1').value;;
var ValLength = ValueT1.length

//if unchanged alert it, if less then 3 chars alert it, else give value
if (ValLength < 3) {
alert ('The subject has to be at least 3 characters long');
}

if (ValueT1 == "Insert text here") {
ValueT1 = 'undefined';
alert ('Value is '+ValueT1+'');
}

else {
alert ('Value is '+ValueT1+'');
}
}

het werkt allemaal redelijk, maar als ValLength minder dan 3 chars is, dan geeft hij dus alert 'subject has to be...' maar ook 'value is....', omdat als het minder dan drie is het dus geen "insert text here" is, dus de else ook van toepassing is. Is dit gewoon een beperking van javascript? of is er een manier om 2 voorwaardes te zetten in 1 if? of is er misschien een andere oplossing?

[ Voor 13% gewijzigd door Verwijderd op 05-03-2004 23:28 ]

[r0bert]

code:

if (ValLength < 3) {
alert ('The subject has to be at least 3 characters long');
}

wordt als één gezien.

en

code:

if (ValueT1 == "Insert text here") {
ValueT1 = 'undefined';
alert ('Value is '+ValueT1+'');
}

else {
alert ('Value is '+ValueT1+'');
}

Als 1 geheel..

Als if (....==..) niet van toepassing is, geldt dus automatisch de else.. je zou het op moeten lossen als:

code:

if {}
else if {}
else {}

Edit:
Alternatief:

code:

function testen() {

  //set vars
  var ValueT1 = document.getElementById('T1').value;;
  var ValLength = ValueT1.length
  var strError = '';

  //Foutmeldingen opbouwen indien van toepassing
  if (ValLength < 3)
     strError += 'The subject has to be at least 3 characters long';

  if (ValueT1 == 'Insert text here')
     strError += 'Value is undefined';

  //Foutmeldingen in string? Zo ja, laten zien.. anders lekker doorgaan..
  if (strError.length < 1)
     return false;

  return strError;
}

code:

<input type="button" onclick="if (testen()) alert(testen());" />

achteraf niet egt logisch opgezet omdat je nu 2x testen() uit moet voeren zie ik moet je dat nog even zelf veranderen:P ik ga slapen

[ Voor 59% gewijzigd door r0bert op 05-03-2004 23:49 ]

[Verwijderd]

else if, die zocht ik ik dacht dat het if else was . Had nog wat gegoogled op if/else statement e.d. maar kwam er niet op uit

[crisp]

Verwijderd schreef op 05 maart 2004 @ 23:44:
else if, die zocht ik ik dacht dat het if else was . Had nog wat gegoogled op if/else statement e.d. maar kwam er niet op uit

Daarom zijn tutorials en references zo handig

[Verwijderd]

Javascript boek onderweg, incl. 600 pagina's reference guide, dus dan zijn jullie van me af