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 :)