Bestaand nummer Plus 1

Status
Niet open voor verdere reacties.
bartwebdesign

bartwebdesign

Gebruiker
Lid geworden
16 jul 2006
Berichten
443
Ik wil in JS een soort wachtrij pagina maken.

Ik heb alles behalve als een bepaald nummer in een textbox staat.

Dus staat in
textbox 1 bijv. 5 en in
textbox 2 nummer 4

en klikt balie 2 op button 2 dan zou hij automatisch naar 6 moeten gaan.

Ook bij dat
textbox 1 bevat 4
en
textbox 2 bevat 6

en klikt balie 1 op button 1 dat hij dan het verschil overslaat tussen textbox 1 en 2.

Hoe doe ik dat?
 
Laatst bewerkt:
zo? :)
PHP: 
<script type="text/javascript">

 function balie1() {
  var f = document.f;
  var x = parseInt(f.box1.value);
  var y = parseInt(f.box2.value);
  if (!isNaN(x) && !isNaN(y)) if (y > x) f.box1.value = y;
  };

 function balie2() {
  var f = document.f;
  var x = parseInt(f.box1.value);
  if (!isNaN(x)) f.box1.value = x + 1;
  };

</script>

<form name="f" onsubmit="return false">
 1: <input name="box1" type="text" size="6">
 2: <input name="box2" type="text" size="6">
 <br>
 <input type="button" value="balie 1" onclick="balie1()">
 <input type="button" value="balie 2" onclick="balie2()">
 <br>
</form>
balie 1 maakt box1 gelijk aan box 2 als die groter is en balie 2 telt 1 op bij box 1.


Vr.Gr. Egel.
 
Dit is helaas niet goed.

Ik bedoel:

Balie 1: 5
Balie 2: 4

Dan drukt balie 2 op Volgende en de textbox gaat naar 6 ipv. 5.

Ook als:

Balie 1: 5
Balie 2: 2

Dan drukt balie 2 op Volgende en de textbox gaat naar 6 ipv 3
 
Code: 
<script type="text/javascript">

window.onload = init; //Wanneer event onload plaatsvindt bij window wordt init() aangeroepen
function init() { 
	//haal knoppen ([A]nchors) uit de balies 
	var knoppen = document.getElementById('balies').getElementsByTagName('A');
	// registreer bij elk A een onclick event die volgendeKlant aanroept
	for(k = 0; k < knoppen.length; k++) {
		knoppen[k].onclick = volgendeKlant;
	}
	
}
var klant = 0;

function volgendeKlant() {
	//functie volgende klant voegt 1 toe aan het klantnummer
	klant++;
	//de span in het element dat de functie heeft aangeroepen krijgt het klantnummer als span
	this.getElementsByTagName('SPAN')[0].innerHTML = klant;
}


</script>
<html>
	<body>
		<p id='balies'>
	 		<a>volgende klant <span>0</span></a><br>
	 		<a>volgende klant <span>0</span></a>
	 	</p>
	 	
	</body>
<html>

Bedoel je dit?
 
Laatst bewerkt:
En met een formulier: :)
PHP: 
<script type="text/javascript">
 function volgende(rij) {
  var f = document.f;
  var nr = Math.max(parseInt(f.balie1.value),parseInt(f.balie2.value)) + 1;
  if (!isNaN(nr)) f['balie' + rij].value = nr;
  };
</script>

<form name="f" onsubmit="return false">
 <input type="button" value="Balie 1" onclick="volgende(1)">
 : <input name="balie1" type="text" size="4" value="0"> <br>
 <input type="button" value="Balie 2" onclick="volgende(2)">
 : <input name="balie2" type="text" size="4" value="0"> <br>
</form>
Vr.Gr. Egel.
 
Egel zei:
En met een formulier: :)
PHP: 
<script type="text/javascript">
 function volgende(rij) {
  var f = document.f;
  var nr = Math.max(parseInt(f.balie1.value),parseInt(f.balie2.value)) + 1;
  if (!isNaN(nr)) f['balie' + rij].value = nr;
  };
</script>

<form name="f" onsubmit="return false">
 <input type="button" value="Balie 1" onclick="volgende(1)">
 : <input name="balie1" type="text" size="4" value="0"> <br>
 <input type="button" value="Balie 2" onclick="volgende(2)">
 : <input name="balie2" type="text" size="4" value="0"> <br>
</form>
Vr.Gr. Egel.
Klik om te vergroten...

Deze is perfect!

Bedankt
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan