Споделяне във Facebook

B

bganonymous

Registered
Искам да има един линк... ;)

когато някой натисне на линка - показва му се pop-up прозорче и го кара да сподели някакъв линк във Facebook.

Когато затвори това pop-up прозорче - го препраща в друга страница или му показва бутон, който трябва да го натисне за да продължи. :)

Някакви предложения как може да стане това... :/
 
bganonymous каза:
Искам да има един линк... ;)

когато някой натисне на линка - показва му се pop-up прозорче и го кара да сподели някакъв линк във Facebook.

Когато затвори това pop-up прозорче - го препраща в друга страница или му показва бутон, който трябва да го натисне за да продължи. :)

Някакви предложения как може да стане това... :/
Увеличете...
http://www.makeuseof.com/tag/make-your-own-tweetlike1-to-unlock-system-with-jquery/
 
vinsbg каза:
Ами пробвай това. Туториал(урок) е. Следваш стъпките, както е там.
Увеличете...
Нищо не можах да разбера от него... И не стана... Това е съвсем за друго.
 
Нали искаш съдържанието да е заключено и докато не се сподели във фейсбук да не може да се види?
 
vinsbg каза:
Нали искаш съдържанието да е заключено и докато не се сподели във фейсбук да не може да се види?
Увеличете...
Да, но това никъде не го виждам... :(
 
Надявам се това да е по-разбираемо
http://www.phpgang.com/how-to-create-social-content-locker-using-jquery-plugin_591.html

И за да те улесня още повече, ето ти кода:
Код: 
<!doctype html>
    <html>
<head>
    <title>locked</title>

    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
     <script>
            jQuery.noConflict();
        jQuery(document).ready(function ($) {
            $("#lock-my-div").sociallocker({
                text: {
                    header: "The content is locked!", // replace content with this heading
                    message: "Please support us, click like button below to unlock the content." // hidden content message
                },

                theme: "starter", // Theme

                locker: {
                    close: false,
                    timer: 0
                },

                buttons: {   // Buttons you want to show on box
                    order: ["facebook-like", "twitter-tweet", "twitter-follow", "google-plus", "linkedin-share"]
                },

                facebook: {
                    appId: "2068418453432508",
                    like: {
                        title: "Like us",
                        url: "https://www.facebook.com/9H9Gang" // link to like in Facebook button
                    }
                },

                twitter: {
                    tweet: {
                        title: "Tweet",
                        text: "PHPGang Programming Blog, Tutorials, jQuery, Ajax, PHP, MySQL and Demos.", // tweet text
                        url: "http://www.phpgang.com/" //tweet link
                    },
                    follow: {
                        title: "Follow us",
                        url: "http://twitter.com/phpgang" // Twitter profile to follow
                    }
                },

                google: {
                    plus: {
                        title: "Plus +1",
                        url: "http://www.phpgang.com/" // Google plus link for +1
                    }
                },

                linkedin: {
                    url: "http://www.phpgang.com/",      // LinkedIn url to share
                    share: {
                        title: "Share"
                    }
                }
            });
        });
    </script>

    <script type="text/javascript" src="http://demo.phpgang.com/social-locker-jquery/social-locker.js"></script>
    <style type="text/css">

        .jo-sociallocker.jo-sociallocker-msie {
            background-color: hsl(200, 65%, 91%);
            border-color: hsl(190, 65%, 84%);
            color: hsl(200, 50%, 45%);
        }
        .jo-sociallocker {
            background-color: hsl(50, 81%, 94%);
            border: 1px solid hsl(39, 83%, 91%);
            -moz-border-radius: 4px 4px 4px 4px;
            -webkit-border-radius: 4px 4px 4px 4px;
            border-radius: 4px 4px 4px 4px;
            margin-bottom: 20px;
            padding: 8px 35px 8px 14px;
            -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
            -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
            text-shadow: 0 1px 0 hsla(0, 100%, 100%, 0.5);
            width:60%;
            margin-left: auto;
            margin-right: auto;
        }
        .jo-sociallocker-button{
            float: left;
            margin-left: 10px;
        }
        .jo-sociallocker-after-text{
            margin-bottom: 20px;
        }
        .jo-sociallocker-buttons{
            height:35px;
        }
        .jo-sociallocker-strong{
            font-size: 30px;
            color: hsl(0, 0%, 0%);
        }
    </style>
</head>
<body>

<div id="lock-my-div" style="display: none;">
    <p>
        teeeeeeeeeeeeeeeeees
    </p>
        <p>
        test
        te;dsjf[ds'f
        </p><p>
        sdfdskjfds'\f;dslfkjds\fdslfk
        jfds;kfds
</p>

</div>
</body>
</html>
инклуднато е .js-то от демото, но ако искаш можеш да си го запазиш на твой си файл
http://demo.phpgang.com/social-locker-jquery/social-locker.js

Тествано е и работи!
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе