Javascript/PHP formulier (next en previous)

Status
Niet open voor verdere reacties.

mrniceguy2002

Gebruiker
Lid geworden
12 apr 2007
Berichten
173
Heey,

Ik zit met een probleempje in onderstaande code.
Het gaat om een aanmeldformulier met 3 schermen. De next-knop werkt uitstekend en zo hoort het. Als je een scherm hebt ingevuld, slaat hij de waardes op, gooit ze in de volgende pagina met <input type='hidden'> eruit en zo kan ik doorgaan naar de volgende stap.

Echter als ik een pagina terug wil, krijg ik een probleem. De waardes moeten gewoon ingevuld (onthouden) blijven, welke kant ik ook opga. history.go(-1) kan dus niet..

Nu wilde ik een combinatie van PHP en javascript gebruiken om het formulier een variabele waarde te geven. Zodat de formulier.submit() van javascript wel werkt.
Echter zit er nu een denkfout in mijn volgorde zoals ik hem nu heb.

Als eerste bouwt de pagina op > zet $next nog niet vast.
Zodra ik op een knop druk (volgende/vorige) dan moet hij next zetten naar de waarde die ik wil. Dit neerzetten in het formulier en daarna het formulier submitten...

Het veranderen van de waarde in het formulier wilt dus niet lukken =) (dus krijg ik altijd een $next = 1)

Weet iemand hier een oplossing voor?
Dank =)

Code:
<?php
if(!isset($_GET['stap']) || empty($_GET['stap'])){
	$stap = '1';
} else { $stap = $_GET['stap']; }

if(isset($_GET['next']) && !empty($_GET['next'])){
	$next = $_GET['next'];
	$stap = $stap + $next;
} else { $next = '0'; }

echo $stap;
echo "<br>";
echo $next;
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Aanmeldingsformulier</title>
		<link rel="StyleSheet" type="text/css" href="css/aanmelden_2.css" >
		
		<script language="JavaScript">
		function next(stap){
			<!-- document.location='aanmelden_stappen.php?stap='+stap+'&next=1'; -->
			document.next = '1';
			document.aanmelden.submit();
		}
		
		function prev(stap){
			<!-- document.location='aanmelden_stappen.php?stap='+stap+'&next=-1'; -->
			document.next = '-1';
			alert(document.next);
			document.aanmelden.submit();
		}
		</script>
		
	</head>
	<body class="aanmelden_stap1">
	<form name='aanmelden' action='aanmelden_stappen.php?stap=<?php echo $stap; ?>&next=<?php echo $next; ?>' method='post'>
	<table id='aanmelden'>
		<tr>
			<td class='inleiding'><span class='title'>Aanmeldformulier - Personalia</span></td>
			<td id='pagina' colspan='4'>
				<input type='button' id='aanmelden_next' onClick='next(<?php echo $stap; ?>)' value='Volgende'/>
				<div class='aanmelden_page'>3</div>
				<div class='aanmelden_page'>2</div>
				<div id='aanmelden_activepage'>1</div>
				<input type='button' id='aanmelden_prev' onClick='prev(<?php echo $stap; ?>)' value='Vorige'/>
			</td>
		</tr>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan