Mouseenter y mouseleave. problema

[motorinapronto]

Hola

A ver si alguien me puede echar una mano con este código...

Código PHP:

  <?php  
if ($connected=="yes"){ 
$fav = simplexml_load_file("xmluserfav/".$user.".xml"); 
$fin="no"; 
foreach($fav->cantante as $cantante): 
    foreach($cantante->title as $title): 
    if ($fin!="si"){ 
    if ($title==$artist){ 
    $funcion='mouseenter'; 
    $star='star1'; 
    $star2='star1ye'; 
    $fin="si"; 
    }else{ 
    $funcion='mouseenter'; 
    $star='star1ye'; 
    $star2='star1'; 
    $fin="si"; 
    }} 
endforeach; 
endforeach; 
}else{ 
    echo '<span style="color:#FFFFFF; font-size:200%; margin-left:1%; padding-top:0.3%; float:left;"> '.$artist.' </span><a href="http://localhost/POPTANGO/newuser.php"><div id="star"><img class="imgstar" src="images/star1.png" /></div></a>'; 
} 
?> 
 
<script> 
$(document).ready(function() { 
$("#star").<?php echo $funcion; ?>(function(){ 
              $(this).html('<img class="imgstar" src="images/<?php echo $star; ?>.png" />'); 
              return false; 
}); 
$("#star").mouseleave(function(){ 
              alert ('hola'); 
              $(this).html('<img class="imgstar" src="images/<?php echo $star2; ?>.png" />'); 
                 return false; 
});   
  }); 
</script>  

Resulta que mouseenter funciona... pero mouseleave no funciona!! he probado ya mil cosas y no logro ver qué ocurre.. A lo mejor pongo el código mal...

¿Alguna idea?

[djaevi]

Te conviene usar el metodo hover de jquery con el cual simplemente le pasas al elemento que funcion queres que haga cuando el mouse esta encima y que funcion con el mouse fuera x ejemplo:

Código Javascript:

$(document).ready(function() {
    $("#star").hover(
        function() {
            $(this).html('<img class="imgstar" src="images/<?php echo $star; ?>.png" />');
            return false;
        },
        function() {
            alert ('hola');
            $(this).html('<img class="imgstar" src="images/<?php echo $star2; ?>.png" />');
            return false;
        }
    );
}
 

La sintaxis de hover es: $.(elemento).hover(funcionMouseIn,funcionMouseOut) ;

Salu2

[motorinapronto]

Gracias por responder!
Ya lo he solucionado :)