Ingevulde velden op een rij in andere box

bartwebdesign · 20 feb 2007

Ik wil graag, als ik opmerkingen heb geselecteerd, en op Opmerking toevoegen geklikt heb, dat die opmerking dan bij de andere opmerkingen toegevoegt wordt.

Dus box 1 komt in box 5 te staan
box 2 komt in box 6 te staan
enz

Hoe doe ik dit?

jeroendenoot · 20 feb 2007

Ik snap echt niet wat je bedoelt, probeer het eens wat duidelijker uit te leggen. Ik heb even het volgende gemaakt, maar ik weet niet of je het ook zo bedoelt.

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=iso-8859-1" />
<title>Opmerkingen</title>
<script type="text/javascript">

function opmerkingtoevoegen(){
	if(document.getElementById("opmerkingen").checked){
		for(i = 1; i <= 5; i++){
			document.getElementById("box" + (i + 5)).innerHTML = document.getElementById("box" + i).innerHTML;
		};
	};
};

</script>
<style type="text/css">

#boxen div
{
border: 1px solid #000000;
width: 100px;
height: 20px;
}

</style>
</head>

<body>
<div id="boxen">
<div id="box1">Tekst 1</div>
<div id="box2">Tekst 2</div>
<div id="box3">Tekst 3</div>
<div id="box4">Tekst 4</div>
<div id="box5">Tekst 5</div>
<div id="box6"></div>
<div id="box7"></div>
<div id="box8"></div>
<div id="box9"></div>
<div id="box10"></div>
</div>
<input type="checkbox" id="opmerkingen" /> Opmerkingen<br />
<input type="button" value="Opmerking toevoegen" onclick="opmerkingtoevoegen();" />

</body>
</html>

bartwebdesign · 20 feb 2007

Nee, zo bedoel ik het helaas niet.

Ik welk met selectboxen. Die je ook gebruikt in een form.
Ik geef je ff een aangepaste code:

Code:

<form name="form">
<SELECT NAME="menu" size="11">
          <OPTION VALUE="Mestrom, Bart" selected>Mestrom, Bart</OPTION>
          </SELECT>
<SELECT NAME="klas" size="11">
          <OPTION VALUE="CC01" selected>CC01</OPTION>
          <OPTION VALUE="CC02">CC02</OPTION>
          <OPTION VALUE="WC01">WC01</OPTION>

          </SELECT>
<SELECT NAME="uren" SIZE="11" MULTIPLE> 
<OPTION VALUE="het 1e uur" selected>1e uur 
<OPTION VALUE="het 2e uur">2e uur
<OPTION VALUE="het 3e uur">3e uur
<OPTION VALUE="het 4e uur">4e uur
<OPTION VALUE="het 5e uur">5e uur
<OPTION VALUE="het 6e uur">6e uur
<OPTION VALUE="het 7e uur">7e uur
<OPTION VALUE="het 8e uur">8e uur
<OPTION VALUE="de hele dag">Hele dag
<OPTION VALUE="Ochtend">Ochtend
<OPTION VALUE="Middag">Middag
</SELECT>
<SELECT NAME="itemlist" SIZE="11"> 
<OPTION VALUE="Afwezig i.v.m. familie-omstandigheden" selected>Afwezig i.v.m. familie-omstandigheden 
<OPTION VALUE="begrafenis">Begrafenis 
<OPTION VALUE="familiefeest">Familiefeest
<OPTION VALUE="bruiloft">Bruiloft 
<OPTION VALUE="Verlof akkoort vestigingsdirecteur">Verlof akkoort vestigingsdirecteur 
</SELECT>
<br><button onClick="return confirm('Naam:                       ' + document.form.menu.options[document.form.menu.selectedIndex].text + ' uit ' + document.form.klas.options[document.form.klas.selectedIndex].text + ' \nOpmerking:               ' + document.form.itemlist.options[document.form.itemlist.selectedIndex].text + '\nDagdeel:                   ' + document.form.uren.options[document.form.uren.selectedIndex].text + '\n\nWeet u zeker dat u deze opmerking wilt toevoegen?')"><img src="goed.gif"> Voeg opmerking toe</button>
</form>]<form name="opmerkingen">
<SELECT NAME="kopie-menu" size="11">
          <OPTION VALUE="" selected></OPTION>
          </SELECT>
<SELECT NAME="kopie-klas" size="11">
          <OPTION VALUE="" selected></OPTION>


          </SELECT>
