[JS]Waarden Velden uitlezen en printen

Door Kevin Tuns op 23-12-2008 00:00

3.326 views

Hallo allemaal,

Ik ben momenteel bezig met een website voor een multigaming clan genaamd Hell Bound Soldiers. Aangezien ik nog niet helemaal wegwijs ben met javascript vraag ik daarom ook even om hulp hier bij jullie.

Leden moeten zich natuurlijk aan kunnen melden en ik heb hiervoor een registreer pagina gemaakt. Op het moment is hij nog geheel hard-coded, maar ik wil eerst de layout en zijn functionaliteiten op orde hebben voordat ik verder ga met het uit te werken in PHP ect.

Ik gebruik een acordion om alle stappen op 1 pagina te krijgen zonder dat er herladen hoeft te worden. Zoals jullie kunnen zien is de laatste pagina een feedback moment voor het aanstaande lid. Hier zit nou ook juist het probleem.

Hoe lees ik met javascript de textvelden uit en print ik de waarde op de laatste tab?

Betreffende Pagina

Ik vraag dus eigenlijk om een duwtje in de juiste richting, of als iemand hier ervaring mee heeft een goede uitleg.

Mvg,

Nivek

Tikkes C

23-12-2008 10:35

onchange moet onChange worden!

(hoofdletter zijn belangrijk in JS)

Kevin Tuns

23-12-2008 10:35

Toch roept hij hem aan. Ik zal het meteen veranderen, maar dat update nog steeds de span niet.

Erwin Geen

23-12-2008 10:35

Je kan doen dat wanneer je op de laatste tab klikt dat dan de gegevens er in komen te staan.

Kevin Tuns

23-12-2008 10:37

Enig idee hoe ik dit zou verwezenlijken?

Alhoewel ik het nu eigenlijk ook wel oke vind als ze direct geupdate worden.

Kevin Tuns

23-12-2008 11:04

om het probleem te localiseren heb ik even een alert toegevoegd.


<script type="text/javascript">
function updateValue()
{
	alert('' + document.forms[0].elements['voornaam'].value);
	document.getElementById('voornaam').innerHTML = document.forms[0].elements['voornaam'].value;
}
</script>

Hij geeft in de alert nu gewoon de waarde terug van het veld dat ik net ingevuld heb dus daar ligt het probleem niet. Het probleem zit dus bij het invullen van de span?


<form>
<input type="text" name="voornaam" onChange="updateValue"><br />
First Name: <span id="voornaam"></span>
</form>

Wat zou er nou fout kunnen gaan?

En na een kleine debug werkt hij dus helemaal... ik had simpelweg de ; weg gelaten.

Nu ik toch bezig ben zou ik will vragen welke manier om de functie op te roepen het beste is? Want onChange lijkt niet altijd bij een update aangeroepen te worden?

Onbekende gebruiker

23-12-2008 11:13

Om toch nog heel even te zeuren over de JS lib's: kijk eens naar Dojo. Heeft een uitstekende documentatie en veel functies. Bovendien worden alleen de JS files geladen die jij opgeeft nodig te hebben, waardoor de client geen complete lib hoeft te downloaden.

Kevin Tuns

23-12-2008 11:21

Nu ik dan toch bezig ben,

is het mogelijk om er een functie van te maken die ik voor alle input velden kan gebruiken?


function updateValue()
{
	document.getElementById('username').innerHTML = document.forms[0].elements['username'].value;
}

Dus zo ombouwen dat ik de naam van het veld er niet hard in hoef te coden?

Onbekende gebruiker

23-12-2008 11:30


function updateValue(name)
{
    document.getElementById(name).innerHTML = document.forms[0].elements[name].value;
}

Kevin Tuns

23-12-2008 11:42

En als ik dan zou willen dat bij het laden van de pagina gekeken word wat er al ingevuld word en dit toegepast word moet ik dit dan wel hard coden of is daar ook iets voor?

+

IE blijft een unkown runtime error geven terwijl hij in FF wel werkt.

Rens Rikkerink

23-12-2008 12:20

haal document. weg bij het gedeelte waar je de innerHTML veranderd
Dat probleem heb ik ook vaak gehad.

Reageren

Inloggen om te reageren