Foros del Web » Programando para Internet » PHP »

Obtener el valor de un input text

 Estas en el tema de Obtener el valor de un input text en el foro de PHP en Foros del Web. Hola a todos, espero me puedan ayudar con esto, tengo el siguiente codigo: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original < script language = "javascript" ...
  #1 (permalink)  
Antiguo 27/11/2012, 09:53
 
Fecha de Ingreso: junio-2008
Ubicación: Osorno
Mensajes: 155
Antigüedad: 16 años, 7 meses
Puntos: 3
Pregunta Obtener el valor de un input text
Hola a todos, espero me puedan ayudar con esto, tengo el siguiente codigo:

Código Javascript: 
Ver original
  1. <script language="javascript">
  2. function carga(index)
  3. {
  4.     document.form1.oculto.value=index;
  5.     
  6. }
  7. </script>
Código HTML: 
Ver original
  1. <a href="javascript:carga(1);"><img src="imagen_01.png" alt="7" width="140" height="140" border="0"/></a>
  2.  
  3. <form name="form1" method="post">
  4. <input id='oculto' name="oculto" type="text">
  5. </form>
que funciona de la siguiente manera, cuando pincho sobre la imagen_01 ejecuta la funcion "carga" de javascript, esta funcion le cambia el valor a mi input text llamado "oculto" por el valor de la variable index, hasta aqui todo bien, lo que necesito ahora es capturar por PHP el valor que tiene ese texbox luego de haber presionado sobre la imagen y ejecutado la funcion javascript.

he intentado de la siguiente manera pero no me funciona:

Código PHP:
<?php 
$var=$oculto;

echo $var;
 ?>
me podrían ayudar con esto por favor
  #2 (permalink)  
Antiguo 27/11/2012, 10:17
Avatar de pateketrueke
Modernizr
  
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años, 10 meses
Puntos: 2534
Respuesta: Obtener el valor de un input text
Debes usar $_POST['oculto'] ¿no te parece?
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #3 (permalink)  
Antiguo 27/11/2012, 10:28
 
Fecha de Ingreso: junio-2008
Ubicación: Osorno
Mensajes: 155
Antigüedad: 16 años, 7 meses
Puntos: 3
Respuesta: Obtener el valor de un input text
Muchas gracias por tu respuesta pateketrueke, pero ya lo he intentando con el $_POST, pero tampoco me funciona
  #4 (permalink)  
Antiguo 27/11/2012, 10:37
Avatar de pateketrueke
Modernizr
  
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años, 10 meses
Puntos: 2534
Respuesta: Obtener el valor de un input text
Es increíble que no te funcione, según el manual así debería ser.

Me pregunto ¿cómo lo estarías haciendo para que falle?

Imagino que ya habrás leído el manual y hecho alguno de los ejemplos ahí descritos, pero como no sabes lo que haces vas a decir que si.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #5 (permalink)  
Antiguo 27/11/2012, 10:43
Avatar de GatorV
$this->role('moderador');
  
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 18 años, 8 meses
Puntos: 2135
Respuesta: Obtener el valor de un input text
Exacto debes de usar $_POST, lee lo siguiente http://www.php.net/variables.external

Saludos.
  #6 (permalink)  
Antiguo 27/11/2012, 11:01
 
Fecha de Ingreso: junio-2008
Ubicación: Osorno
Mensajes: 155
Antigüedad: 16 años, 7 meses
Puntos: 3
Respuesta: Obtener el valor de un input text
pateketrueke, aqui esta todo mi code para que lo cheques y ver si me puedes ayudar.