<SELECT NAME="kopie-uren" SIZE="11" MULTIPLE> 
<OPTION VALUE="" selected>
</SELECT>
<SELECT NAME="kopie-itemlist" SIZE="11"> 
<OPTION VALUE="">
</SELECT>
</form>

Ik hoop dat je hier iets mee kan.

jeroendenoot · 20 feb 2007

Ja, zo snap ik het.

Hier is de code die je (volgens mij) bedoelt:

HTML:

<script type="text/javascript">

function opmerkingtoevoegen(){
	if(confirm('Naam:                       ' + document.form.menu.options[document.form.menu.selectedIndex].text + ' uit ' + document.form.klas.options[document.form.klas.selectedIndex].text + ' \nOpmerking:               ' + document.form.itemlist.options[document.form.itemlist.selectedIndex].text + '\nDagdeel:                   ' + document.form.uren.options[document.form.uren.selectedIndex].text + '\n\nWeet u zeker dat u deze opmerking wilt toevoegen?')){
		document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.options.length] = new Option(document.form.menu.options[document.form.menu.selectedIndex].text);
		document.opmerkingen.kopieklas.options[document.opmerkingen.kopieklas.options.length] = new Option(document.form.klas.options[document.form.klas.selectedIndex].text);
		document.opmerkingen.kopieuren.options[document.opmerkingen.kopieuren.options.length] = new Option(document.form.uren.options[document.form.uren.selectedIndex].text);
		document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopieitemlist.options.length] = new Option(document.form.itemlist.options[document.form.itemlist.selectedIndex].text);
	};
};

</script>


<form name="form">
<SELECT NAME="menu" size="11">
          <OPTION VALUE="Mestrom, Bart" selected>Mestrom, Bart</OPTION>
          </SELECT>
<SELECT NAME="klas" size="11">
          <OPTION VALUE="CC01" selected>CC01</OPTION>
          <OPTION VALUE="CC02">CC02</OPTION>
          <OPTION VALUE="WC01">WC01</OPTION>

          </SELECT>
<SELECT NAME="uren" SIZE="11" MULTIPLE> 
<OPTION VALUE="het 1e uur" selected>1e uur 
<OPTION VALUE="het 2e uur">2e uur
<OPTION VALUE="het 3e uur">3e uur
<OPTION VALUE="het 4e uur">4e uur
<OPTION VALUE="het 5e uur">5e uur
<OPTION VALUE="het 6e uur">6e uur
<OPTION VALUE="het 7e uur">7e uur
<OPTION VALUE="het 8e uur">8e uur
<OPTION VALUE="de hele dag">Hele dag
<OPTION VALUE="Ochtend">Ochtend
<OPTION VALUE="Middag">Middag
</SELECT>
<SELECT NAME="itemlist" SIZE="11"> 
<OPTION VALUE="Afwezig i.v.m. familie-omstandigheden" selected>Afwezig i.v.m. familie-omstandigheden 
<OPTION VALUE="begrafenis">Begrafenis 
<OPTION VALUE="familiefeest">Familiefeest
<OPTION VALUE="bruiloft">Bruiloft 
<OPTION VALUE="Verlof akkoort vestigingsdirecteur">Verlof akkoort vestigingsdirecteur 
</SELECT>
<br><button onClick="opmerkingtoevoegen();"><img src="goed.gif"> Voeg opmerking toe</button>
</form><form name="opmerkingen">
<SELECT NAME="kopiemenu" size="11">
          </SELECT>
<SELECT NAME="kopieklas" size="11">


          </SELECT>
<SELECT NAME="kopieuren" SIZE="11" MULTIPLE> 
</SELECT>
<SELECT NAME="kopieitemlist" SIZE="11"> 
</SELECT>
</form>

bartwebdesign · 20 feb 2007

Bedankt, het is perfect.

bartwebdesign · 20 feb 2007

Maar is het ook mogelijk, om een toegevoegde opmerking te verwijderen?
Dus als ik klik op Afhandelen, dat er een confirm komt met de tekst
"Weet u zeker dat u deze opmerking wilt afhandelen?"
Als je dan op ok klikt, dat de hele geselecteerde opmerking uit die boxen wordt verwijderd?

jeroendenoot · 20 feb 2007

Dat is ook mogelijk ja. Ik heb nu gemaakt dat de laatste opmerking met een knop verwijderd wordt. Als je wilt dat je een bepaalde opmerking kunt selecteren, moet je het maar even zeggen, dan doe ik het anders.

HTML:

<script type="text/javascript">

