Tema: agregar valor a caja de texto utilizando mootools
Ver Mensaje Individual
  #11 (permalink)  
Antiguo 15/12/2010, 09:55
Avatar de valdo_kof
valdo_kof
 
Fecha de Ingreso: noviembre-2009
Ubicación: San Juan del Rio, Qro
Mensajes: 192
Antigüedad: 15 años, 1 mes
Puntos: 16
Respuesta: agregar valor a caja de texto utilizando mootools
ok mira te posteo mi codigo, este es mi pagina agregar_insumo

Código PHP: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Documento sin t&iacute;tulo</title>
  6. <link rel="stylesheet" href="global.css" type="text/css" media="all" />
  7. <script type="text/javascript" src="jquery.min.js"></script>
  8. <script type="text/javascript" src="jquery.easing.1.3.js"></script>
  9. <script type="text/javascript" src="sexylightbox.v2.3.jquery.min.js"></script>
  10. <link rel="stylesheet" href="sexylightbox.css" type="text/css" media="all" />
  11. <script type="text/javascript">
  12. $(document).ready(function(){
  13. SexyLightbox.initialize({color:'black', dir: 'sexyimages'});
  14. });
  15. </script>
  16. </head>
  17. <body>
  18. <div id="top">
  19. <div id="login-form">
  20. <a href="frame_insumo.php?TB_iframe=true&height=300&amp;width=400" title="Insumos" target="_blank" rel="sexylightbox"><span class="Estilo6">Ingresar Insumo.</span></a><span class="Estilo6"></span>      
  21. <input type="text" name="insumo" />
  22. </div>
  23. <script type="text/javascript">
  24.   document.write(unescape("%3Cscript src='ga.js' type='text/javascript'%3E%3C/script%3E"));
  25. </script>
  26. <script type="text/javascript">
  27.   var pageTracker = _gat._getTracker("UA-2851998-1");
  28.   pageTracker._trackPageview();
  29.  </script>
  30. </div>
  31. </body>
  32. </html>
en el cual mando llamar mi ventanita mootools que me muestra mi pagina frame_insumo en la linea
<a href="frame_insumo.php?TB_iframe=true&height=300&a mp;width=400" title="Insumos" target="_blank" rel="sexylightbox">

mi pagina frame:insumo.php contiene lo siguiente

Código PHP: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Documento sin t&iacute;tulo</title>
  6. </head>
  7. <frameset rows="100%,*" frameborder="NO" border="0" framespacing="0">
  8. <frame src="departamentos.php" name="arriba" id="arriba" >
  9. <frame src="UntitledFrame-3"></frameset>
  10. <noframes></noframes>
  11. </html>

en la cual me hace me manda llamar mi pagina departamentos.php donde me hace mi consulta y me muestra un listado de mis departamentos

mi pagina departamentos contiene lo siguiente:

Código PHP: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Basic LightFace Test</title>
  5. </head>
  6. <body>
  7. <?php
  8. include('conexion.php');
  9. $mirec_depa=$micon->execute ("SELECT * from DEPARTAMENTOS");
  10. $DEPARTAMENTO=$mirec_depa['DEPARTAMENTO']; //Sentencia para obtener todas las caracetristica de los insumos.
  11. $id=$mirec_depa['CVE_DEPARTAMENTO'];
  12. while(!$mirec_depa->eof){
  13. ?>
  14. <a href="insumo.php?dep=<?php echo $id;?>" ><span class="Estilo6"><?php  echo $DEPARTAMENTO;?></span></a><br />
  15. <?php  $mirec_depa->movenext();} ?>
  16. </body>
  17. </html>

en cada nombre de departamento me pone un link que me manda a mi pagina insumo.php mandando un parametro dep=$CVE_DEPARTAMENTO y me hace una consulta donde me muestra todos mis insumos que le pertenecen al departamento que seleccione, ahora en esa pagina es donde quiero seleccionar el insumo y me ponga lo que seleccione en la caja de texto con name="insumo" de mi pagina agregar_insumo.php

mi pagina insumo.php contiene lo siguiete:

