Ver Mensaje Individual
  #4 (permalink)  
Antiguo 17/03/2011, 11:12
Avatar de masterpuppet
masterpuppet
Software Craftsman
 
Fecha de Ingreso: enero-2008
Ubicación: Montevideo, Uruguay
Mensajes: 3.550
Antigüedad: 17 años, 1 mes
Puntos: 845
Respuesta: Ayuda con Ajax.PeriodicalUpdater

A ver vamos de nuevo, entre los tags head tenes que tener algo asi:

Código HTML:
Ver original
  1. <script type="text/javascript" src="../js/prototype.js"></script>
  2. <script type="text/javascript">
  3. var updater = function(target, url, params) {
  4.     return new Ajax.PeriodicalUpdater(target, url, params || {
  5.         method: 'get', frequency: 1, decay: 2
  6.     });
  7. }
  8. document.observe('dom:loaded', function() {      
  9.     $('boton1').observe('click', function(e){                              
  10.         e.stop();
  11.         this.stopObserving('click');                            
  12.         updater('contenido', 'alertas.php');                
  13.     });            
  14.     $('boton2').observe('click', function(e){                              
  15.         e.stop();
  16.         this.stopObserving('click');                            
  17.         updater('contenido', 'alertas_com.php');                
  18.     });
  19. });

y el html deberia ser asi:

Código HTML:
Ver original
  1. <body style="padding-top:1%;">
  2. <div id="hero-slider" >
  3.   <form name="form1"><table width="160" border="0" align="center">
  4.     <tr>
  5.       <td width="75" height="96">
  6. <input type="button" id="boton1" class="boton2" name="Submit" value="" />
  7.         <div class="Estilo3" style="position:relative; bottom:10%; width: 75px;">
  8.           <div align="center">Radicacion</div>
  9.       </div></td>
  10.       <td width="75" height="96">
  11. <input type="button" id="boton2" class="boton2" name="Submit2" value="" />
  12. <div class="Estilo5" style="position:relative; bottom:10%; width:75" >
  13.     <div align="center">Licencia</div>
  14.   </div></td>
  15.     </tr>
  16.   </table></form>
  17.  
  18.   <div id="contenido" align="center" style="padding-top:2%">
  19. <div id="precarga" align="center"></div>
  20.   </div>
  21.         <!-- .mask -->
  22. </div> <!-- #hero-slider -->
  23. </body>

si te sigue sin funcionar, hace un alert en el click de los botones, para comprobar que se setearon correctamente los eventos, asi:

Código Javascript:
Ver original
  1. ...
  2. $('boton1').observe('click', function(e) {                              
  3.     alert('__CLICKED__');
  4.     e.stop();
  5.     this.stopObserving('click');                            
  6.     updater('contenido', 'alertas.php');                
  7. });

bueno proba y nos comentas.
__________________
http://es.phptherightway.com/
thats us riders :)