function opmerkingtoevoegen(){
	if(confirm('Naam:                       ' + document.form.menu.options[document.form.menu.selectedIndex].text + ' uit ' + document.form.klas.options[document.form.klas.selectedIndex].text + ' \nOpmerking:               ' + document.form.itemlist.options[document.form.itemlist.selectedIndex].text + '\nDagdeel:                   ' + document.form.uren.options[document.form.uren.selectedIndex].text + '\n\nWeet u zeker dat u deze opmerking wilt toevoegen?')){
		document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.options.length] = new Option(document.form.menu.options[document.form.menu.selectedIndex].text);
		document.opmerkingen.kopieklas.options[document.opmerkingen.kopieklas.options.length] = new Option(document.form.klas.options[document.form.klas.selectedIndex].text);
		document.opmerkingen.kopieuren.options[document.opmerkingen.kopieuren.options.length] = new Option(document.form.uren.options[document.form.uren.selectedIndex].text);
		document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopieitemlist.options.length] = new Option(document.form.itemlist.options[document.form.itemlist.selectedIndex].text);
	};
};

function opmerkingafhandelen(){
	if(document.opmerkingen.kopiemenu.options.length > 0){
		if(confirm('Weet u zeker dat u de laatste opmerking wilt afhandelen?')){
			document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.options.length - 1] = null;
			document.opmerkingen.kopieklas.options[document.opmerkingen.kopieklas.options.length - 1] = null;
			document.opmerkingen.kopieuren.options[document.opmerkingen.kopieuren.options.length - 1] = null;
			document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopieitemlist.options.length - 1] = null;
		};
	} else {
		alert("Er zijn geen opmerkingen meer.");
	};
};

</script>


<form name="form">
<SELECT NAME="menu" size="11">
          <OPTION VALUE="Mestrom, Bart" selected>Mestrom, Bart</OPTION>
          </SELECT>
<SELECT NAME="klas" size="11">
          <OPTION VALUE="CC01" selected>CC01</OPTION>
          <OPTION VALUE="CC02">CC02</OPTION>
          <OPTION VALUE="WC01">WC01</OPTION>

          </SELECT>
<SELECT NAME="uren" SIZE="11" MULTIPLE> 
<OPTION VALUE="het 1e uur" selected>1e uur 
<OPTION VALUE="het 2e uur">2e uur
<OPTION VALUE="het 3e uur">3e uur
<OPTION VALUE="het 4e uur">4e uur
<OPTION VALUE="het 5e uur">5e uur
<OPTION VALUE="het 6e uur">6e uur
<OPTION VALUE="het 7e uur">7e uur
<OPTION VALUE="het 8e uur">8e uur
<OPTION VALUE="de hele dag">Hele dag
<OPTION VALUE="Ochtend">Ochtend
<OPTION VALUE="Middag">Middag
</SELECT>
<SELECT NAME="itemlist" SIZE="11"> 
<OPTION VALUE="Afwezig i.v.m. familie-omstandigheden" selected>Afwezig i.v.m. familie-omstandigheden 
<OPTION VALUE="begrafenis">Begrafenis 
<OPTION VALUE="familiefeest">Familiefeest
<OPTION VALUE="bruiloft">Bruiloft 
<OPTION VALUE="Verlof akkoort vestigingsdirecteur">Verlof akkoort vestigingsdirecteur 
</SELECT>
<br><button onClick="opmerkingtoevoegen();"><img src="goed.gif"> Voeg opmerking toe</button>
</form><form name="opmerkingen">
<SELECT NAME="kopiemenu" size="11">
          </SELECT>
<SELECT NAME="kopieklas" size="11">


          </SELECT>
<SELECT NAME="kopieuren" SIZE="11" MULTIPLE> 
</SELECT>
<SELECT NAME="kopieitemlist" SIZE="11"> 
</SELECT>
<button onClick="opmerkingafhandelen();">Afhandelen</button>
</form>

bartwebdesign · 20 feb 2007

OK, maar dan de opmerking die ik zelf selecteer.

jeroendenoot · 20 feb 2007

Nu kun je een opmerking selecteren. Het selecteren gaat via de eerste kolom.

HTML:

<script type="text/javascript">

function opmerkingtoevoegen(){
	if(confirm('Naam:                       ' + document.form.menu.options[document.form.menu.selectedIndex].text + ' uit ' + document.form.klas.options[document.form.klas.selectedIndex].text + ' \nOpmerking:               ' + document.form.itemlist.options[document.form.itemlist.selectedIndex].text + '\nDagdeel:                   ' + document.form.uren.options[document.form.uren.selectedIndex].text + '\n\nWeet u zeker dat u deze opmerking wilt toevoegen?')){
		document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.options.length] = new Option(document.form.menu.options[document.form.menu.selectedIndex].text);
		document.opmerkingen.kopieklas.options[document.opmerkingen.kopieklas.options.length] = new Option(document.form.klas.options[document.form.klas.selectedIndex].text);
		document.opmerkingen.kopieuren.options[document.opmerkingen.kopieuren.options.length] = new Option(document.form.uren.options[document.form.uren.selectedIndex].text);
		document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopieitemlist.options.length] = new Option(document.form.itemlist.options[document.form.itemlist.selectedIndex].text);
	};
};

function opmerkingafhandelen(){
	if(document.opmerkingen.kopiemenu.options.length > 0){
		if(document.opmerkingen.kopiemenu.selectedIndex > -1){
			if(confirm('Naam:                       ' + document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.selectedIndex].text + ' uit ' + document.opmerkingen.kopieklas.options[document.opmerkingen.kopiemenu.selectedIndex].text + ' \nOpmerking:               ' + document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopiemenu.selectedIndex].text + '\nDagdeel:                   ' + document.opmerkingen.kopieuren.options[document.opmerkingen.kopiemenu.selectedIndex].text + '\n\nWeet u zeker dat u deze opmerking wilt verwijderen?')){
				document.opmerkingen.kopieklas.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
				document.opmerkingen.kopieuren.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
				document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
				document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
			};
		} else {
			alert("Er is geen opmerking geselecteerd.");
		};
	} else {
		alert("Er zijn geen opmerkingen.");
	};
};

</script>


<form name="form">
<SELECT NAME="menu" size="11">
          <OPTION VALUE="Mestrom, Bart" selected>Mestrom, Bart</OPTION>
          </SELECT>
<SELECT NAME="klas" size="11">
          <OPTION VALUE="CC01" selected>CC01</OPTION>
          <OPTION VALUE="CC02">CC02</OPTION>
          <OPTION VALUE="WC01">WC01</OPTION>

          </SELECT>
<SELECT NAME="uren" SIZE="11" MULTIPLE> 
<OPTION VALUE="het 1e uur" selected>1e uur 
<OPTION VALUE="het 2e uur">2e uur
<OPTION VALUE="het 3e uur">3e uur
<OPTION VALUE="het 4e uur">4e uur
<OPTION VALUE="het 5e uur">5e uur
<OPTION VALUE="het 6e uur">6e uur
<OPTION VALUE="het 7e uur">7e uur
<OPTION VALUE="het 8e uur">8e uur
<OPTION VALUE="de hele dag">Hele dag
<OPTION VALUE="Ochtend">Ochtend
<OPTION VALUE="Middag">Middag
</SELECT>
<SELECT NAME="itemlist" SIZE="11"> 
<OPTION VALUE="Afwezig i.v.m. familie-omstandigheden" selected>Afwezig i.v.m. familie-omstandigheden 
<OPTION VALUE="begrafenis">Begrafenis 
<OPTION VALUE="familiefeest">Familiefeest
<OPTION VALUE="bruiloft">Bruiloft 
<OPTION VALUE="Verlof akkoort vestigingsdirecteur">Verlof akkoort vestigingsdirecteur 
</SELECT>
<br><button onClick="opmerkingtoevoegen();"><img src="goed.gif"> Voeg opmerking toe</button>
</form><form name="opmerkingen">
<SELECT NAME="kopiemenu" size="11">
          </SELECT>
<SELECT NAME="kopieklas" size="11">


          </SELECT>
<SELECT NAME="kopieuren" SIZE="11" MULTIPLE> 
</SELECT>
<SELECT NAME="kopieitemlist" SIZE="11"> 
</SELECT><br />
<button onClick="opmerkingafhandelen();">Afhandelen</button>
</form>

bartwebdesign · 20 feb 2007

Bedankt, het is perfect zo

bartwebdesign · 21 feb 2007

Is het mogelijk in JavaScript dat ik, als ik bijv. een opmerking toevoeg, dat er dan, als ik op toevoegen klik, dat er dan ergens bijv. 1x Orthodontist of welke opmerking dan ook, komt te staan?

Kan dit?

jeroendenoot · 21 feb 2007

Ja, ook dat is mogelijk:

HTML:

<script type="text/javascript">