Código HTML: 
Ver original
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin título</title>
  5. <style type="text/css">
  6. body 
  7. {
  8.     z-index:1;
  9. }
  10. #loader
  11. {
  12.     visibility:hidden;
  13.     position:absolute;
  14.     padding:0px;
  15.     left:630px;
  16.     top:80px;
  17.     z-index:3;
  18.     width: auto;
  19.     height: auto;
  20. }
  21. .lb-loader 
  22. {
  23.   position: absolute;
  24.   top: 40%;
  25.   left: 0%;
  26.   height: 25%;
  27.   width: 100%;
  28.   text-align: center;
  29.   line-height: 0;
  30. }
  31. #capaFondo1 
  32. {
  33.     visibility:hidden;
  34.     position:absolute;
  35.     padding:0px;
  36.     left:0px;
  37.     top:0px;
  38.     right:0px;
  39.     bottom:0px;
  40.     background-image:url(Api/Lightbox/Img/overlay.png);
  41.     background-repeat:repeat;
  42.     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  43.     opacity: 0.85;
  44.     width: auto;
  45.     height: auto;
  46.     z-index:2;
  47. }
  48. #capaVentana 
  49. {
  50.     visibility:hidden;
  51.     position:absolute;
  52.     padding:0px;
  53.     left:400px;
  54.     top:10px;
  55.     z-index:3;
  56.     width: auto;
  57.     height: auto;
  58. }
  59. </style>
  60. <script language="javascript">
  61. function carga(index)
  62. {
  63.     document.form1.oculto.value=index;
  64.     document.getElementById("capaFondo1").style.visibility="visible";   
  65.     document.getElementById("loader").style.visibility="visible";
  66.     document.getElementById("loading").style.visibility="visible";
  67.     window.onload = window.setTimeout( "ocultar()", 3000 ); 
  68. }
  69. function ocultar(){
  70.     var obj = document.getElementById("loading");
  71.     obj.style.visibility = "hidden"
  72.     document.getElementById("loader").style.visibility="hidden";
  73.     abrirVentana(1);
  74. }
  75. function abrirVentana(ventana)
  76. {
  77.         
  78.     if (ventana=="1")
  79.         {
  80.             document.getElementById("capaFondo1").style.visibility="visible";
  81.         }
  82.             document.getElementById("capaVentana").style.visibility="visible";
  83. }
  84.     
  85. function cerrarVentana()
  86. {
  87.     document.getElementById("capaFondo1").style.visibility="hidden";
  88.     document.getElementById("capaVentana").style.visibility="hidden";
  89. }
  90. </script>
  91. </head>
  92. <body>
  93.   <div >
  94.     <ul id="foo1">
  95.       <li><a href="javascript:carga(1);"><img src="img_menu_princ/img_01.png" alt="7" width="140" height="140" border="0"/></a><br>Los 7 Grandes</br></li>
  96.         </ul>
  97.     </div>
  98.  
  99. <div id="loader" class="lb-loader">
  100.     <img id="loading" src="Api/Lightbox/Img/loading.gif" width="31" height="31">
  101. </div>
  102. <div id="capaFondo1">
  103. </div>
  104. <div id="capaVentana">
  105. <form name="form1" method="post">
  106.     <table border="0" cellpadding="0" cellspacing="0" width="450">
  107.     <tr>
  108.         <td colspan="2">
  109.             <table cellpadding="10" cellspacing="0" border="0" width="100%" style="background-color:#000;">
  110.                 <tr>
  111.                     <input id='oculto' name="oculto" type="text">
  112.                 </tr>
  113.                 <tr>
  114.                     <td>
  115.                         <?php
  116.                         $var=$_POST['oculto'] ;
  117.                         echo $var;
  118.                         ?>
  119.                     </td>
  120.                 </tr>
  121.             </table>
  122.         </td>
  123.     </tr>
  124.    <tr>
  125.       <td width="496"> <font color="#FFFFFF" style="font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:600;">
  126.                 <a href="inicio.php?disp=contenedor2">Ver mas...</a></font></td>
  127.       <td width="24"><img src="Api/Lightbox/Img/close.gif" width="20" height="20" onclick="cerrarVentana()" /></td>           
  128.   </tr>
  129. </table>
  130. </form>
  131. </div> 
  132. </body>
  133. </html>
  #7 (permalink)  
Antiguo 27/11/2012, 11:10
Avatar de pateketrueke
Modernizr
  
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años, 10 meses
Puntos: 2534
Respuesta: Obtener el valor de un input text
Debes entender una cosa:

Las variables de un formulario solo están disponibles cuando se recibe dicho formulario, tu código en teoría es correcto pero, ¿estás enviando el formulario?

Es que no se entiende la parte donde no te funciona, si explicas esa parte será mas sencillo ayudar.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #8 (permalink)  
Antiguo 27/11/2012, 11:33
 
