Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/02/2010, 17:02
Avatar de saymon
saymon
 
Fecha de Ingreso: septiembre-2003
Ubicación: Panama
Mensajes: 318
Antigüedad: 21 años, 2 meses
Puntos: 0
Donde ejecuto un php query en este scrip.

Hola chicos,

Soy BASTANTE NUEVO en Ajax, es mas he copiado un codigo de otra pagina que en realidad no se si la funcionalidad es Ajax o no, pero por lo que he leido si lo es, aqui les explico mi situacion y lo que deseo.

Yo muestro una lista de gallerias en donde el cliente tiene en cada una de las gallerias la opcion de añadirla a sus favoritos, esta opcion esta mostrada por una imagen que es un ganchito, cuando el usuario da click a ese ganchito enseguida se cambia la imagen a una X, esto me funciona perfecto, el detalle esta ahora en que cuando el cliente da clic a ese ganchito, aparte de cambiar la imagen a una X con javascript TAMBIEN tiene que insertar el ID de la galleria y el usuario del cliente, el punto es que no se donde colocar este codigo php ni como colocarlo.

Aqui les muestro lo que tengo para que me orienten please de como hacer funcionar esto completamente:


Este es el codigo con que muestro la primera imagen del ganchito para la opcion de añadir la galleria a favoritos:

Código HTML:
<div id="<?=$row["id"]; ?>" style="float:left; margin-right:4px;">
<a onMouseOver="this.style.cursor='pointer'" onClick="addFav('<?=$row["id"]; ?>')"><img src="/images/fav.gif" border="0" title="Add to Favorite" height="10" width="10" /></a>
</div> 
y este es el codigo javascript que utilizo para cambiar esa imagen de ganchito a una X cuando el usuario da click sobre ella:

Código:
function addFav(szDivID, TYPE)
{
    if(document.layers)    //NN4+
    {
	document.layers[szDivID].style.bottom = "151";
	document.layers[szDivID].innerHTML= "<img src='/images/deletefav.gif' border='0' title='Remove Favorite' height='10' width='10' />";
    }
    else if(document.getElementById)      //gecko(NN6) + IE 5+
    {
        var obj = document.getElementById(szDivID);
	obj.style.bottom = "151";
	obj.innerHTML = "<img src='/images/deletefav.gif' border='0' title='Remove Favorite' height='10' width='10' />";
    }
    else if(document.all)       // IE 4
    {
	document.all[szDivID].style.bottom = "151";
	document.all[szDivID].innerHTML = "<img src='/images/deletefav.gif' border='0' title='Remove Favorite' height='10' width='10' />";
    }
}
Por favor agradesco cualquier ayuda en cuanto a esto, y gracias de antemano, si necesitan una aclaracion o mas explicacion me avisan.