function opmerkingtoevoegen(){
	if(confirm('Naam:                       ' + document.form.menu.options[document.form.menu.selectedIndex].text + ' uit ' + document.form.klas.options[document.form.klas.selectedIndex].text + ' \nOpmerking:               ' + document.form.itemlist.options[document.form.itemlist.selectedIndex].text + '\nDagdeel:                   ' + document.form.uren.options[document.form.uren.selectedIndex].text + '\n\nWeet u zeker dat u deze opmerking wilt toevoegen?')){
		document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.options.length] = new Option(document.form.menu.options[document.form.menu.selectedIndex].text);
		document.opmerkingen.kopieklas.options[document.opmerkingen.kopieklas.options.length] = new Option(document.form.klas.options[document.form.klas.selectedIndex].text);
		document.opmerkingen.kopieuren.options[document.opmerkingen.kopieuren.options.length] = new Option(document.form.uren.options[document.form.uren.selectedIndex].text);
		document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopieitemlist.options.length] = new Option(document.form.itemlist.options[document.form.itemlist.selectedIndex].text);
		if(document.getElementById("aantalpertype" + document.form.itemlist.selectedIndex)){
			document.getElementById("aantalpertype" + document.form.itemlist.selectedIndex).firstChild.nextSibling.nextSibling.innerHTML++;
		} else {
			document.getElementById("aantalpertype").innerHTML += '<div id="aantalpertype' + document.form.itemlist.selectedIndex + '"><span>' + document.form.itemlist.options[document.form.itemlist.selectedIndex].text + '</span>: <span>1</span>x</div>';
		};
	};
};

function opmerkingafhandelen(){
	if(document.opmerkingen.kopiemenu.options.length > 0){
		if(document.opmerkingen.kopiemenu.selectedIndex > -1){
			if(confirm('Naam:                       ' + document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.selectedIndex].text + ' uit ' + document.opmerkingen.kopieklas.options[document.opmerkingen.kopiemenu.selectedIndex].text + ' \nOpmerking:               ' + document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopiemenu.selectedIndex].text + '\nDagdeel:                   ' + document.opmerkingen.kopieuren.options[document.opmerkingen.kopiemenu.selectedIndex].text + '\n\nWeet u zeker dat u deze opmerking wilt verwijderen?')){
				for(i = 0; i < document.getElementById("aantalpertype").childNodes.length; i++){
					if(document.getElementById("aantalpertype").childNodes[i].firstChild.innerHTML == document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopiemenu.selectedIndex].text){
						document.getElementById("aantalpertype").childNodes[i].firstChild.nextSibling.nextSibling.innerHTML--;
						if(document.getElementById("aantalpertype").childNodes[i].firstChild.nextSibling.nextSibling.innerHTML < 1){
							document.getElementById("aantalpertype").removeChild(document.getElementById("aantalpertype").childNodes[i]);
						};
					};
				};
				document.opmerkingen.kopieklas.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
				document.opmerkingen.kopieuren.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
				document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
				document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
			};
		} else {
			alert("Er is geen opmerking geselecteerd.");
		};
	} else {
		alert("Er zijn geen opmerkingen.");
	};
};

</script>


<form name="form">
<SELECT NAME="menu" size="11">
          <OPTION VALUE="Mestrom, Bart" selected>Mestrom, Bart</OPTION>
          </SELECT>
<SELECT NAME="klas" size="11">
          <OPTION VALUE="CC01" selected>CC01</OPTION>
          <OPTION VALUE="CC02">CC02</OPTION>
          <OPTION VALUE="WC01">WC01</OPTION>

          </SELECT>
<SELECT NAME="uren" SIZE="11" MULTIPLE> 
<OPTION VALUE="het 1e uur" selected>1e uur 
<OPTION VALUE="het 2e uur">2e uur
<OPTION VALUE="het 3e uur">3e uur
<OPTION VALUE="het 4e uur">4e uur
<OPTION VALUE="het 5e uur">5e uur
<OPTION VALUE="het 6e uur">6e uur
<OPTION VALUE="het 7e uur">7e uur
<OPTION VALUE="het 8e uur">8e uur
<OPTION VALUE="de hele dag">Hele dag
<OPTION VALUE="Ochtend">Ochtend
<OPTION VALUE="Middag">Middag
</SELECT>
<SELECT NAME="itemlist" SIZE="11"> 
<OPTION VALUE="Afwezig i.v.m. familie-omstandigheden" selected>Afwezig i.v.m. familie-omstandigheden 
<OPTION VALUE="begrafenis">Begrafenis 
<OPTION VALUE="familiefeest">Familiefeest
<OPTION VALUE="bruiloft">Bruiloft 
<OPTION VALUE="Verlof akkoort vestigingsdirecteur">Verlof akkoort vestigingsdirecteur 
</SELECT>
<br><button onClick="opmerkingtoevoegen();"><img src="goed.gif"> Voeg opmerking toe</button>
</form><form name="opmerkingen">
<SELECT NAME="kopiemenu" size="11">
          </SELECT>
