Tema: Obtener el valor de un input text
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 27/11/2012, 11:33
proteus8
 
Fecha de Ingreso: junio-2008
Ubicación: Osorno
Mensajes: 155
Antigüedad: 15 años, 10 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.