Textarea-Tag - Versionshistorie

Bar: /* Anvendelse af javaScript i textarea */

2022-12-08T10:09:44Z

Anvendelse af javaScript i textarea

← Ældre version		Versionen fra 8. dec. 2022, 12:09
Linje 26:		Linje 26:

	Event-handleren ligger i funktionen indtast() der ser ud som følger:		Event-handleren ligger i funktionen indtast() der ser ud som følger:
	<~~source~~ lang='javaScript'>		<syntaxHighLight lang='javaScript'>
	function indtast(felt) {		function indtast(felt) {
	var tekst = felt.value;		var tekst = felt.value;
Linje 32:		Linje 32:
	document.getElementById("etFelt").innerHTML = lgd + " tegn<br />" + tekst;		document.getElementById("etFelt").innerHTML = lgd + " tegn<br />" + tekst;
	}		}
	</~~source~~>		</syntaxHighLight>

	Koden tæller antal tegn i tekstfeltet, udskriver det og kopierer det ned i et felt under tekstfeltet.		Koden tæller antal tegn i tekstfeltet, udskriver det og kopierer det ned i et felt under tekstfeltet.

Bar: /* Anvendelse af javaScript i textarea */

2022-12-08T10:08:53Z

Anvendelse af javaScript i textarea

← Ældre version		Versionen fra 8. dec. 2022, 12:08
Linje 26:		Linje 26:

	Event-handleren ligger i funktionen indtast() der ser ud som følger:		Event-handleren ligger i funktionen indtast() der ser ud som følger:
	<~~syntaxHighLight~~ lang='javaScript'>		<source lang='javaScript'>
	function indtast(felt) {		function indtast(felt) {
	var tekst = felt.value;		var tekst = felt.value;
Linje 32:		Linje 32:
	document.getElementById("etFelt").innerHTML = lgd + " tegn<br />" + tekst;		document.getElementById("etFelt").innerHTML = lgd + " tegn<br />" + tekst;
	}		}
	</~~syntaxHighLight~~>		</source>

	Koden tæller antal tegn i tekstfeltet, udskriver det og kopierer det ned i et felt under tekstfeltet.		Koden tæller antal tegn i tekstfeltet, udskriver det og kopierer det ned i et felt under tekstfeltet.

Bar: /* Anvendelse af javaScript i textarea */

2022-12-07T22:21:54Z

Anvendelse af javaScript i textarea

← Ældre version		Versionen fra 8. dec. 2022, 00:21
Linje 18:		Linje 18:

	Ved at tilknytte en [[event-handler]] til et textarea som vist her kan man arbejde med indholdet i tekst-feltet:		Ved at tilknytte en [[event-handler]] til et textarea som vist her kan man arbejde med indholdet i tekst-feltet:

	<syntaxHighLight lang="html4strict">		<syntaxHighLight lang="html4strict">
	<textarea cols="30" rows="10" onKeyUp="indtast(this)">		<textarea cols="30" rows="10" onKeyUp="indtast(this)">

Bar med 7. dec. 2022, 09:48

2022-12-07T09:48:22Z

← Ældre version		Versionen fra 7. dec. 2022, 11:48
Linje 1:		Linje 1:
	Textarea er et HTML-tag der anvendes til at indlæse større tekstmængder i et [[Form-Tag]]		Textarea er et HTML-tag der anvendes til at indlæse større tekstmængder i et [[Form-Tag]]

	Et textarea-tag angives som følger:		Et textarea-tag angives som følger:

Bar med 7. dec. 2022, 09:14

2022-12-07T09:14:07Z

← Ældre version		Versionen fra 7. dec. 2022, 11:14
Linje 3:		Linje 3:
	Et textarea-tag angives som følger:		Et textarea-tag angives som følger:

	<~~source~~ lang="html4strict">		<syntaxHighLight lang="html4strict">
	<textarea name="enTekst" cols="30" rows="10">		<textarea name="enTekst" cols="30" rows="10">
	Default indhold		Default indhold
	</textarea>		</textarea>
	</~~source~~>		</syntaxHighLight>

	Dette resulterer i følgende visning i en browser:		Dette resulterer i følgende visning i en browser:
Linje 19:		Linje 19:
	Ved at tilknytte en [[event-handler]] til et textarea som vist her kan man arbejde med indholdet i tekst-feltet:		Ved at tilknytte en [[event-handler]] til et textarea som vist her kan man arbejde med indholdet i tekst-feltet:

	<~~source~~ lang="html4strict">		<syntaxHighLight lang="html4strict">
	<textarea cols="30" rows="10" onKeyUp="indtast(this)">		<textarea cols="30" rows="10" onKeyUp="indtast(this)">
	Default indhold		Default indhold
	</textarea>		</textarea>
	</~~source~~>		</syntaxHighLight>

	Event-handleren ligger i funktionen indtast() der ser ud som følger:		Event-handleren ligger i funktionen indtast() der ser ud som følger:
	<~~source~~ lang='javaScript'>		<syntaxHighLight lang='javaScript'>
	function indtast(felt) {		function indtast(felt) {
	var tekst = felt.value;		var tekst = felt.value;
Linje 32:		Linje 32:
	document.getElementById("etFelt").innerHTML = lgd + " tegn<br />" + tekst;		document.getElementById("etFelt").innerHTML = lgd + " tegn<br />" + tekst;
	}		}
	</~~source~~>		</syntaxHighLight>

	Koden tæller antal tegn i tekstfeltet, udskriver det og kopierer det ned i et felt under tekstfeltet.		Koden tæller antal tegn i tekstfeltet, udskriver det og kopierer det ned i et felt under tekstfeltet.

Bar: 1 version importeret

2022-08-02T08:31:59Z

1 version importeret

Ny side

Textarea er et HTML-tag der anvendes til at indlæse større tekstmængder i et [[Form-Tag]]

Et textarea-tag angives som følger:

<source lang="html4strict">
<textarea name="enTekst" cols="30" rows="10">
Default indhold
</textarea>
</source>

Dette resulterer i følgende visning i en browser:

[[fil:js_textarea.PNG]]

Koden kan hentes i en [[media:js_textarea.zip|ZIP-fil]] her som textarea.html.

==Anvendelse af javaScript i textarea==

Ved at tilknytte en [[event-handler]] til et textarea som vist her kan man arbejde med indholdet i tekst-feltet:

<source lang="html4strict">
<textarea cols="30" rows="10" onKeyUp="indtast(this)">
Default indhold
</textarea>
</source>

Event-handleren ligger i funktionen indtast() der ser ud som følger:
<source lang='javaScript'>
function indtast(felt) {
var tekst = felt.value;
lgd = tekst.length;
document.getElementById("etFelt").innerHTML = lgd + " tegn<br />" + tekst;
}
</source>

Koden tæller antal tegn i tekstfeltet, udskriver det og kopierer det ned i et felt under tekstfeltet.

Koden kan hentes i en [[media:js_textarea.zip|ZIP-fil]] her som textarea2.html.

{{webcode}}

{{webdesign}}
[[kategori:javascript_input]]
[[kategori:HTML Form]]