Home/ Questions/Q 7048231
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T02:52:00+00:00

I have got the following code to show a dialog box when the image

  • 0

I have got the following code to show a dialog box when the image is clicked. Instead of running FB.ui I want to run PHP code. It’s for facebook.

<html>
<head>
    <style> img#share_button { cursor: pointer; } </style>
</head>
<body>

<div id="fb-root"></div>

<script>
window.fbAsyncInit = function() {
FB.init({
    appId  : 'xxx',
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml  : true  // parse XFBML
});
};

(function() {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
}());
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

This is the image:

<img id = "share_button" src = "img.png">

And this is the code I need to change:

<script type="text/javascript">
$(document).ready(function(){
    $('#share_button').live('click', function(e){
        e.preventDefault();
        FB.ui({
            method: 'feed',
            name: 'TabPress1',
            link: 'http://www.hyperarts.com/',
            picture: 'http://www.hyperarts.com/',
            caption: 'I am a fan of TabPress',
            description: 'TabPress -- Gotta love it!',
            message: ''
        });
    });
});
</script>

</body>
</html>

I don’t know any JS, hope you can help me!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you don’t know any javascript, perhaps it’s best if you check out some beginner tutorials, like those at http://net.tutsplus.com/category/tutorials/javascript-ajax/?tag=basix , but in regard to your question…

    It looks like your using jQuery. The best way to do what your describing is to use AJAX, and jQuery has nice functionality for that.

    To select an element from the DOM based on it’s ID in jQuery, just do this:

    $("#TheIdOfYourImage")

    now, to listen for when it’s been clicked,

    $("#TheIdOfYourImage").click(function(){
   //DO SOMETHING
}

    Now, for the AJAX fun. You can read the documentation at http://api.jquery.com/category/ajax/ for more technical details, but this is what it boils down to

            $("#TheIdOfYourImage").click(function(){
            $.ajax({
              type: "POST",                                 // If you want to send information to the PHP file your calling, do you want it to be POST or GET. Just get rid of this if your not sending data to the file
              url: "some.php",                             // The location of the PHP file your calling
              data: "name=John&location=Boston",           // The information your passing in the variable1=value1&variable2=value2 pattern
              success: function(result){ alert(result) }   // When you get the information, what to do with it. In this case, an alert
            });
        }
    • 0