Foros del Web » Programando para Internet » Javascript »

remplazando imagen con javascript

Estas en el tema de remplazando imagen con javascript en el foro de Javascript en Foros del Web. Hola chicos tengo una pregunta para ver quien me puede colaborar tengo una tabla que me trae los datos de una BD(Mysql).. Hasta ahí todo ...
  #1 (permalink)  
Antiguo 28/06/2013, 15:04
 
Fecha de Ingreso: diciembre-2012
Mensajes: 249
Antigüedad: 11 años, 4 meses
Puntos: 2
remplazando imagen con javascript

Hola chicos tengo una pregunta para ver quien me puede colaborar

tengo una tabla que me trae los datos de una BD(Mysql).. Hasta ahí todo muy bien
resulta que quiero actualizar los datos de las columnas mediante ajax

y tengo el siguiente codigo de la tabla

Código HTML:
Ver original
  1. <table class="tabla" style="border:1px solid #000; color:#CC6633;width:800px;">
  2. <tr>
  3. <td>CODIGO:<td>
  4. <td>NOMBRE<td>
  5. <td>TELEFONO<td>
  6. <td>ACTUALIZAR<td>
  7. </tr>
  8. <?php
  9. $tarea= new Clase;
  10. $sql= new MySql;
  11. $res=$tarea->ver($id);
  12. while($fila = $sql->fetch_assoc($res)){
  13. ?>
  14. <tr class="tablatarea">
  15. <td><?php echo($fila['Id']); ?><td>
  16. <td><?php echo($fila['nombre']); ?><td>
  17. <td><?php echo($fila['telefono']);?><td>
  18. <td><a  href="javascript:actualizar('funciones.php?accion=actualizar&id=<?php echo($fila['Id']); ?>')"><img src="img/uncheck.png" id="check" class="imgcheck"></img></a><td>
  19. </tr>      
  20. <?php
  21. }
  22. ?>  

tambien actualiza bien

Pero como pueden ver .el link de actualizar es una imagen, y al darle click llama la funcion ajax actualizar()

Código Javascript:
Ver original
  1. function actualizar(url)
  2. {
  3. ajax=Ajax();
  4. ajax.open('GET',url,true);
  5. alert(url);
  6. ajax.onreadystatechange=function(){
  7. document.getElementById('check').innerHTML='Espere porfavor..';
  8.     if (ajax.readyState==4 ) {
  9. alert('se actualizo soporte');
  10.  
  11. }
  12. }
  13.  ajax.send(null);
  14. }

el cambio de imagen lo hace con la siguiente funcion

Código PHP:
Ver original
  1. <script>
  2.   function cambiar() {
  3.     document.getElementById("check").src = "img/check.png";
  4.   }
  5. </script>

el problema es que si le doy click en la segunda o en la tercera fila me actualiza los datos bien de su respectiva fila, pero solo cambia la imagen en la primera fila(no se porq). Espero hacerme entender y espero que me puedan ayudar muchas gracias!

Última edición por summerblack; 28/06/2013 a las 15:56

Etiquetas: ajax, funcion, html, php
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 04:39.