Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Invoer wissen (Opgelost)

Raze - 10/04/2009 10:05

PHP beginner

Hallo,

ik maakte volgend scriptje voor het mailsysteem op mijn website.

javascript code - Bekijk de code zonder highlighting - Klap code in

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function add(id) {
var check = document.getElementById(id).checked;
var name = document.getElementById(id).name;
if (check == true){
document.getElementById('tx').value += name+";";
} else {
}
}

</script>
</head>

<body>
<input type="checkbox" name="Persoon 1" id="1" onclick="add('1')"/> Persoon 1 <br />
<input type="checkbox" name="Persoon 2" id="2" onclick="add('2')"/> Persoon 2 <br />
<input type="checkbox" name="Persoon 3" id="3" onclick="add('3')"/> Persoon 3 <br />
<textarea id="tx" disabled="disabled"></textarea>
</body>
</html>

            
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function add(id) {
var check = document.getElementById(id).checked;
var name = document.getElementById(id).name;
if (check == true){
document.getElementById('tx').value += name+";";
} else {
}
}
 
</script>
</head>
 
<body>
<input type="checkbox" name="Persoon 1" id="1" onclick="add('1')"/> Persoon 1 <br />
<input type="checkbox" name="Persoon 2" id="2" onclick="add('2')"/> Persoon 2 <br />
<input type="checkbox" name="Persoon 3" id="3" onclick="add('3')"/> Persoon 3 <br />
<textarea id="tx" disabled="disabled"></textarea>
</body>
</html>
 

Dit werkt prima wanneer ik een checkbox aanvinkt, wordt de bijbehorende naam in de textarea geplaatst.
Wat ik nu wil, is dat wanneer ik een checkbox terug uitvink, deze naam ook verdwijnt uit de textarea. ik heb al geprobeerd bij die else met -= name+";";, maar wanneer ik er dan maar 1 in heb staan, dan komt er in de textarea "NaN" te staan, en wanneer er meerdere instaan, verdwijnen ze allemaal na het uitvinken van 1 enkele naam.

Iemand een idee?

3 antwoorden

Gesponsorde links

marten - 10/04/2009 11:34
Beheerder		Heb je een online voorbeeld?

NTS64 - 10/04/2009 11:56 (laatste wijziging 10/04/2009 11:57)

PHP gevorderde

Gebruik regular expressions in javascript:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function add(id) 
{
	var check = document.getElementById(id).checked;
	var name = document.getElementById(id).name;
	if (check == true)
	{
		document.getElementById('tx').value += name+";";
	}
	else
	{
		var patroon = name + ";";
		var re = new RegExp(patroon, "g");
		document.getElementById('tx').value = document.getElementById('tx').value.replace(re, '');
	}
}

</script>
</head>

<body>
<input type="checkbox" name="Persoon 1" id="1" onclick="add('1')"/> Persoon 1 <br />
<input type="checkbox" name="Persoon 2" id="2" onclick="add('2')"/> Persoon 2 <br />
<input type="checkbox" name="Persoon 3" id="3" onclick="add('3')"/> Persoon 3 <br />
<textarea id="tx" disabled></textarea>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function add(id) 
{
	var check = document.getElementById(id).checked;
	var name = document.getElementById(id).name;
	if (check == true)
	{
		document.getElementById('tx').value += name+";";
	}
	else
	{
		var patroon = name + ";";
		var re = new RegExp(patroon, "g");
		document.getElementById('tx').value = document.getElementById('tx').value.replace(re, '');
	}
}
 
</script>
</head>
 
<body>
<input type="checkbox" name="Persoon 1" id="1" onclick="add('1')"/> Persoon 1 <br />
<input type="checkbox" name="Persoon 2" id="2" onclick="add('2')"/> Persoon 2 <br />
<input type="checkbox" name="Persoon 3" id="3" onclick="add('3')"/> Persoon 3 <br />
<textarea id="tx" disabled></textarea>
</body>
</html>

Meer info: http://www.regu...cript.html

Raze - 10/04/2009 12:55
PHP beginner		Prachtig woedi, super bedankt! (het werkt dus )

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten