 Lid |
|
Probleem met nieuwe velden toevoegen via javascript (php en mysql)
Hopelijk kan iemand mij hiermee helpen.
Ik denk dat dit eerder een javascript probleem is, maar er komt ook een stukje php in.
De bedoeling is dat er nieuwe velden kunnen aangemaakt worden door op de knop Add Fields te drukken. Als er een waarde is ingevuld in het zoekveld en deze waarde is teruggevonden in de database zal er bovenaan een veld verschijnen met het resultaat van de zoekactie (= productnaam) naast het veld van het productnummer. Tot nu toe werkt dit perfect (enkel de layout nog een beetje aanpassen, maar dit is maar afwerking). Het probleem is dat ik de knop 'add fields' niet kan laten werken. Het is ook de bedoeling dat de eerdere resultaten wel blijven staan, maar dat daaronder een nieuwe lijn zal worden toegevoegd.
Hopelijk verstaan jullie een beetje wat ik bedoel.
Je kan dit testen via onderstaande link (de zoekwaarden 100 en 200 zitten in de database als test, dus daarop kunnen jullie zoeken):
http://91.199.2...ndex2b.php
Hieronder de code:
[code=php]
<html>
<head>
<title>test</title>
</head>
<body>
<?php
if(isset($_GET['submit']))
{
//echo '<td id="addbox2"><input type="text" name="prodnaam[]" value="" /></td>';
$zoek = $_GET["prodnummer"];
?>
<table width="75%"border="0">
<tr>
<td>Productnummer</td>
<td>Productnaam</td>
</tr>
<tr>
<td><input type="text" value="<?php echo $zoek; ?>" /></td>
<?php
require ('config.php');
$conn = mysql_connect($host,$user,$pass) or die (mysql_error());
mysql_select_db("jobysan_werkbonnen") or die (mysql_error());
$sql = 'SELECT * FROM werkbonnen WHERE productnummer = "' . $zoek .'"';
$res = mysql_query($sql) or die (mysql_error());
while($row = mysql_fetch_assoc($res))
{
?>
<td><input type="text" value="<?php echo $row['productnaam']; ?>" /></td>
<?php } ?>
</tr>
</table>
<?php
}
else
{
}
?>
<form method="get" >
<table width="75%"border="0">
<tr>
<td> </td>
</tr>
<tr>
<td><hr></td>
</tr>
<td>Productnummer</td>
</tr>
<tr>
<td><input type="text" name="prodnummer" /> <input name="submit" type="submit" value="Zoek" /></td>
</form>
</tr>
<tr>
<td> </td>
</tr>
</table>
<input type="button" onClick="addInput()" name="add" value="Add fields" />
</body>
</html>
Nu is het wel zo dat ik de javascript terug heb verwijderd van deze pagina aangezien hij niet werkte.
Hieronder heb ik wel een script gevonden die mij kan helpen maar nu zouden deze 2 moeten samengevoegd worden.
Het is ook wel zo dat er later met deze resultaten moet kunnen gewerkt worden of dat deze zouden moeten opgeslaan kunnen worden in een veld in de mysql database. Hoe dit in elkaar zit weet ik ook niet, maar dit is voor fase 2. Eerst zien dat de eerder gestelde vraag werkt!
Hieronder een link met een voorbeeld van wat de javascript zou moeten doen:
http://91.199.2...index2.php
En de code daarvoor:
[code=php]
<html>
<head>
<title>test</title>
<script language="javascript">
function addInput() {
document.getElementById('addbox1').innerHTML += '<br /><input type="text" name="prodnummer[]" />';
document.getElementById('addbox2').innerHTML += '<br /><input type="text" name="prodnaam[]" />';
}
</script>
</head>
<body>
<?php
if(isset($_POST['submit']))
{
//echo '<td id="addbox2"><input type="text" name="prodnaam[]" value="" /></td>';
echo "test";
}
else
{
echo " ";
}
?>
<table width="75%"border="0">
<tr>
<td>Productnummer</td>
<td> </td>
<td>Productnaam</td>
</tr>
<tr>
<td id="addbox1"><input type="text" name="prodnummer[]" /></td>
<form id="pricecheckform" name="pricecheckform" method="post" >
<td><input type="hidden" value="" /><input name="submit" type="submit" value="Zoek" /></td>
</form>
</tr>
<tr>
<td></td>
</tr>
</table>
<input type="button" onClick="addInput()" name="add" value="Add fields" />
</body>
</html>
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
