Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] problemas para llevar una variable href al input

Estas en el tema de problemas para llevar una variable href al input en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/09/2015, 00:14
 
Fecha de Ingreso: septiembre-2015
Mensajes: 3
Antigüedad: 8 años, 6 meses
Puntos: 0
problemas para llevar una variable href al input

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....
  #2 (permalink)  
Antiguo 14/09/2015, 08:03
 
Fecha de Ingreso: noviembre-2014
Ubicación: Granada
Mensajes: 7
Antigüedad: 9 años, 4 meses
Puntos: 1
Sonrisa Respuesta: problemas para llevar una variable href al input

Cita:
Iniciado por charro_javier Ver Mensaje
<script type="text/javascript">
function consultar(){
var aux_est=document.getElementById('nomb_enlace').innerHTML;
No existe el atributo value para <a>, en su lugar debes usar innerHTML.
  #3 (permalink)  
Antiguo 14/09/2015, 08:34
 
Fecha de Ingreso: septiembre-2015
Mensajes: 3
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: problemas para llevar una variable href al input

valgame dios compa conik500... gracias..era asi de sencillo pero como les dije poco conozco el condenao javascript...jejejejeje....pero ahi vamos...gracias

Etiquetas: formulario, href, html, input, php, select, sql, tabla, variable
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:31.