Foros del Web » Programando para Internet » Javascript » Frameworks JS »

actualizar mas de un DIV.

Estas en el tema de actualizar mas de un DIV. en el foro de Frameworks JS en Foros del Web. Podria alguien de ustedes explicarme como podria actualizar los datos de un div para luego mostrar donde corresponde. No he encontrado documentacion alguna al respecto. ...
  #1 (permalink)  
Antiguo 28/10/2010, 09:56
 
Fecha de Ingreso: octubre-2005
Mensajes: 405
Antigüedad: 19 años
Puntos: 1
actualizar mas de un DIV.

Podria alguien de ustedes explicarme como podria actualizar los datos de un div para luego mostrar donde corresponde.
No he encontrado documentacion alguna al respecto.
Desde ya se agradece cualquier colaboracion al respecto.

Código HTML:
<script type="text/javascript">                                          
   function actualEstante(id){                                              
     /* No se como van los datos para ir a actualizarlos y luego desplegar el DIV, correspondiente */
   }                                                                       
  </script> 

Código PHP:
  <!-- PODRIAN IN MULTIPLES DIV IDENTIFICADOS POR SU CORRESPONDIENTE NUMERACION -->

<!-- 
Hacer referencia al div 1 -->                                           
     <
div id="div_1">                                                           
      <
tr>                                                        
       <
td width=10align=right >4189190</td>                   
       <
td width=32align=left  >MANGUERA SUP.RADIADOR IZQ.F.125</td>                                                                
       <
td width=06align=right >Cajas</td>                     
       <
td width=07align=right ><input name=unicaj type=text value=5 size=5 maxlength=5></td>                                                        
       <
td width=08align=right >15</td>       
       <
td width=08align=right >15</td>                              
       <
td width=13align=left  >                                     
        <
select name=estante id=estante onchange='javascript:actualEstante(1)'
          <
option value=0 selected>Ubicacion</option>                           
          <
option value='X90X'>X90X</option>                                    
        </
select>                                                               
       </
td>                                                                    
       <
td width=08align=center id=linea><img src='../acuhtml/img/noestan.gif' alt='Sin Estanteria'></td>                                                     
       <
td width=08align=center id=linea><img src='../acuhtml/img/camara.gif' border=0></a></td>                                                                    
      </
tr>                                                                     
     </
div>                                                                     
   <!-- 
fin div referencia div 1 -->                                                
   <!-- 
Hacer referencia al div 2 -->                                           
     <
div id="div_2">                                                           
      <
tr class=Estilo3>                                                        
       <
td width=10align=right  id=linea>4189190</td>                   
       <
td width=32align=left   id=linea>MANGUERA SUP.RADIADOR IZQ.F.125</td>                                                                
       <
td width=06align=right  id=linea>Cajas</td>                     
       <
td width=07align=right  id=linea><input name=unicaj type=text value=5 size=5 maxlength=5></td>                                                        
       <
td width=08align=right  id=linea bgcolor=#F8F8F8><b>15</b></td>       
       
<td width=08align=right  id=linea>15</td>                              
       <
td width=13align=left   id=linea>                                     
        <
select name=estante id=estante onchange='javascript:actualEstante(2)'
          <
option value=0 selected>Ubicacion</option>                           
          <
option value='X90X'>X90X</option>                                    
        </
select>                                                               
       </
td>                                                                    
       <
td width=08align=center id=linea><img src='../acuhtml/img/noestan.gif' alt='Sin Estanteria'></td>                                                     
       <
td width=08align=center id=linea><a href='../acuhtml/codprofoto.php?codpro=4189190&swfoto=1' 
          
target=popup title=Ver Imagen(esdel 4189190 onclick='window.open(this.href, this.target,"width=100, height=200"); return false;'><img src='../acuhtml/img/camara.gif' border=0></a>
       </
td>                                                                    
      </
tr>                                                                     
     </
div>                                                                     
   <!-- 
fin div referencia div 2 --> 
  #2 (permalink)  
Antiguo 28/10/2010, 11:35
 
Fecha de Ingreso: octubre-2005
Mensajes: 405
Antigüedad: 19 años
Puntos: 1
Respuesta: actualizar mas de un DIV.

Solo me gustaria saber si es posible hacer y si asi fuese donde puedo encontrar documentacion realcionada con el tema donde sea claro de entender para una persona que recien esta interiorizando con el tema...
  #3 (permalink)  
Antiguo 28/10/2010, 15:05
Avatar de bitbow  
Fecha de Ingreso: julio-2006
Ubicación: Distrito Federal
Mensajes: 635
Antigüedad: 18 años, 4 meses
Puntos: 34
De acuerdo Respuesta: actualizar mas de un DIV.

Saludos, si tienes la funcion creada para actualizar un div puedes hacerlo simple.

Crea otra funcion donde llames a esta funcion con el div que quieres actualizar como parametro.

funtion actualizadivs(){
actualizadiv('www.tudireccion1.com','nombre_div1') ;
actualizadiv('www.tudireccion2.com','nombre_div2') ;
actualizadiv('www.tudireccion3.com','nombre_div3') ;
actualizadiv('www.tudireccion4.com','nombre_div4') ;
}

no se si eso te sirva, suerte.
__________________
El ego es el mayor enemigo de un hombre inteligente.
  #4 (permalink)  
Antiguo 01/11/2010, 11:58
 
Fecha de Ingreso: diciembre-2008
Mensajes: 27
Antigüedad: 15 años, 11 meses
Puntos: 0
Respuesta: actualizar mas de un DIV.

Hazlo , con jquery es mu muy fácil .

Ejemplo :



Agrega el FRAMEWORK jquery :

Código Javascript:
Ver original
  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>


Código Javascript:
Ver original
  1. function refrezaDiv(elDIV,pagina)
  2.  
  3. {
  4. $('#'+elDIV).load();
  5.  
  6. }

Por ejemplo lo llamo asi:


Código Javascript:
Ver original
  1. refrezaDiv(div1,prueba.html);

Mas info sobre la funcion load de jquery:

http://api.jquery.com/load/

Etiquetas: ajax, mas
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




La zona horaria es GMT -6. Ahora son las 03:22.