TutoriaL
Step 1:Giv din tekst boks et id, dette gøres ved at give input tagget et id attribute med en værdi, det er her vigtigt at id'et ikke bruges af et andet element på siden.
<input type="text" id="target" value="">
Step 2: lav en function i et script tag på head elementet af siden
<script type="text/javascript">
function writer(text){
...
}
</script>
Hvis du allerede har et script tag skal kan du lægge funktionen i dette tag.
Step 3:lav functionens krop, functionen skal appended den text den får som parameter til elementet med id 'target'
function writer(text){
document.getElementById('target').value+=text;
}
document.getElementById('target') finder det første element på siden med id sat til 'target'
value+=text tager et inputs elements value værdi og lægger text til denne værdi og gemmer den i value.
Step 4: Sæt billeder til at skrive et bogstav til input elementet.
<img src="..." onclick="writer('a');"/>
når billede klikkes sendes 'a' til writer funktionen som så skriver den til input elementet value.
Step 5: Lav en function 'clear' til at rense input feltet.
function clear(text){
document.getElementById('target').value="";
}
denne funktion kan lægges i samme script tag som writer funktionen eller du kan lave endnu et script tag.
Step 6:Lav en knap der kalder denne function:
<button onclick="clear();">Clear</button>
Indlæg senest redigeret d. 31.08.2009 18:33 af Bruger #5620