Hey allemaal,

Ik wil graag een snelbestel pagina maken.
Hiermee bedoel ik dat je een pagina hebt met meerdere velden, in elk veld kan je een serienummer invoeren, als je deze hebt ingevoerd verschijnt automatisch de naam en de prijs van het product (vanuit de database) en kan je deze in een winkelwagentje plaatsen.

Alleen het probleem is dat ik geen idee heb hoe ik dat moet gaan aanpakken.
Ik ben al vanaf maandag bezig met het zoeken van een goed voorbeeld, maar ik heb er nog geen een kunnen vinden.

Heeft iemand tips hoe ik dit moet gaan aanpakken?



Bedankt alvast!
Als je werkt op serienummers, is het toch makkelijk?

Je haalt met een simpele select query de prijs op. Indien de query geen resultaat geeft, dan bestaat het product niet. Zowel, dan heb je de prijs. Via een simpel stukje javascript zorg je dat dat live wordt weergegeven.

Verder zet je al die serienummers in een formulier. Als de bezoeker het post, verwerk je die zaken.
<?php
$select = "SELECT sn, prijs, gerecht FROM tbl_gerechten WHERE sn = '".mysql_real_escape_string($_POST['sn'])."'";
$query = mysql_query($select);
$rows = mysql_num_rows($query);

If($rows == 0) {
echo 'geen resultaten';
} else {
$fetch = mysql_fetch_assoc($query);
echo 'uw gerecht'.$fetch['gerecht'];
echo 'prijs : '.$fetch['prijs'];
}

?>
Bedankt voor je snelle reactie!!
Het begin is er eindelijk ga nu kijken hoe en wat met het javascript.
Ik zal het resultaat posten als het lukt.

EDIT:

Write Down op 20/04/2011 12:56:43

Via een simpel stukje javascript zorg je dat dat live wordt weergegeven.


Vind het javascript toch lastig eerste keer dat ik het gebruik.
-edit: Stom foutje-
Gebruik jQuery en zoek dan op 'ajax'.
Ik heb nu dit. maar nu zit ik met het probleem dat alles wat ingevuld word alleen veranderd in het eerste vlak.
<?php

<form id="snel_bestellen" name="snel_bestellen" method="POST" action="">
<table class="snel_bestellen" width="100%">
<thead>
<tr class="info_header">
<th class="artikelnummer" width="156px">Artikelnummer</th>
<th class="aantal" width="64px;">Aantal</th>
<th class="naam">Productnaam</th>
<th class="stuk">Prijs per stuk</th>
<th class="totaal">Totaal prijs</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" onChange="showProduct(this.value)" class="Artikelnummer" name="Artikelnummer[1]"></td>
<td><input type="text" class="aantal" name="aantal[1]"></td>
<td class="productnaam" id="txtHint"></td>
<td class="prijs" id="txtHint"></td>
<td class="totaal"> € 0,00</td>
</tr>
<tr>
<td><input type="text" onChange="showProduct(this.value)" class="Artikelnummer" name="Artikelnummer[2]"></td>
<td><input type="text" class="aantal" name="aantal[2]"></td>
<td class="productnaam" id="txtHint"></td>
<td class="prijs" id="txtHint"></td>
<td class="totaal"> € 0,00</td>
</tr>
<tr>
<td><input type="text" onChange="showProduct(this.value)" class="Artikelnummer" name="Artikelnummer[3]"></td>
<td><input type="text" class="aantal" name="aantal[3]"></td>
<td class="productnaam" id="txtHint"></td>
<td class="prijs" id="txtHint"></td>
<td class="totaal"> € 0,00</td>
</tr>
</tbody>
</table>
<input type="submit" class="winkelwagentje" name="winkelwagentje" value="">
</form>
</div>
</div>

?>


Javascript
<?php
<script type="text/javascript">
function showProduct(str)
{
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getproduct.php?q="+str,true);
xmlhttp.send();
}
</script>
?>

Php
<?php
$q=$_GET["q"];
include '';



$sql="SELECT Artikelnummer, Naam, Prijs FROM Producten WHERE Artikelnummer = '".$q."'" ;
$result = mysql_query($sql)or die(mysql_error());
$rows = mysql_num_rows($result);



If($rows == 0) {
echo "<td class='productnaam'>";
echo "Nummer niet gevonden";
echo "</td>";

echo "<td class='prijs'>";
echo "";
echo "</td>";
}
else
{
$fetch = mysql_fetch_assoc($result);
echo "<td class='productnaam'>";
echo $fetch['Naam'];
echo "</td>";

echo "<td class='Prijs'>";
echo "&euro; ";
echo $fetch['Prijs'];
echo "</td>";
}

?>


Reageren