Tengo una página index con una función en php, esta función imprime los datos de una tabla sql, los cuales son enlaces con un "onclick" llamando a una función javascript.
Hay dos funciones javascript, una llamada EpVisto, y otra EpNoVisto. La primera debe insertar mediante post a una tabla sql los datos que ofrece un enlace al darle click, y el otro debe eliminarlos.
El problema viene que ese div no puedo actualizarlo para que, cuando yo de un click al enlace, ejecute EpVisto y ese mismo enlace se convierta con la función EpNoVisto, para así la proxima vez que le de click, ejecute EpNoVisto. De igual manera, después de ejecutar EpNoVisto, el onclick debería llevar a EpVisto para el siguiente click.
Ahora mismo, al darle click al enlace, me añade los datos a la base de datos (EpVisto), pero no actualiza el div que contiene el enlace, por lo que si le doy otra vez, me sigue ejecutando esa misma función.
La función javascript que tengo es esta:
Código Javascript:
Ver original
function EpVisto(id1, id2, id3) { $.ajax({ type: 'POST', url: 'inc/crear.php?t=10', data: 'se='+ id1 +'&temp='+ id2 +'&ep='+ id3 +'', success: function(data){ // Aquí se supone que debería añadir algo para actualizar el div pero no me funciona nada de lo que pruebo. } }); };
El enlace que tengo dentro de la función php es así:
Código:
Entonces cuando de click a ese enlace, en la página debería mostrarme el enlace así:<div id='refep-".$e['id']."'> <a href=\"javascript:;\" onclick=\"EpVisto('".$id."','".$r['temporada']."','".$e['id']."');\">No Visto</a> </div>
Código:
Pero no consigo hacerlo de ninguna manera.<div id='refep-".$e['id']."'> <a href=\"javascript:;\" onclick=\"EpNoVisto('".$id."','".$r['temporada']."','".$e['id']."');\">Visto</a> </div>
El archivo "inc/crear.php" lo que hace es llamar a una función para insertar los datos a la base de datos, o eliminarlos dependiendo de la función javascript.
Todo esto quiero hacerlo sin recargar la página, pero no se como hacerlo.
Si alguien me puede ayudar, se lo agradecería muchísimo.