Bueno, yo alguna vez hice esos botones. Pero no veo que en tu codigo haya nada que esté generando ese cambio en pantalla! Entiendo que estes enviando una variable por ajax para procesarla en lado servidor, pero en lado cliente también hay que generar un cambio!
Esto es lo que hice en uno de mis proyectos:
Cita: /* ESTADO DE AMISTAD */
$("#seguir").click(function(){
var text = $(this).attr("class");
if (text == "amigos"){
$("#seguir").removeClass("amigos");
$.ajax({
url: "soles/sol_script.php?remover=<?php echo $quien; ?>",
async:true,
success: function(datos){
$("#seguir").text("ya no lo sigues [seguir?]")
$.jGrowl(datos);
}})// fin ajax
}
else{
$("#seguir").addClass("amigos");
$.ajax({
url: "soles/sol_script.php?quien=<?php echo $quien; ?>",
async:true,
success: function(datos){
$("#seguir").text("lo estas siguiendo [x]");
$.jGrowl(datos);
}})// fin ajax
}
}); // fin onclick seguir
Basicamente le pone y le quita una clase "amigos".
En PHP, imprimo por primera vez el estado de amistad así:
Cita: $resultado=mysql_query("SELECT nombre, relaciones FROM usuarios WHERE id='$yo'");// or die (mysql_error());
$existe = mysql_fetch_row($resultado);
$relaciones = explode(",",$existe[1]);
if (in_array($_GET["id"], $relaciones)) {
echo ' <a href="#" id="seguir" class="amigos" title="Seguir a alguien te permite recibir sus publicaciones por mail. Mismo, si el te sigue, podran intervenir en la nube del otro reciprocamente, reciclando su imaginario.">lo estas siguiendo [x]</a>';
}
else{
echo ' <a href="#" id="seguir" title="Seguir a alguien te permite recibir sus publicaciones por mail. Mismo, si el te sigue, podran intervenir en la nube del otro reciprocamente, reciclando su imaginario.">Seguir a <i>'.$existe[0].'</i></a>';
}
Es decir, entro en base de datos, me fijo si ya hay amistad, y adjudico la clase "amigos" si la hay. Si no, no.
En CSS creo que no tengo definicion. Se trata de una clase para uso de javascript, no para definicion de estilo.