<SELECT NAME="kopieklas" size="11">


          </SELECT>
<SELECT NAME="kopieuren" SIZE="11" MULTIPLE> 
</SELECT>
<SELECT NAME="kopieitemlist" SIZE="11"> 
</SELECT><br />
<button onClick="opmerkingafhandelen();">Afhandelen</button>
</form>
<div id="aantalpertype">
</div>

bartwebdesign · 21 feb 2007

Bedankt het werkt. Maar kan het ook, dat het script alleen de laatst geplaatste opmerking laat zien en dan de aantal van die opmerking

jeroendenoot · 21 feb 2007

Bedoel je het zo?

HTML:

<script type="text/javascript">

function opmerkingtoevoegen(){
	if(confirm('Naam:                       ' + document.form.menu.options[document.form.menu.selectedIndex].text + ' uit ' + document.form.klas.options[document.form.klas.selectedIndex].text + ' \nOpmerking:               ' + document.form.itemlist.options[document.form.itemlist.selectedIndex].text + '\nDagdeel:                   ' + document.form.uren.options[document.form.uren.selectedIndex].text + '\n\nWeet u zeker dat u deze opmerking wilt toevoegen?')){
		document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.options.length] = new Option(document.form.menu.options[document.form.menu.selectedIndex].text);
		document.opmerkingen.kopieklas.options[document.opmerkingen.kopieklas.options.length] = new Option(document.form.klas.options[document.form.klas.selectedIndex].text);
		document.opmerkingen.kopieuren.options[document.opmerkingen.kopieuren.options.length] = new Option(document.form.uren.options[document.form.uren.selectedIndex].text);
		document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopieitemlist.options.length] = new Option(document.form.itemlist.options[document.form.itemlist.selectedIndex].text);
		document.getElementById("laatsteopmerking").innerHTML = '<b>Laatst geplaatste opmerking:</b><br />Naam: ' + document.form.menu.options[document.form.menu.selectedIndex].text + ' uit ' + document.form.klas.options[document.form.klas.selectedIndex].text + '<br />Opmerking: ' + document.form.itemlist.options[document.form.itemlist.selectedIndex].text + '<br />Dagdeel: ' + document.form.uren.options[document.form.uren.selectedIndex].text + '<br /><br />';
		for(i = 0; i < document.getElementById("aantalpertype").childNodes.length; i++){
			document.getElementById("aantalpertype").childNodes[i].style.display = "none";
		};
		if(document.getElementById("aantalpertype" + document.form.itemlist.selectedIndex)){
			document.getElementById("aantalpertype" + document.form.itemlist.selectedIndex).firstChild.nextSibling.nextSibling.innerHTML++;
			document.getElementById("aantalpertype" + document.form.itemlist.selectedIndex).style.display = "block";
		} else {
			document.getElementById("aantalpertype").innerHTML += '<div id="aantalpertype' + document.form.itemlist.selectedIndex + '"><span>' + document.form.itemlist.options[document.form.itemlist.selectedIndex].text + '</span>: <span>1</span>x</div>';
		};
	};
};

function opmerkingafhandelen(){
	if(document.opmerkingen.kopiemenu.options.length > 0){
		if(document.opmerkingen.kopiemenu.selectedIndex > -1){
			if(confirm('Naam:                       ' + document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.selectedIndex].text + ' uit ' + document.opmerkingen.kopieklas.options[document.opmerkingen.kopiemenu.selectedIndex].text + ' \nOpmerking:               ' + document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopiemenu.selectedIndex].text + '\nDagdeel:                   ' + document.opmerkingen.kopieuren.options[document.opmerkingen.kopiemenu.selectedIndex].text + '\n\nWeet u zeker dat u deze opmerking wilt verwijderen?')){
				for(i = 0; i < document.getElementById("aantalpertype").childNodes.length; i++){
					if(document.getElementById("aantalpertype").childNodes[i].firstChild.innerHTML == document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopiemenu.selectedIndex].text){
						document.getElementById("aantalpertype").childNodes[i].firstChild.nextSibling.nextSibling.innerHTML--;
						if(document.getElementById("aantalpertype").childNodes[i].firstChild.nextSibling.nextSibling.innerHTML < 1){
							document.getElementById("aantalpertype").removeChild(document.getElementById("aantalpertype").childNodes[i]);
						};
					};
				};
				document.opmerkingen.kopieklas.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
				document.opmerkingen.kopieuren.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
				document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
				document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
			};
		} else {
			alert("Er is geen opmerking geselecteerd.");
		};
	} else {
		alert("Er zijn geen opmerkingen.");
	};
};

</script>


<form name="form">
<SELECT NAME="menu" size="11">
          <OPTION VALUE="Mestrom, Bart" selected>Mestrom, Bart</OPTION>
          </SELECT>
<SELECT NAME="klas" size="11">
          <OPTION VALUE="CC01" selected>CC01</OPTION>
          <OPTION VALUE="CC02">CC02</OPTION>
          <OPTION VALUE="WC01">WC01</OPTION>

          </SELECT>
<SELECT NAME="uren" SIZE="11" MULTIPLE> 
<OPTION VALUE="het 1e uur" selected>1e uur 
<OPTION VALUE="het 2e uur">2e uur
<OPTION VALUE="het 3e uur">3e uur
<OPTION VALUE="het 4e uur">4e uur
<OPTION VALUE="het 5e uur">5e uur
<OPTION VALUE="het 6e uur">6e uur
<OPTION VALUE="het 7e uur">7e uur
<OPTION VALUE="het 8e uur">8e uur
<OPTION VALUE="de hele dag">Hele dag
<OPTION VALUE="Ochtend">Ochtend
<OPTION VALUE="Middag">Middag
</SELECT>
<SELECT NAME="itemlist" SIZE="11"> 
<OPTION VALUE="Afwezig i.v.m. familie-omstandigheden" selected>Afwezig i.v.m. familie-omstandigheden 
<OPTION VALUE="begrafenis">Begrafenis 
<OPTION VALUE="familiefeest">Familiefeest
<OPTION VALUE="bruiloft">Bruiloft 
<OPTION VALUE="Verlof akkoort vestigingsdirecteur">Verlof akkoort vestigingsdirecteur 
</SELECT>
<br><button onClick="opmerkingtoevoegen();"><img src="goed.gif"> Voeg opmerking toe</button>
</form><form name="opmerkingen">
<SELECT NAME="kopiemenu" size="11">
          </SELECT>
<SELECT NAME="kopieklas" size="11">


          </SELECT>
<SELECT NAME="kopieuren" SIZE="11" MULTIPLE> 
</SELECT>
<SELECT NAME="kopieitemlist" SIZE="11"> 
</SELECT><br />
<button onClick="opmerkingafhandelen();">Afhandelen</button>
</form>
<div id="laatsteopmerking">
</div>
<div id="aantalpertype">
</div>

bartwebdesign · 21 feb 2007

Ongeveer, maar dan alleen de laatst toegevoegde opmerking + het aantal daarvan.

jeroendenoot · 21 feb 2007

Ik snap je niet helemaal, het aantal waarvan bedoel je?

bartwebdesign · 21 feb 2007

Van diezelfde opmerking die pas is geplaatst

jeroendenoot · 21 feb 2007

Je bedoelt als alle velden hetzelfde zijn, dan moet er 2x bij komen te staan?

bartwebdesign · 21 feb 2007

Hoe bedoel je, stel:

Er staat in het hele rijtje al een opmerking van die je net hebt toegevoegd.
Van die laatste opmerking komt er dan ergens een vermelding.

jeroendenoot · 21 feb 2007

bedoel je dan zo?

HTML:

<script type="text/javascript">

function opmerkingtoevoegen(){
	if(confirm('Naam:                       ' + document.form.menu.options[document.form.menu.selectedIndex].text + ' uit ' + document.form.klas.options[document.form.klas.selectedIndex].text + ' \nOpmerking:               ' + document.form.itemlist.options[document.form.itemlist.selectedIndex].text + '\nDagdeel:                   ' + document.form.uren.options[document.form.uren.selectedIndex].text + '\n\nWeet u zeker dat u deze opmerking wilt toevoegen?')){
		document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.options.length] = new Option(document.form.menu.options[document.form.menu.selectedIndex].text);
		document.opmerkingen.kopieklas.options[document.opmerkingen.kopieklas.options.length] = new Option(document.form.klas.options[document.form.klas.selectedIndex].text);
		document.opmerkingen.kopieuren.options[document.opmerkingen.kopieuren.options.length] = new Option(document.form.uren.options[document.form.uren.selectedIndex].text);
		document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopieitemlist.options.length] = new Option(document.form.itemlist.options[document.form.itemlist.selectedIndex].text);
		document.getElementById("laatsteopmerking").innerHTML = '<b>Laatst geplaatste opmerking:</b><br />Naam: ' + document.form.menu.options[document.form.menu.selectedIndex].text + ' uit ' + document.form.klas.options[document.form.klas.selectedIndex].text + '<br />Opmerking: ' + document.form.itemlist.options[document.form.itemlist.selectedIndex].text + '<br />Dagdeel: ' + document.form.uren.options[document.form.uren.selectedIndex].text + '<br /><br />';
	};
};

