traer un valor que le de click del popup a un input
Publicado por javier lopez (30 intervenciones) el 15/09/2015 18:28:37
buenos dias...ya me ayudaron ayer con el pase de una variable que viene de un popup en una tabla donde cada elemento tiene una etiqueta <a href><a/>.....PERO al darle click me trae nada mas el primer valor no me trae al que yo le de click ese es el problema, ojo estoy usando el bd postgresql, php, y el popup lo cree con css no con javascript, el javascript lo estoy utilizando es para el pase de parametros y cuando llegue a las validaciones lo usare.....el codigo del php principal es:
-----------------------------------------------------------------------------------------
form_estado.php
-----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------
conexionBD.php
-----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------
estilo_form1.css
-----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------
popup.css
-----------------------------------------------------------------------------------------
por tanto lo que necesito es que de un popup traerme el valor que al darle click a la etiqueta <a> (id='nomb_enlace') lo retorne al input del formulario (id="nomb_estado")... esa es la idea de este ejemplo..gracias....
-----------------------------------------------------------------------------------------
form_estado.php
-----------------------------------------------------------------------------------------
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<?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/css_popup.css"/>
<title>ESTADO</title>
<script type="text/javascript">
function consultar(){
var aux_est=document.getElementById('nomb_enlace').inn erHTML;
document.getElementById('nomb_estado').value=aux_e st;
//alert(aux_est);
}</script>
</head>
<body>
<form class="frm_1" id="form_1" name="form_1" method="post" action="">
<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>
-----------------------------------------------------------------------------------------
conexionBD.php
-----------------------------------------------------------------------------------------
1
2
3
4
5
6
7
8
9
10
<?php
$host='localhost';
$port=5432;$dbname='db_sop_tec';
$user='postgres';
$password='123456';
$cadenadb = "host=$host port=$port dbname=$dbname user=$user password=$password";
$conexion = pg_connect($cadenadb) or die("Error de conexion ". pg_last_error());
?>
-----------------------------------------------------------------------------------------
estilo_form1.css
-----------------------------------------------------------------------------------------
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
.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;
}-----------------------------------------------------------------------------------------
popup.css
-----------------------------------------------------------------------------------------
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
.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;
}por tanto lo que necesito es que de un popup traerme el valor que al darle click a la etiqueta <a> (id='nomb_enlace') lo retorne al input del formulario (id="nomb_estado")... esa es la idea de este ejemplo..gracias....
Valora esta pregunta
0