Mantener valor en select!
Te comento que tengo un pequeño problema. Lo que estoy haciendo es una agenda de turnos para pacientes.
Son dos scripts. Uno es un calendario (calendario.php) y el que es el principal se llama turnos.php
Te muestro el contenido de los dos y después te comento el problema
-----------------------
calendario.php
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<script src="calendario/src/js/jscal2.js"></script>
<script src="calendario/src/js/lang/es.js"></script>
<link rel="stylesheet" type="text/css" href="calendario/src/css/jscal2.css" />
<link rel="stylesheet" type="text/css" href="calendario/src/css/border-radius.css" />
<link rel="stylesheet" type="text/css" href="calendario/src/css/steel/steel.css" />
</head>
<body>
<form>
<table>
<tr>
<td colspan="4" id="cont"></td>
</tr>
<tr>
<td>
<input style="text-align: center" readonly="true" name="date" id="f_date" value="<?php echo "$id"; ?>" size="14" />
</td>
</tr>
</table>
</form>
<script type="text/javascript">//<![CDATA[
// this handler is designed to work both for onSelect and onTimeChange
// events. It updates the input fields according to what's selected in
// the calendar.
function updateFields(cal) {
var date = cal.selection.get();
if (date) {
date = Calendar.intToDate(date);
window.location = 'turnos.php?date=' + Calendar.printDate(date, "%Y-%m-%d");
document.getElementById("f_date").value = Calendar.printDate(date, "%Y-%m-%d");
}
};
Calendar.setup({
cont : "cont",
<!--showTime : 12,-->
onSelect : updateFields,
onTimeChange : updateFields
});
//]]></script>
</body>
</html>
-------------------------------------
turnos.php
<?php
require_once "/../../includes/cnx.php";
$date=$_GET['date'];
$hora= "10:00";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="/sao/css/style.css">
<title>Turnos</title>
<script type="text/javascript">
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=no,width=300,height=250,left = 464.5,top = 259');");
}
</script>
</head>
<body background="/sao/imgs/fondo_iframe.jpg">
<table width="100%" border="0">
<tr>
<td>
<table width="700" align="center" border="0">
<tr>
<td>
<table width="700" border="1" bordercolorlight="#666666" align="center" bgcolor="#FFFFFF">
<td align="center" colspan="7" bgcolor="#999999">Profesional: <?php
$consulta1= mysql_query("SELECT nombres,apellidos,cod_prof FROM profesionales where estado='Habilitado' ORDER BY apellidos ASC", $con);
echo "<select name='doctores'>";
echo "<option value=''></option>";
while($row= mysql_fetch_array($consulta1)) {
echo "<option value=".($row['cod_prof']).">".$row['apellidos']," ",$row['nombres']."</option>";
}
echo "</select>";
?></td>
<tr class="cabecera">
<td align="center" width="1%">Acción</td>
<td align="center">Hora</td>
<td nowrap="nowrap" align="center">Apellido</td>
<td nowrap="nowrap" align="center">Nombre</td>
<td align="center">Motivo</td>
'
<td align="center">Tipo</td>
<td nowrap="nowrap" align="center" width="1%">Primer visita?</td>
</tr>
<tr>
<td nowrap="nowrap"><a href="javascript:popUp('<?php echo "nuevo_turno.php?date=$date&&hora=$hora";?>')">Nuevo Turno</a></td>
<td width="1%">9:30</td>
----------------------------------
Si vos ejecutas turnos.php, te muestra un tabla con un calendario al lado.
Arriba de la tabla hay un combobox, que se carga con los profesionales que están en la BD.
El calendario esta hecho para que cuando yo haga click se actualice la página con los turnos de esa fecha.
El problema es el...
Son dos scripts. Uno es un calendario (calendario.php) y el que es el principal se llama turnos.php
Te muestro el contenido de los dos y después te comento el problema
-----------------------
calendario.php
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<script src="calendario/src/js/jscal2.js"></script>
<script src="calendario/src/js/lang/es.js"></script>
<link rel="stylesheet" type="text/css" href="calendario/src/css/jscal2.css" />
<link rel="stylesheet" type="text/css" href="calendario/src/css/border-radius.css" />
<link rel="stylesheet" type="text/css" href="calendario/src/css/steel/steel.css" />
</head>
<body>
<form>
<table>
<tr>
<td colspan="4" id="cont"></td>
</tr>
<tr>
<td>
<input style="text-align: center" readonly="true" name="date" id="f_date" value="<?php echo "$id"; ?>" size="14" />
</td>
</tr>
</table>
</form>
<script type="text/javascript">//<![CDATA[
// this handler is designed to work both for onSelect and onTimeChange
// events. It updates the input fields according to what's selected in
// the calendar.
function updateFields(cal) {
var date = cal.selection.get();
if (date) {
date = Calendar.intToDate(date);
window.location = 'turnos.php?date=' + Calendar.printDate(date, "%Y-%m-%d");
document.getElementById("f_date").value = Calendar.printDate(date, "%Y-%m-%d");
}
};
Calendar.setup({
cont : "cont",
<!--showTime : 12,-->
onSelect : updateFields,
onTimeChange : updateFields
});
//]]></script>
</body>
</html>
-------------------------------------
turnos.php
<?php
require_once "/../../includes/cnx.php";
$date=$_GET['date'];
$hora= "10:00";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="/sao/css/style.css">
<title>Turnos</title>
<script type="text/javascript">
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=no,width=300,height=250,left = 464.5,top = 259');");
}
</script>
</head>
<body background="/sao/imgs/fondo_iframe.jpg">
<table width="100%" border="0">
<tr>
<td>
<table width="700" align="center" border="0">
<tr>
<td>
<table width="700" border="1" bordercolorlight="#666666" align="center" bgcolor="#FFFFFF">
<td align="center" colspan="7" bgcolor="#999999">Profesional: <?php
$consulta1= mysql_query("SELECT nombres,apellidos,cod_prof FROM profesionales where estado='Habilitado' ORDER BY apellidos ASC", $con);
echo "<select name='doctores'>";
echo "<option value=''></option>";
while($row= mysql_fetch_array($consulta1)) {
echo "<option value=".($row['cod_prof']).">".$row['apellidos']," ",$row['nombres']."</option>";
}
echo "</select>";
?></td>
<tr class="cabecera">
<td align="center" width="1%">Acción</td>
<td align="center">Hora</td>
<td nowrap="nowrap" align="center">Apellido</td>
<td nowrap="nowrap" align="center">Nombre</td>
<td align="center">Motivo</td>
'
<td align="center">Tipo</td>
<td nowrap="nowrap" align="center" width="1%">Primer visita?</td>
</tr>
<tr>
<td nowrap="nowrap"><a href="javascript:popUp('<?php echo "nuevo_turno.php?date=$date&&hora=$hora";?>')">Nuevo Turno</a></td>
<td width="1%">9:30</td>
----------------------------------
Si vos ejecutas turnos.php, te muestra un tabla con un calendario al lado.
Arriba de la tabla hay un combobox, que se carga con los profesionales que están en la BD.
El calendario esta hecho para que cuando yo haga click se actualice la página con los turnos de esa fecha.
El problema es el...
4 Respuestas
Respuesta de axtm
1
Respuesta de krlosnow
1
Respuesta de flopstech
1
Respuesta de alexferlor
1