Fecha de Ingreso: junio-2008
Ubicación: Osorno
Mensajes: 155
Antigüedad: 16 años, 7 meses
Puntos: 3
Respuesta: Obtener el valor de un input text
Ok, tratare de explicarme lo mejor posible que es lo que no funciona en mi codigo.


Código HTML: 
Ver original
  1. <!--EN ESTA PARTE LE DOY FORMATO A LOS DIV QUE CONTIENEN LA INFORMACION -->
  2. <style type="text/css">
  3. body 
  4. {
  5.     z-index:1;
  6. }
  7. #loader
  8. {
  9.     visibility:hidden;
  10.     position:absolute;
  11.     padding:0px;
  12.     left:630px;
  13.     top:80px;
  14.     z-index:3;
  15.     width: auto;
  16.     height: auto;
  17. }
  18. .lb-loader 
  19. {
  20.   position: absolute;
  21.   top: 40%;
  22.   left: 0%;
  23.   height: 25%;
  24.   width: 100%;
  25.   text-align: center;
  26.   line-height: 0;
  27. }
  28. #capaFondo1 
  29. {
  30.     visibility:hidden;
  31.     position:absolute;
  32.     padding:0px;
  33.     left:0px;
  34.     top:0px;
  35.     right:0px;
  36.     bottom:0px;
  37.     background-image:url(Api/Lightbox/Img/overlay.png);
  38.     background-repeat:repeat;
  39.     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  40.     opacity: 0.85;
  41.     width: auto;
  42.     height: auto;
  43.     z-index:2;
  44. }
  45. #capaVentana 
  46. {
  47.     visibility:hidden;
  48.     position:absolute;
  49.     padding:0px;
  50.     left:400px;
  51.     top:10px;
  52.     z-index:3;
  53.     width: auto;
  54.     height: auto;
  55. }
  56. </style>
  57.  
  58.  
  59. <script language="javascript">
  60. function carga(index)
  61. {
  62.     document.form1.oculto.value=index; <!--EN ESTA PARTE DE LA FUNCION LE PASO EL VALOR QUE TIENE LA VARIABLE INDEX A MI INPUT TEXT "FUNCIONA SIN PROBLEMAS ESTA PARTE" -->
  63.     document.getElementById("capaFondo1").style.visibility="visible"; <!--EN ESTA PARTE DE LA FUNCION hAGO VISIBLE EL DIV CAPAFONDO1  -->   
  64.     document.getElementById("loader").style.visibility="visible"; <!--EN ESTA PARTE DE LA FUNCION hAGO VISIBLE EL DIV LOADER  -->   
  65.     document.getElementById("loading").style.visibility="visible"; <!--EN ESTA PARTE DE LA FUNCION hAGO VISIBLE LA IMAGEN LOADING  -->  
  66.     window.onload = window.setTimeout( "ocultar()", 3000 );  <!--DESPUES DE 3 SEGUNDOS QUE MUESTRO LA IMAGEN LOADIN VOY A LA FUNCION OCULTAR  -->   
  67. }
  68. function ocultar(){
  69.     var obj = document.getElementById("loading"); <!--PONGO DENTRO LA VARIABLE OBJ LA IMAGEN LOADING  -->
  70.     obj.style.visibility = "hidden"<!--DEJO LA IMAGEN LOADING OCULTA NUEVAMENTE  -->
  71.     document.getElementById("loader").style.visibility="hidden";<!--DEJO EL DIV LOADER OCULTO NUEVAMENTE -->
  72.     abrirVentana(1);<!--VOY A LA FUNCION ABRIRVENTANA -->
  73. }
  74. function abrirVentana(ventana)
  75. {
  76.         
  77.     if (ventana=="1")
  78.         {
  79.             document.getElementById("capaFondo1").style.visibility="visible"; <!--DEJO EL DIV CAPAFONDO1 VISIBLE -->
  80.         }
  81.             document.getElementById("capaVentana").style.visibility="visible";<!--DEJO EL DIV CAPAVENTANA VISIBLE -->
  82. }
  83.     
  84. function cerrarVentana()
  85. {
  86.     document.getElementById("capaFondo1").style.visibility="hidden"; <!--DEJO EL DIV CAPAFONDO1 OCULTO -->
  87.     document.getElementById("capaVentana").style.visibility="hidden";<!--DEJO EL DIV CAPAVENTANA OCULTO -->
  88. }
  89. </script>
  90.  
  91. <!--TODAS ESTAS FUNCIONES DE JAVASCRIPT LA USO PARA ABRIR UN POPUP CON FONDO TRASPAARENTE "ESTO FUNCIONA SIN PROBLEMAS" -->
  92.  
  93. </head>
  94.  
  95. <!--DENTRO DE LA PAGINA TENGO UNA IMAGEN QUE AL PICHARLA SE SE ABRE EL POPUP TRANSPARENTE Y EJECUTAN LAS FUNCIONES JAVASCRIPT" -->
  96. <body>
  97. <div> 
  98.   <div >
  99.     <ul id="foo1">
  100.       <li><a href="javascript:carga(1);"><img src="img_menu_princ/img_01.png" alt="7" width="140" height="140" border="0"/></a><br>Los 7 Grandes</br></li>
  101.         </ul>
  102.     </div>
  103. </div>
  104. <!--ESTOS SON LOS DIV OCULTOS" -->
  105. <div id="loader" class="lb-loader">
  106.     <img id="loading" src="Api/Lightbox/Img/loading.gif" width="31" height="31">
  107. </div>
  108. <div id="capaFondo1">
  109. </div>
  110. <div id="capaVentana">
  111. <form name="form1" method="post">
  112.     <table border="0" cellpadding="0" cellspacing="0" width="450">
  113.     <tr>
  114.         <td colspan="2">
  115.             <table cellpadding="10" cellspacing="0" border="0" width="100%" style="background-color:#000;">
  116.                 <tr>
  117.                     <input id='oculto' name="oculto" type="text">
  118.                 </tr>
  119.                 <tr>
  120.                     <td>
  121.  <!--AQUI ES DONDE TENGO EL PROBLEMA QUIERO CAPTURAR CON PHP EL VALOR DEL INPUT TEXT LLAMADO OCULTO, EL CUAL FUE LLENADO POR LAS FUNCIONES DE JAVASCRIPT -->                   
  122.                         <?php
  123.                     //ESTE ES EL CODIGO QUE NO ME FUNCIONA
  124.                         $var=$_POST['oculto'] ;
  125.                         echo $var;
  126.                         ?>
  127.                     </td>
  128.                 </tr>
  129.             </table>
  130.         </td>
  131.     </tr>
  132.    <tr>
  133.       <td width="496"> <font color="#FFFFFF" style="font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:600;">
  134.                 <a href="inicio.php?disp=contenedor2">Ver mas...</a></font></td>
  135.       <td width="24"><img src="Api/Lightbox/Img/close.gif" width="20" height="20" onclick="cerrarVentana()" /></td>           
  136.   </tr>
  137. </table>
  138. </form>
  139. </div> 
  140. </body>
  141. </html>

