Ejecutar funcion al presionar boton me gusta

nightramm · #1 (**permalink**) 30/06/2012, 17:39

Hola a todos alguien tiene idea si se puede ejecutar una funcion javascript al presionar en el boton me gusta de facebook ?

Lo unico que probe fue colocarle una id al iframe del boton y asignar la siguiente funcion:

$('#BotonMeGusta').click(function(){
alert("presionado");
});

pero no funciono...

Panino5001 · #2 (**permalink**) 30/06/2012, 17:58

Lo mejor para no perder tiempo es estudiar la documentación:
http://developers.facebook.com/docs/...ent.subscribe/

Código PHP:

  <!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>
</head>

<body>
<div><div  id="fb-root"></div><fb:like href="http://www.forosdelweb.com/f13/ejecutar-funcion-presionar-boton-gusta-1001443/" width="120" font="lucida grande" colorscheme="light" data-send="false" data-layout="box_count" style="width:120px; height:60px; float:left;position:relative; "></fb:like></div>

<script type="text/javascript">
function getScript(url,callback){
    var js = document.createElement('script'),html = document.documentElement;
    js.src = url;
    if(callback){
        if(js.addEventListener){
            js.addEventListener('load',callback,false);
        }else{
            js.onreadystatechange=function(){
                if(js.readyState=='complete' || js.readyState=='loaded'){
                    callback();
                }
            }
        }
    }
    html.insertBefore(js, html.lastChild);
}
getScript(
    'http://connect.facebook.net/en_US/all.js#xfbml=1',
    function(){
        FB.Event.subscribe(
            'edge.create',
            function(href,widget){
                alert(href+'--'+widget);//lo que quieras ejecutar
            }
        );                                                      
    }
);
</script>

</body>
</html>

manuparquegiralda · #3 (**permalink**) 30/06/2012, 18:04

Imagino que deberia funcionarte si metes el iframe del boton dentro de un div y a este div le das la propiedad de onclick que te lleve a la funcion.

Código HTML:

Ver original<div id="botonFace" onclick="funcionJava();">
        <iframe src="............................."></iframe>
</div>

Panino5001 · #4 (**permalink**) 30/06/2012, 18:09

¿manuparquegiralda, por qué no pruebas lo que has sugerido?

nightramm · #5 (**permalink**) 30/06/2012, 19:30

Cita:

Iniciado por Panino5001

Lo mejor para no perder tiempo es estudiar la documentación:
http://developers.facebook.com/docs/...ent.subscribe/

Código PHP:

  <!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> 
</head> 
 
<body> 
<div><div  id="fb-root"></div><fb:like href="http://www.forosdelweb.com/f13/ejecutar-funcion-presionar-boton-gusta-1001443/" width="120" font="lucida grande" colorscheme="light" data-send="false" data-layout="box_count" style="width:120px; height:60px; float:left;position:relative; "></fb:like></div> 
 
<script type="text/javascript"> 
function getScript(url,callback){ 
    var js = document.createElement('script'),html = document.documentElement; 
    js.src = url; 
    if(callback){ 
        if(js.addEventListener){ 
            js.addEventListener('load',callback,false); 
        }else{ 
            js.onreadystatechange=function(){ 
                if(js.readyState=='complete' || js.readyState=='loaded'){ 
                    callback(); 
                } 
            } 
        } 
    } 
    html.insertBefore(js, html.lastChild); 
} 
getScript( 
    'http://connect.facebook.net/en_US/all.js#xfbml=1', 
    function(){ 
        FB.Event.subscribe( 
            'edge.create', 
            function(href,widget){ 
                alert(href+'--'+widget);//lo que quieras ejecutar 
            } 
        );                                                       
    } 
); 
</script> 
 
</body> 
</html>

Muchas gracias Panino5001, si había leído la documentación pero sinceramente no sabía como aplicarla bien para lograr el objetivo. El ejemplo que pasaste funciona perfectamente.