Ver Mensaje Individual
  #3 (permalink)  
Antiguo 07/09/2012, 08:15
Avatar de NnikoO
NnikoO
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario
Mensajes: 245
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Pasar valor de textbox de un while a textbox de ventana modal!

Claro que si, aca va:

pagina.php
Código PHP:
Ver original
  1. <!-- MODAL BORRAR -->
  2. <div id="formularioborrar">
  3.     <span class="close"></span>
  4.    
  5.     <div id="formborrar-container">
  6.         <h1>Borrar noticia</h1>
  7.         <img class="separatorform" src="images/separator.png" />
  8.        
  9.         <div id="loading" style="display:none; text-align:center; font-weight:bold;">Borrando!</div>
  10.        
  11.         <div id="form_borrar" class="noticia">
  12.                <form id="formulario_borrar" enctype="multipart/form-data">
  13.                     <div id="datos">
  14.                         <ul>
  15.                             <li>
  16.                                 <center>¿Esta seguro que desea borrar la noticia?</center>
  17.                                 <input name="id_borrar" id="id_borrar" type="text" value="" />
  18.                             </li>
  19.                             <li class="controles">
  20.                             <input type="button" name="publicar" class="publicar" value="No" id="no_borrar"/>
  21.                             <input type="button" name="publicar" class="publicar" value="Si" id="si_borrar"/>
  22.                             </li>  
  23.                         </ul>
  24.                     </div>
  25.                 </form>
  26.         </div>
  27.     </div>
  28. </div>
  29.  
  30.  
  31.  
  32. <?php                
  33. //CARGANDO NOTICIAS DESDE BD
  34. $noticias = "SELECT * FROM noticias ORDER BY idNoticia DESC";
  35. $resultado_noticias = mysql_query($noticias, $link) or die(mysql_error());     
  36.  
  37. if(mysql_num_rows($resultado_noticias) == 0){
  38.  
  39.     echo "No hay noticias cargadas.";
  40.                    
  41. }
  42. else{
  43.       if($resultado_noticias){
  44.             while($row = mysql_fetch_array($resultado_noticias)){
  45.                
  46.                     $titulo = $row['titulo'];
  47.                     $autor  = $row['autor'];
  48.                     $fecha  = $row['fecha'];
  49.                     $idNoticia  = $row['idNoticia'];
  50.                    
  51.                     //VERIFICO SI LA FILA ES PAR, PARA MOSTRARLA GRIS O BLANCA
  52.                     $color = (++$count % 2) ? '' : 'class="par"';  
  53.                    
  54. ?>
  55.                
  56.                     <tr <?php echo $color; ?>>
  57.                         <td><input type="checkbox" name="selectone" id="selectone" /></td>
  58.                         <td class="articulo"><?php echo $titulo; ?></td>
  59.                         <td class="autor"><?php echo $autor; ?></td>
  60.                         <td class="fecha"><?php echo $fecha; ?></td>
  61.                         <td class="acciones"><img src="images/editar.png" /><img src="images/eliminar.png" class="borrar"/><input name="id" id="id" type="text" value="<?php echo $idNoticia; ?>"/></td>
  62.                     </tr>
  63.                    
  64. <?php
  65.             }
  66.       }
  67. }
  68.  
  69. ?>

La primer parte esta el código html de la ventana modal. Y la segunda se ve el while con la muestra del resultado. Cuando se cliquea la img con la class='borrar' se abre la ventana, este es el codigo js:

Código Javascript:
Ver original
  1. //BORRAR NOTICIA
  2.     var borrar_noticia = $('.listado_noticias .borrar'),
  3.         formulario_borrar = $('#formularioborrar'),
  4.         cerrarform_borrar = $('#formularioborrar span.close');
  5.    
  6.         borrar_noticia.on('click',function(){
  7.             formulario_borrar.animate({
  8.                 'top':'100',
  9.             },800);
  10.        
  11.         document.getElementById('id_borrar').value = document.getElementById('id[]').value;  
  12.        
  13.     });
  14.    
  15.     cerrarform_borrar.on('click',function(){
  16.         formulario_borrar.animate({
  17.             'top':'-600',
  18.         },800);
  19.     });
  20.    
  21.     $("#no_borrar").click(function(){
  22.         formulario_borrar.animate({
  23.             'top':'-600',
  24.         },800);
  25.     });