agregue comentarios en mi codigo explicando que hace cada parte de el, ojala me haya explicado bien.
saludos y muchas gracias por todo.
  #9 (permalink)  
Antiguo 27/11/2012, 11:50
Avatar de pateketrueke
Modernizr
  
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años, 10 meses
Puntos: 2534
Respuesta: Obtener el valor de un input text
A ver, con calma, ¿si entiendes lo que te decía?

¿Envías el formulario en algún momento?

PHP se ejecuta en el servidor, pos eso es requerido que sea enviado el formulario al servidor, no puede de la nada imprimir variables desde el cliente.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #10 (permalink)  
Antiguo 27/11/2012, 11:56
 
Fecha de Ingreso: junio-2008
Ubicación: Osorno
Mensajes: 155
Antigüedad: 16 años, 7 meses
Puntos: 3
Respuesta: Obtener el valor de un input text
eso es lo que no se hacer, porque el popup lo levantó al pinchar una imagen, si lo hiciera con un botón seria fácil hacer el envió del formulario. no se si me puedes ayudar con eso.
  #11 (permalink)  
Antiguo 27/11/2012, 12:26
Avatar de pateketrueke
Modernizr
  
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años, 10 meses
Puntos: 2534
Respuesta: Obtener el valor de un input text
Entonces no necesitas nada de php, ya que con javascript puedes recuperar el valor de lo que quieras, casi de la misma forma en que lo asignas.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.

Etiquetas: input, variables, txt
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 19:55.