eliminar una accion javascript con otra

motorinapronto · #1 (**permalink**) 12/07/2011, 12:26

Hola!! Estoy desesperada con este codigo...

Código PHP:

  $(function(){

  $('#puntuar1').click(function(){

      $(this).unbind("focusOut");

  document.getElementById('s1').src = "star.png";

  $(".scomment").text("- Really bad!");

  return false;

  });

 });

Código HTML:

<a id="puntuar1" href="#" onMouseOver="cambiar1();" onMouseOut="volver1();" ><img id="s1" src="star_grey.png" width="auto" height="auto" /></a>

La idea es que tengo una foto y cuando entro con el raton se acciona el "onMouseOver" y cuando salgo con el raton se acciona el "onMouseOut"

El problema que tengo es que cuando le doy click a la foto, luego al salir con el raton actua el onMouseOut... y no quiero!! quiero que cuando entre en la foto y le de click, ya no actue el onMouseOut.

como lo hagoo??
graciass

livemusic · #2 (**permalink**) 12/07/2011, 16:22

Veamos si este codigo te ayuda, espero y te funcione suerte saludos ...

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){   
    
//  $("#enlace").bind({
//      mouseenter : function(){
//          alert('Pasaste encima mio');
//      },
//      mouseleave : function(){
//          alert('Me sacaste de tu camino O.o');
//      },
//      click : function(){
//          alert('Me pinchaste salvaje <.<');
//          $(this).unbind('mouseleave');
//          return false;
//      }
//  })
    
    $("#enlace").mouseenter(function(){
            alert('Pasaste encima mio =P.');
    }).mouseleave(function(){
            alert('Me sacaste de tu camino O.o');
    })
    
    $("#enlace").live('click', function(){
        alert('afff me pinchaste.. =D ... lol ');
        $(this).unbind('mouseleave');
        return false;
    })
    
})
</script>
</head>
 
<body>
<a href="#" id="enlace">LiveMusic</a>
</body>
</html>

livemusic · #3 (**permalink**) 12/07/2011, 16:44

Hace lo que pides, eliminar el evento hahaha, pero cuando vuelves a pasar el mouse encima ejecuta el evento lo quitas y ia no funciona hahaha, como que elimina por completo el out af af af ,,,
llege a modificarlo hasta ay,,, espero haberte ayudado...

Código Javascript:

Ver original$("#enlace").bind({
        mouseenter : function(){
            alert('Pasaste encima mio =P.');
        },
        mouseleave : function(){
            alert('Me sacaste de tu camino O.o');
        },
        click : function(e){
            e.preventDefault();
            alert('Me pinchaste salvaje <.<');
            $(this).unbind('mouseleave');
        }
    })

suerte ¡¡

motorinapronto · #4 (**permalink**) 13/07/2011, 03:59

muchas gracias amigo! lo consegui! :D

livemusic · #5 (**permalink**) 13/07/2011, 12:45

hahaha me alegra que te alla salido el objetivo era ese, pero que codigo usaste.. j3j3j3j