Hola compañeros, llevo años programando en PHP y la verdad es que me cuesta bastante esto del Ajax y el Javascript, por eso pido disculpas por si mi pregunta es bastante tonta.
Os cuento: Tengo una página en php, y quiero que al pinchar en una imagen, cargue en un <div> un determinado contenido con xajax. Hasta ahí se hacerlo, el problema es que quiero es que al pinchar en la misma imagen (sería digamos la imagen que encabeza el div), el contenido del div se limpie y desaparezca.
Por ejemplo:
Primero haria en php todos los pasos necesarios para declarar la variable $xajax, registrar la funcion, etc...
Código HTML:
<tr><td style="cursor:pointer" colspan="2">
<img src="graficos/cabecera.jpg" onclick="xajax_mifuncion()"></img> </td></tr>
<tr><td colspan="2">
<div id="contenido"></div>
</td></tr> Antes de esto he declarado la funcion en php:
Código PHP:
function mifuncion() {
$texto = "Contenido que apareceria dentro de la etiqueta div";
//instanciamos el objeto para generar la respuesta con ajax
$respuesta = new xajaxResponse();
//escribimos en la capa con id="contenido" el texto que aparece en $salida
$respuesta->addAssign("contenido","innerHTML",$texto);
//tenemos que devolver la instanciación del objeto xajaxResponse
return $respuesta;
}
Básicamente esto es lo que tengo, que muestra el contenido al pinchar en la imagen. Mi pregunta es: ¿Que es lo que tendria que hacer en mifuncion() para comprobar si "contenido" tiene algo y en funcion de eso llamar a rellenar o limpiar?
Seria hacer algo asi:
Código PHP:
// Si contenido esta vacio
$respuesta->addAssign("contenido","innerHTML",$texto);
// En caso contrario
$respuesta->addClear("contenido","innerHTML")
Espero que algun entendido en xajax pueda darme una solucion ya que llevo dos dias dandole vueltas y no se me ocurre, y seguro que es una tonteria.
Saludos