login  Naam:   Wachtwoord: 
Registreer je!
 Forum

'Waarde' in javascript..

Offline Student - 15/02/2006 20:32 (laatste wijziging 15/02/2006 20:37)
Avatar van StudentHTML interesse Hoi,
Af en toe hou ik me bezig met javascript, en ik wil nu dit volgende begrijpen:
Ik kan een vak voor een tekst maken in html (niet moeilijk, gewoon <input type="text" name="vak" value="Voer je tekst in!">). de tekst die ingevoerd zou worden, noemen we "value" in javascript als ik me niet vergis (ik weet niet goed).
Kunnen we dit "value" bewerken in javascript ?
Met andere woorden, als de persoon "dit is een value" invoert in dat vakje, dan wordt het bewerken, met html of javascript codes.
Als jij een goede les op de net kent om dit te leren, dan is het genoeg.
Bedankt,

2 antwoorden

Gesponsorde links
Offline Ontani - 15/02/2006 21:01
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 het gemakkelijkste is ook nog een id meegeven aan de input:

<input type="text" name="vak" id="vak" value"Voer je tekst in!" />

als je nu dit doet in javascript:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. <!--
  3.  var waardeVanVak;
  4.  waardeVanVak = document.getElementById('vak').value;
  5. -->
  6. </script>


dan zal de variabele waardeVanVak de inhoud van het tekstvak "vak" bevatten.
Offline Student - 15/02/2006 21:50
Avatar van Student HTML interesse Bedankt Ontani,
Ik heb begrepen dat we zo de inhoud van het vakje de naam "waardeVanVak" hoe de inhoud ook is. De naam hebben we zelf verzonnen, en daarna hebben hem waarde van wat de code zou doen. Als ik me niet vergis kunnen we dan "waardeVanVak" of "document.getElementById('vak').value;" gebruiken voor hetzelde doel, omdat ze gelijk aan elkaar zijn.
Waarom zeggen ze dan dat ik dom ben ? (grapje ) 
Maar om de inhoud van het vak (waardeVanVak) te bewerken moeten de codes dan plaatsen in het script. Om dat dit mijn eerste oefening is, zou ik een makkelijk bewerking kiezen:
en dat is dan:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. document.write("<font color="red"><b>" + waardeVanVak + "</b></font>")

Met dit geven dus aan dat de inhoud/waarde van het vak rood en vetgedrukt zou moeten zijn.
Maar dan moeten we nog een knop maken, om de mogelijkheid van submitten ter beschikking te maken (neem me niet kwalijk voor mijn raar nl)
en dat doen we zo:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <inpu type="button" value="Submit">

Toch zal er niets gebeuren, omdat de knop niet weet wat het moet submitten. en der is ook geen verwant met de javascript en de html code.
Om dit op te lossen, maken we van onze javascript code een functie, om het te roepen in de submit, en dat doen we zo:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. <!-- 
  3. function mijnfunctie() {
  4.  var waardeVanVak;
  5.  waardeVanVak = document.getElementById('vak').value;
  6. document.write("<b>" + waardeVanVak + "</b>")
  7. }
  8. -->
  9. </script>

Nu hebben de hele code een naam gegeven waarmee de browser hem zou herkennen, toch ?
Om deze functie te roepen met onze knop, voegen we nog een "onClick="de naam van de functie" in de code van de knop, en dus wordt het zo:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <input type="button" value="submit" onClick="mijnfunctie()">

En zo krijgen we het gewenste resultaat.
Nogmaals bedankt.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.236s