Código PHP: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <!-- saved from url=(0051)http://jqueryfordesigners.com/demo/coda-bubble.html -->
  3. <HTML lang=en xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Coda Bubble Example</TITLE>
  4. <META content="text/html; charset=utf-8" http-equiv=Content-type>
  5. <STYLE type=text/css media=screen>
  6. * {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
  7. }
  8. BODY {
  9. PADDING-BOTTOM: 10px;
  10. PADDING-LEFT: 10px;
  11. PADDING-RIGHT: 10px;
  12. PADDING-TOP: 10px;
  13. font-weight: bold;
  14. }
  15. H1 {
  16. MARGIN: 14px 0px; FONT-FAMILY: "Trebuchet MS", Helvetica
  17. }
  18. P {
  19. MARGIN: 14px 0px; FONT-FAMILY: "Trebuchet MS", Helvetica
  20. }
  21. .bubbleInfo {
  22. POSITION: relative;
  23. WIDTH: 600px;
  24. TOP: 150px;
  25. LEFT: 100px
  26. }
  27. .trigger {
  28. POSITION: absolute
  29. }
  30. .popup {
  31. Z-INDEX: 50; POSITION: absolute; DISPLAY: none; BORDER-COLLAPSE: collapse
  32. }
  33. .popup TD.corner {
  34. WIDTH: 19px; HEIGHT: 15px
  35. }
  36. .popup TD#topleft {
  37. BACKGROUND-IMAGE: url(person_tooltip_images/balloon_topLeft.png)
  38. }
  39. .popup TD.top {
  40. BACKGROUND-IMAGE: url(person_tooltip_images/balloon_top.png)
  41. }
  42. .popup TD#topright {
  43. BACKGROUND-IMAGE: url(person_tooltip_images/balloon_topRight.png)
  44. }
  45. .popup TD.left {
  46. BACKGROUND-IMAGE: url(person_tooltip_images/balloon_left.png)
  47. }
  48. .popup TD.right {
  49. BACKGROUND-IMAGE: url(person_tooltip_images/balloon_right.png)
  50. }
  51. .popup TD#bottomleft {
  52. BACKGROUND-IMAGE: url(person_tooltip_images/balloon_bottomLeft.png)
  53. }
  54. .popup TD.bottom {
  55. BACKGROUND-IMAGE: url(person_tooltip_images/balloon_bottom.png); TEXT-ALIGN: center
  56. }
  57. .popup TD.bottom IMG {
  58. MARGIN: 0px auto; DISPLAY: block
  59. }
  60. .popup TD#bottomright {
  61. BACKGROUND-IMAGE: url(person_tooltip_images/balloon_bottomRight.png)
  62. }
  63. .popup TABLE.popup-contents {
  64. LINE-HEIGHT: 1.2em; BACKGROUND-COLOR: #fff; FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; COLOR: #666; FONT-SIZE: 12px
  65. }
  66. TABLE.popup-contents TH {
  67. TEXT-ALIGN: right; TEXT-TRANSFORM: lowercase
  68. }
  69. TABLE.popup-contents TD {
  70. TEXT-ALIGN: left
  71. }
  72. TR#release-notes TH {
  73. TEXT-ALIGN: left; TEXT-INDENT: -9999px; BACKGROUND: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat right top; HEIGHT: 17px
  74. }
  75. TR#release-notes TD A {
  76. COLOR: #333}
  77. </STYLE>
  78. <SCRIPT type=text/javascript 
  79. src="jquery.js"></SCRIPT>
  80. <SCRIPT type=text/javascript>
  81. <!--
  82. $(function () {
  83. $('.bubbleInfo').each(function () {
  84. var distance = 10;
  85. var time = 250;
  86. var hideDelay = 500;
  87. var hideDelayTimer = null;
  88. var beingShown = false;
  89. var shown = false;
  90. var trigger = $('.trigger', this);
  91. var info = $('.popup', this).css('opacity', 0);
  92. $([trigger.get(0), info.get(0)]).mouseover(function () {
  93. if (hideDelayTimer) clearTimeout(hideDelayTimer);
  94. if (beingShown || shown) {
  95. return;
  96. } else {
  97. beingShown = true;
  98. info.css({
  99. top: -90,
  100. left: -33,
  101. display : 'block'
  102. }).animate({
  103. top: '-=' + distance + 'px',
  104. opacity: 1
  105. }, time, 'swing', function() {
  106. beingShown = false;
  107. shown = true;
  108. });
  109. }
  110. return false;
  111. }).mouseout(function () {
  112. if (hideDelayTimer) clearTimeout(hideDelayTimer);
  113. hideDelayTimer = setTimeout(function () {
  114. hideDelayTimer = null;
  115. info.animate({
  116. top: '-=' + distance + 'px',
  117. opacity: 0
  118. }, time, 'swing', function () {
  119. shown = false;
  120. info.css('display', 'none');
  121. });
  122. }, hideDelay);
  123.  return false;
  124. });
  125. });
  126. });
  127.  //-->
  128. </SCRIPT>
  129. <META name=GENERATOR content="MSHTML 8.00.6001.18928"> 
  130. </HEAD>
  131. <BODY id=page>
  132. <?php $CVE_DEPARTAMENTO=$_GET['dep'];
  133. include('conexion.php');
  134. $mirec_depa=$micon->execute ("SELECT ID,PRODUCTO from productos where DEPA=".$CVE_DEPARTAMENTO);
  135. $ID=$mirec_depa['ID'];
  136. $PRODUCTO=$mirec_depa['PRODUCTO'];
  137. ?> 
  138. <table width="766" border="0" >
  139. <?php while(!$mirec_depa->eof){ 
  140. ?><tr>
  141. <td><div class=bubbleInfo><a href=""><?php echo $PRODUCTO;//en esta linea es donde quiero que cuando lo seleccione se ponga en mi caja de texto que esta en agregar_insumo?></a></br>
  142. <table id=dpop class=popup><?php //manda llamar la funcion de las ventanas este es un apartado ajeno a todo lo que quiero hacer solo muestra un tooltip con la descripcion de mi insumo?> 
  143. <tr>
  144. <td id=topleft class=corner></td>
  145. <td class=top></td>
  146. <td id=topright class=corner></td>
  147. </tr>
  148. <tr>
  149. <td class=left></td>
  150. <td><table class=popup-contents>
  151. <TBODY>
  152. <tr height="5">
  153. <?php 
  154. $mirec_car=$micon->execute ("SELECT CARACTERISTICAS.NOMBRE_CARACTERISTICA as NOMBRE, CARACTERISTICAS.CVE_CARACTERISTICA as CLAVE, CATALOGO.VALOR_CARACTERISTICA as VALOR FROM CARACTERISTICAS INNER JOIN CATALOGO ON CARACTERISTICAS.CVE_CARACTERISTICA = CATALOGO.CVE_CARACTERISTICA WHERE CVE_PRODUCTO=".$ID);
  155. $NOMBRE_CARACTERISTICA=$mirec_car['NOMBRE'];
  156. $CVE_CARACTERISTICA=$mirec_car['CLAVE'];
  157. $VALOR_CARACTERISTICA=$mirec_car['VALOR'];
  158. while(!$mirec_car->eof){?>
  159. <td height="3" nowrap="nowrap" align="center"><span title="hola"><em>
  160. <?php echo $NOMBRE_CARACTERISTICA?></em>            
  161. </span><br> <?php echo $VALOR_CARACTERISTICA?></td>     
  162. <?php  $mirec_car->movenext(); }?>
  163. </tr>
  164. <tr>
  165. <td></td>
  166. </tr>
  167. <th></th>
  168. <td></td>
  169. </tr>
  170. <th></th>
  171. <td></td>       
  172. <tr>
  173. <th></th>
  174. <td></td>
  175. </tr>
  176. <tr>
  177.  <th></th>
  178. <td></td></tr>     
  179. </TBODY></table></td>
  180. <td class=right></td></tr>
  181. <tr>
  182. <td id=bottomleft class=corner></td>
  183. <td class=bottom><img alt="popup tail" src="person_tooltip_images/balloon_tail.png" width=30 
  184. height=29></td>
  185.  <td id=bottomright class=corner></td>
  186. </tr>
  187. </TBODY>
  188. </table>
  189. </div></td>
  190.   </tr>  
  191.  <?php  $mirec_depa->movenext();}?>  
  192. </table> 
  193. </BODY>
  194. </HTML>

lo que quiero hacer en esta pagina es que cuando le di click en la linea <a href=""><?php echo $PRODUCTO;?></a> me ponga el nombre del producto que es mi insumo en la caja de texto insumo de mi pagina agregar_insumo.php

no se si me explique de antemano gracias