function opmerkingafhandelen(){
	if(document.opmerkingen.kopiemenu.options.length > 0){
		if(document.opmerkingen.kopiemenu.selectedIndex > -1){
			if(confirm('Naam:                       ' + document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.selectedIndex].text + ' uit ' + document.opmerkingen.kopieklas.options[document.opmerkingen.kopiemenu.selectedIndex].text + ' \nOpmerking:               ' + document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopiemenu.selectedIndex].text + '\nDagdeel:                   ' + document.opmerkingen.kopieuren.options[document.opmerkingen.kopiemenu.selectedIndex].text + '\n\nWeet u zeker dat u deze opmerking wilt verwijderen?')){
				document.opmerkingen.kopieklas.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
				document.opmerkingen.kopieuren.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
				document.opmerkingen.kopieitemlist.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
				document.opmerkingen.kopiemenu.options[document.opmerkingen.kopiemenu.selectedIndex] = null;
			};
		} else {
			alert("Er is geen opmerking geselecteerd.");
		};
	} else {
		alert("Er zijn geen opmerkingen.");
	};
};

</script>


<form name="form">
<SELECT NAME="menu" size="11">
          <OPTION VALUE="Mestrom, Bart" selected>Mestrom, Bart</OPTION>
          </SELECT>
<SELECT NAME="klas" size="11">
          <OPTION VALUE="CC01" selected>CC01</OPTION>
          <OPTION VALUE="CC02">CC02</OPTION>
          <OPTION VALUE="WC01">WC01</OPTION>

          </SELECT>
<SELECT NAME="uren" SIZE="11" MULTIPLE> 
<OPTION VALUE="het 1e uur" selected>1e uur 
<OPTION VALUE="het 2e uur">2e uur
<OPTION VALUE="het 3e uur">3e uur
<OPTION VALUE="het 4e uur">4e uur
<OPTION VALUE="het 5e uur">5e uur
<OPTION VALUE="het 6e uur">6e uur
<OPTION VALUE="het 7e uur">7e uur
<OPTION VALUE="het 8e uur">8e uur
<OPTION VALUE="de hele dag">Hele dag
<OPTION VALUE="Ochtend">Ochtend
<OPTION VALUE="Middag">Middag
</SELECT>
<SELECT NAME="itemlist" SIZE="11"> 
<OPTION VALUE="Afwezig i.v.m. familie-omstandigheden" selected>Afwezig i.v.m. familie-omstandigheden 
<OPTION VALUE="begrafenis">Begrafenis 
<OPTION VALUE="familiefeest">Familiefeest
<OPTION VALUE="bruiloft">Bruiloft 
<OPTION VALUE="Verlof akkoort vestigingsdirecteur">Verlof akkoort vestigingsdirecteur 
</SELECT>
<br><button onClick="opmerkingtoevoegen();"><img src="goed.gif"> Voeg opmerking toe</button>
</form><form name="opmerkingen">
<SELECT NAME="kopiemenu" size="11">
          </SELECT>
<SELECT NAME="kopieklas" size="11">


          </SELECT>
<SELECT NAME="kopieuren" SIZE="11" MULTIPLE> 
</SELECT>
<SELECT NAME="kopieitemlist" SIZE="11"> 
</SELECT><br />
<button onClick="opmerkingafhandelen();">Afhandelen</button>
</form>
<div id="laatsteopmerking">
</div>

Ingevulde velden op een rij in andere box

Gebruiker

Terugkerende gebruiker

Gebruiker

Terugkerende gebruiker

Gebruiker

Gebruiker

Terugkerende gebruiker

Gebruiker

Terugkerende gebruiker

Gebruiker

Gebruiker

Terugkerende gebruiker

Gebruiker

Terugkerende gebruiker

Gebruiker

Terugkerende gebruiker

Gebruiker

Terugkerende gebruiker

Gebruiker

Terugkerende gebruiker

Wij waarderen jouw privacy