Hallo,
Ik heb een formulier met 2 kolommen.
Zie http://www.deskuddebuikkies.nl/AJAX/volgorde.php
In het voorbeeld heb ik 4 soorten fruit en het aantal van die soorten.
Het aantal kan ik veranderen en als ik dat doe in het tekstvak wordt de waarde in mysql opgeslagen en wordt de tabel opnieuw weergegeven met de nieuwe waarde.
Nu heb ik het zo gemaakt dat de tabel met het minste aantal bovenaanstaat.
Alleen is het probleem dat hij de waardes van de eerste tabel onthoud.
Ik heb bv in de bovenste kolom banaan staan met aantal 12.
Als ik deze verander naar 121 gaat hij veranderen in de tabel.
In de rij waar eerst banaan in stond staat nu perzik met aantal 11.
Als ik deze waarde verander verandert hij die van banaan en niet die van perzik.
Weet iemand hoe ik dit kan oplossen?
Bvd.
Dit is de code
volgorde.php
[code = p h p]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="order.js"></script>
<head>
<title></title>
</head>
<body>
<div id="nainvullen">
<?
include("formulier.php");
?>
</div>
</body>
</html>
[/code = p h p]
formulier.php
[code = p h p]
<?
$q=$_GET["q"];
$q2=$_GET["q2"];
include("connect.php"); //mysql verbinding
if ($q!="")
{
$query ="UPDATE aantalfruit SET aantal=$q WHERE soort= '".$q2."'";
mysql_query($query);
}
//$sql="SELECT * FROM aantalfruit";
$sql="SELECT * FROM aantalfruit ORDER BY aantal ASC";
$result = mysql_query($sql);
$i=0;
while($row = mysql_fetch_array($result))
{
$aantal=$row['aantal'];
$soort=$row['soort'];
echo"<script> var jstest$i = '$soort'; </script>";
echo "<table border='1'>";
echo "<tr>";
echo "<th><input type=\"text\" id=\"$aantal\" onkeyup=\"volgordeFunction(this.value,jstest$i)\" value=\"$aantal\"></th>";
echo "<th><input type=\"text\" id=\"$soort\" value=\"$soort\"></th>";
echo "</tr>";
echo "<tr>";
echo "<td></td>";
echo "<td></td>";
echo "</tr>";
echo "</table>";
$i++;
}
?>
[/code = p h p]
order.js
[code = js]
var xmlHttpqw
function volgordeFunction(str1,str2)
{
xmlHttpqw=GetXmlHttpObject()
if (xmlHttpqw==null)
{
alert ("Browser does not support HTTP Request");
return;
}
alert("ALERT "+str1+" Q2 "+str2);
var url="formulier.php";
url=url+"?q=" + str1 + "&q2=" + str2;
url=url+"&sid="+Math.random();
xmlHttpqw.onreadystatechange=stateChanged;
xmlHttpqw.open("GET",url,true);
xmlHttpqw.send(null);
}
function stateChanged()
{
// var objID="nainvullen";
// var serverPage="formulier.php";
// var obj = document.getElementById(objID);
// ajaxDisplay.open("GET",serverPage);
if (xmlHttpqw.readyState==4 || xmlHttpqw.readyState=="complete")
{
var ajaxDisplay = document.getElementById('nainvullen');
ajaxDisplay.innerHTML = xmlHttpqw.responseText;
}
}
function GetXmlHttpObject()
{
var xmlHttpqw=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttpqw=new XMLHttpRequest();
}
catch (e)
{
//Internet Explorer
try
{
xmlHttpqw=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttpqw=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttpqw;
}
[/code = js]
Ik heb een formulier met 2 kolommen.
Zie http://www.deskuddebuikkies.nl/AJAX/volgorde.php
In het voorbeeld heb ik 4 soorten fruit en het aantal van die soorten.
Het aantal kan ik veranderen en als ik dat doe in het tekstvak wordt de waarde in mysql opgeslagen en wordt de tabel opnieuw weergegeven met de nieuwe waarde.
Nu heb ik het zo gemaakt dat de tabel met het minste aantal bovenaanstaat.
Alleen is het probleem dat hij de waardes van de eerste tabel onthoud.
Ik heb bv in de bovenste kolom banaan staan met aantal 12.
Als ik deze verander naar 121 gaat hij veranderen in de tabel.
In de rij waar eerst banaan in stond staat nu perzik met aantal 11.
Als ik deze waarde verander verandert hij die van banaan en niet die van perzik.
Weet iemand hoe ik dit kan oplossen?
Bvd.
Dit is de code
volgorde.php
[code = p h p]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="order.js"></script>
<head>
<title></title>
</head>
<body>
<div id="nainvullen">
<?
include("formulier.php");
?>
</div>
</body>
</html>
[/code = p h p]
formulier.php
[code = p h p]
<?
$q=$_GET["q"];
$q2=$_GET["q2"];
include("connect.php"); //mysql verbinding
if ($q!="")
{
$query ="UPDATE aantalfruit SET aantal=$q WHERE soort= '".$q2."'";
mysql_query($query);
}
//$sql="SELECT * FROM aantalfruit";
$sql="SELECT * FROM aantalfruit ORDER BY aantal ASC";
$result = mysql_query($sql);
$i=0;
while($row = mysql_fetch_array($result))
{
$aantal=$row['aantal'];
$soort=$row['soort'];
echo"<script> var jstest$i = '$soort'; </script>";
echo "<table border='1'>";
echo "<tr>";
echo "<th><input type=\"text\" id=\"$aantal\" onkeyup=\"volgordeFunction(this.value,jstest$i)\" value=\"$aantal\"></th>";
echo "<th><input type=\"text\" id=\"$soort\" value=\"$soort\"></th>";
echo "</tr>";
echo "<tr>";
echo "<td></td>";
echo "<td></td>";
echo "</tr>";
echo "</table>";
$i++;
}
?>
[/code = p h p]
order.js
[code = js]
var xmlHttpqw
function volgordeFunction(str1,str2)
{
xmlHttpqw=GetXmlHttpObject()
if (xmlHttpqw==null)
{
alert ("Browser does not support HTTP Request");
return;
}
alert("ALERT "+str1+" Q2 "+str2);
var url="formulier.php";
url=url+"?q=" + str1 + "&q2=" + str2;
url=url+"&sid="+Math.random();
xmlHttpqw.onreadystatechange=stateChanged;
xmlHttpqw.open("GET",url,true);
xmlHttpqw.send(null);
}
function stateChanged()
{
// var objID="nainvullen";
// var serverPage="formulier.php";
// var obj = document.getElementById(objID);
// ajaxDisplay.open("GET",serverPage);
if (xmlHttpqw.readyState==4 || xmlHttpqw.readyState=="complete")
{
var ajaxDisplay = document.getElementById('nainvullen');
ajaxDisplay.innerHTML = xmlHttpqw.responseText;
}
}
function GetXmlHttpObject()
{
var xmlHttpqw=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttpqw=new XMLHttpRequest();
}
catch (e)
{
//Internet Explorer
try
{
xmlHttpqw=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttpqw=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttpqw;
}
[/code = js]
/u/1695/jumpman60.png?f=community)
