Como Activar un Div flotante y ala vez enviar un formulario Tengo una web que me enlista una tabla de MySql y todo va bn
tengo un Div flotante que se activa con Javascript y funciona bn
ahora el problema es que no ayo la forma que me envie el formulario y ala vez active el div flotante pero ala vez pasando El id del producto
El siguiente Codigo me Funciona Pero No se Por que Se cierra solo
Código PHP:
<!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>
<script language="javascript">
function showLightbox() {
document.getElementById('over').style.display='block';
document.getElementById('fade').style.display='block';
}
function hideLightbox() {
document.getElementById('over').style.display='none';
document.getElementById('fade').style.display='none';
}
</script>
<style type="text/css">
.overbox {
display: none;
position: absolute;
top: 15%;
left: 8%;
z-index:1002;
overflow: auto;
}
#descri {
height:auto;
width:900px;
left:inherit;
right:inherit;
top:inherit;
position:fixed;
z-index:-1;
float:right;
background: #FFF;
border: solid 3px #323232;
padding: 10px;
}
.fadebox {
display: none;
position:fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.95;
opacity:.95;
filter: alpha(opacity=95);
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<?php
require_once('Secreto/Ax92.php');
//Conexion a la base de datos
mysql_connect($servidor, $usuariodatos, $secretisimo);
mysql_select_db($basedatos);
$result=mysql_query("select * from productos ORDER BY id DESC;");
echo' <div id="fade" class="fadebox"> </div> ';
echo '
<table width="100%" border="2">
<tr>
<td><div align="center">Imagen </div></td>
<td><div align="center">Titulo </div></td>
<td><div align="center">Tipo</div></td>
<td> <div align="center">Cantidad</div></td>
<td><div align="center">Detalles</div></td>
</tr>';
//Mostrando los registros
while ($row=mysql_fetch_array($result))
{
if($row["id"] ){
echo '<tr>';
$aux=$row["id"];
mysql_connect($servidor, $usuariodatos, $secretisimo);
mysql_select_db($basedatos);
$resultb=mysql_query("select imagen from caracteristicas where id_productos='$aux' ");
$rowb=mysql_fetch_array($resultb);
echo '<td><div align="center">';
echo '<img src="';
echo $rowb["imagen"]; echo '" width="60" height="60" />'; echo '</div></td>';
echo '<td><div align="center">'; echo $row["nombre"]; echo '</div></td>';
echo '<td><div align="center">'; echo $row["tipo"]; echo '</div></td>';
echo '<td><div align="center">'; echo $row["cantidad"]; echo " "; echo $row["tipocantidad"] ; echo '</div></td>';
echo '<td><div align="center">';
$ida=$row["id"];
?>
<form id="form1" name="form1" method="post" action="" >
<input type="hidden" name="auxilio" id="auxilio" value="<?php echo $ida; ?> " />
<input type="submit" onclick="javascript:showLightbox();" name="button" id="button" value="Ver Detalles " />
</form>
<?php
echo '</div></td>';
echo '</tr>';
}
}
mysql_free_result($result);
?>
</table>
<div id="over" class="overbox">
<div id="descri">
<div>
<a href="javascript:hideLightbox()"><img src="images/cerrar.png" width="25" height="25" align="right" /></a></div>
</div>
<?php
$clave=$_POST['auxilio'];
echo $clave;
?>
</div>
</body>
</html> 
