buenas noches...necesito de su ayuda;veran, la idea es darle click a un boton llamado "busqueda" ahi se me aparece un popup donde muestra un catalago y al darle click en el texto (que es una etiqueta con atributo href) me lo muestre en el formulario que tiene un input....el codigo es el siguiente:
-------------------------------------------------------------------------------------------------------<?php
session_start();
include("conexionBD.php");
?>
<!DOCTYPE HTML>
<html lang="es">
<head id="head1">
<meta name="menu_estado" http-equiv="content-type" content="text/html" charset="utf-8_spanihs_ci" />
<link rel="stylesheet" href="css/estilo_form1.css"/>
<link rel="stylesheet" href="css/estilo2.css"/>
<link rel="stylesheet" href="css/css_popup.css"/>
<title>ESTADO</title>
<script type="text/javascript">
function consultar(){
var aux_est=document.getElementById('nomb_enlace').val ue;
if (aux_est!=""){
document.getElementById('nomb_estado').value=aux_e st;
//alert(aux_est);
}
else {
document.getElementById('nomb_estado').value="";
}
}
</script>
</head>
<body>
<form class="frm_1" id="form_1" name="form_1" method="post" action="form_estado.php">
<ul>
<h2>Estado</h2>
<li class="uno">
<label>Codigo del Estado:</label>
<label class="cod">0001</label>
<button class="btn_busq" type="button" onclick="location.href = '#popup1'" >Busqueda</button>
</li>
<li class="dos">
<label for="nomb_estado">Ingrese el Estado:</label> <!--es el focus-->
<input type="text" placeholder="Lara" maxlength="26" name="nomb_estado" required="" id="nomb_estado" value=""/>
</li>
<li class="btn">
<button class="btn_guardar" type="submit">Guardar</button>
<button class="btn_modificar" type="submit">Modificar</button>
<button class="btn_eliminar" type="submit">Eliminar</button>
<button class="btn_cancelar" type="reset">Cancelar</button>
<a href="indice.php" class="enlace">Regresar</a>
</li>
</ul>
<div id="popup1" class="overlay">
<div class="popup">
<a class="close" href="#">×</a>
<div class="content">
<br/><br/>
<table class="tabla" border="1">
<tr text-align="center">
<td><b>Codigo</b></td>
<td><b>Estado</b></td>
</tr>
<?php
$sql = "SELECT * FROM estado";
$result=pg_query($sql);
while ($fila=pg_fetch_array($result)){
echo "<TR><TD>".$fila[0]."</TD><TD><a name='nomb_enlace' id='nomb_enlace' href='#' onclick='javascript
:consultar()'/>".$fila[1]."</a></TD></TR>";
}
pg_free_result($result);
pg_close($conexion);
?>
</table>
</div>
</div>
</div>
</form>
</body>
</html>
------------------------------------------------------------------------------------------
el error que me esta mostrando el script es la variable "aux_est" de la funcion consultar() se imprime "undefined".... eso es porque no esta mostrando la valor al momento de darle click...y la verdad es que no se que hacer no soy muy ducho con el js......les agradezco su ayuda...
aqui estan las hojas de estilo por si acaso:
-------------------------------------------------
css_popup.css
-------------------------------------------------
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 30%;
position: relative;
transition: all 5s ease-in-out;
}
.popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
text-align: center;
}
.popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: orange;
}
.popup .content {
max-height: 20%;
overflow: auto;
}
.popup .content .tabla {
width: 200px;
text-align: center;
margin-left: 100px;
}
.popup .content .tabla a:link {
text-decoration:none;
color: #0000ff;
}
.popup .content .tabla a:visited {
text-decoration:none;
color:#0000ff;
}
.popup .content .tabla a:hover{
text-decoration:underline;
color: #0000ff;
}
--------------------------------------------------
estilo_form1.css
--------------------------------------------------
.frm_1{
width: 598px;
height: 700px;
background-color: #effbf8;
margin: 40px;
padding: 40px;
margin-left: 275px;
border: 1px solid #ccc;
}
.frm_1 ul h2{
padding: 10px 0px;
font-size: 28px;
text-align: center;
margin-left: 150px;
}
.uno, .dos{
font-size: 18px;
font-family: arial, helvetica, sasans-serif;
}
.uno {
padding: 30px 0px;
}
.dos {
padding: 0px 0px;
}
.btn {
padding: 40px 0px;
}
.dos input {
font-size: 18px;
font-family: arial, helvetica, sans-serif;
padding: 1px;
margin-left: 5px;
border: 1px solid #ccc;
width: 230px;
}
.dos input:focus {
border: 1px solid #1668c4;
}
.btn_busq {
padding: 0px 0px;
margin-left: 110px;
}
.btn_guardar, .btn_cancelar, .btn_busq, .btn_modificar, .btn_eliminar {
width: 75px;
height: 25px;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
}
.frm_1 .btn .enlace {
width: 75px;
height: 25px;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
margin-left: 190px;
}
.frm_1 .btn .enlace:link {
text-decoration:none;
color: #0000ff;
}
.frm_1 .btn .enlace:visited {
text-decoration:none;
color:#0000ff;
}
.frm_1 .btn .enlace:hover{
text-decoration:underline;
color: #0000ff;
}
gracias....