Opdater menu/liste - data fra mysql
Jeg har en form, hvori der er en select-menu. Menuen får sine data fra en mysql database - siden er iøvrigt lavet i php. Men hvis menuen nu ikke indeholde de data som brugeren skal bruge, skal han selv have mulighed for at tilføje et menupunkt til menuen. Han skal kunne gøre det direkte fra samme side - evnetuelt fra en "mini-popup" side, men helst fa samme side.Når så brugeren taster sine data ind i textboksen og trykker OK, så skal menuen opdateres automatisk.
Her er min kode (i forenklet udgave):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript"><!--
function show(object) {
if (document.layers && document.layers[object])
document.layers[object].visibility = 'visible';
else if (document.all) {
document.all[object].style.visibility = 'visible';
document.all[object].style.zIndex = 100;
document.all[object].style.azimuth = 'behind';
}
}
function hide(object) {
if (document.layers && document.layers[object])
document.layers[object].visibility = 'hidden';
else if (document.all)
document.all[object].style.visibility = 'hidden';
}
//--></script>
</head>
<body>
<form name="form1" method="post" action=""><br><select name="Navne">
<?php
do {
?>
<option value="<?php echo $row_Recordset1['id']?>"><?php echo $row_Recordset1['navn']?></option>
<?php
} while ($row_Recordset1 = mysql_fetch_assoc($Recordset1));
$rows = mysql_num_rows($Recordset1);
if($rows > 0) {
mysql_data_seek($Recordset1, 0);
$row_Recordset1 = mysql_fetch_assoc($Recordset1);
}
?>
</select><br>
<input type="button" onClick="show('myId')" value="Indsæt Ny">
<input type="button" onClick="hide('myId')" value="Skjul">
<div id="myId" style="position:absolute; visibility:hidden; azimuth:behind; background-color:#666666;" >
<table width="100" border="2" cellspacing="0" cellpadding="0">
<tr>
<td><input name="navn" type="text" size="20"></td>
</tr>
<tr>
<td><input name="indsaet" type="button" value="OK"></td>
</tr>
</table>
</div>
</form>
</body>
</html>
