Optimisation du facebook connect sur les forums Forumactif

Voir le sujet précédent Voir le sujet suivant Aller en bas

Important Optimisation du facebook connect sur les forums Forumactif

Message par The Godfather le Jeu 9 Mar - 14:43

Bonjour,

J'ai le plaisir de vous annoncer que nous avons procédé à une optimisation du code du système de connexion aux forums Forumactif via le bouton facebook (Facebook Connect). Un regroupement des codes pour un meilleur rendement et une facilité de lecture et de mise à jour a aussi été effectué. Very Happy

Cette optimisation est incluse de façon native dans les templates de base de tous les forums Forumactif qu'importe la version du forum. Les administrateurs n'ayant pas personnalisé les templates de leurs forums avant la date de publication de cette annonce ne sont donc pas concernés par les modifications qui vont suivre.

Quant aux administrateurs ayant personnalisés l'un des templates cités ci-dessous avant la publication de cette annonce, ils doivent impérativement apporter les modifications suivantes de façon manuelle aux templates listés afin de pouvoir utiliser correctement la fonctionnalité de connexion via le bouton facebook sur leurs forums.

Notez que cette optimisation concerne également l'amélioration de l'affichage de la connexion rapide sur les forums de version phpBB2.

Cordialement,
L'équipe Forumactif king


Dernière édition par The Godfather le Jeu 9 Mar - 15:28, édité 1 fois


avatar

The Godfather
Adminactif
Adminactif

Masculin
Messages : 14802
Inscrit(e) le : 02/05/2004

http://forum.forumactif.com/
The Godfather a été remercié(e) par l'auteur de ce sujet.

Important Re: Optimisation du facebook connect sur les forums Forumactif

Message par The Godfather le Jeu 9 Mar - 15:14

Version phpBB3 :


Remarque : Lorsque nous faisons référence à un bloc XXX cela s'entend de la balise d'ouverture <!-- BEGIN XXX --> à la balise de fermeture <!-- END XXX -->


  • Dans index_body

    Supprimer:

    Tous les blocs switch_fb_connect

    Supprimer:

    Le bloc switch_fb_index_login

    Après:

    Chacune des occurrences (il y en a 2 dans la page) de
    Code:

    {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
    Ajouter:

    Code:

        <!-- BEGIN switch_social_login -->
        <div class="social_btn">
            <!-- BEGIN fb_connect -->
            <div class="fb-login-button"></div>
            <!-- END fb_connect -->
            &nbsp;
        </div>
        <!-- END switch_social_login -->

  • Dans overall_footer_end

    Remplacer:

    Le contenu du bloc switch_facebook_login
    Par:

    Code:

    <div id="fb-root"></div>
    <script type="text/javascript">
        $(document).ready( function() {
            $('div.fb-login-button, span.fb-login-button').attr({
                "data-scope": "{switch_facebook_login.FB_SCOPE}",
                "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
                "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
                "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
                "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
            });

            $('div.fb-login-button, span.fb-login-button').each(function() {
                if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                    $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
                }
                if($(this).html() == '') {
                    $(this).html('{switch_facebook_login.FB_LABEL}');
                }
            });


            FB.init({
                appId  : "{switch_facebook_login.FB_APP_ID}",
                cookie  : {switch_facebook_login.FB_COOKIE},
                xfbml  : {switch_facebook_login.FB_XFBML},
                oauth  : {switch_facebook_login.FB_OAUTH},
                version : '{switch_facebook_login.FB_VERSION}'
            });

            (function(d, s, id){
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) {return;}
                js = d.createElement(s); js.id = id;
                js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));

        });
        function onLoginFB() {
            window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
        }
    </script>

    Supprimer:

    Le bloc switch_facebook_logout_TMP

  • Dans profile_add_body

    Remplacer:

    Le bloc switch_fb_account_not_linked
    Par:

    Code:

            <!-- BEGIN switch_fb_account_not_linked -->
            <div class="fb-login-button" onlogin="facebook_link">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</div>
            <!-- END switch_fb_account_not_linked -->

    Supprimer:

    Le bloc switch_fb_connect

    Supprimer:

    Le bloc switch_preferences_menu

  • Dans Portail > mod_login

    Supprimer:

    Les blocs (il y en a 2) switch_fb_connect_login

    Supprimer:

    Le bloc switch_fb_widget_login

    Après:

    Code:

                <dd><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></dd>
            </dl>
    Ajouter:

    Code:

            <!-- BEGIN switch_social_login -->
            <dl>
                <dt>&nbsp;</dt>
                <dd><div class="fb_or_widget left">{switch_login.switch_social_login.L_OR}</div></dd>
            </dl>
            <dl>
                <dt>&nbsp;</dt>
                <dd>
                    <div class="social_btn left">
                        <!-- BEGIN fb_connect -->
                        <div class="fb-login-button"></div>
                        <!-- END fb_connect -->
                    </div>
                </dd>
            </dl>
            <!-- END switch_social_login -->

    Après:

    Code:

            <p align="center"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></p>
    Ajouter:

    Code:

            <!-- BEGIN switch_social_login -->
            <div class="mt10 center">
                <div class="social_btn">
                    <div class="fb_or">{switch_login_small.switch_social_login.L_OR}</div><br />
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
            </div>
            <!-- END switch_social_login -->


avatar

The Godfather
Adminactif
Adminactif

Masculin
Messages : 14802
Inscrit(e) le : 02/05/2004

http://forum.forumactif.com/
The Godfather a été remercié(e) par l'auteur de ce sujet.

Important Re: Optimisation du facebook connect sur les forums Forumactif

Message par The Godfather le Jeu 9 Mar - 15:17

Version inVision


Remarque : Lorsque nous faisons référence à un bloc XXX cela s'entend de la balise d'ouverture <!-- BEGIN XXX --> à la balise de fermeture <!-- END XXX -->


  • Dans index_body

    Supprimer:

    Tous les blocs switch_fb_connect

    Supprimer:

    Le bloc switch_fb_index_login

    Après:

    Chacune des occurrences (il y en a 2 dans la page) de
    Code:

    {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
    Ajouter:

    Code:

                <!-- BEGIN switch_social_login -->
                <div class="mt10">
                    <div class="social_btn">
                        <!-- BEGIN fb_connect -->
                        <div class="fb-login-button"></div>
                        <!-- END fb_connect -->
                    </div>
                </div>
                <!-- END switch_social_login -->

  • Dans overall_footer_end

    Remplacer:

    Le contenu du bloc switch_facebook_login
    Par:

    Code:

    <div id="fb-root"></div>
    <script type="text/javascript">
        $(document).ready( function() {
            $('div.fb-login-button, span.fb-login-button').attr({
                "data-scope": "{switch_facebook_login.FB_SCOPE}",
                "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
                "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
                "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
                "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
            });

            $('div.fb-login-button, span.fb-login-button').each(function() {
                if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                    $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
                }
                if($(this).html() == '') {
                    $(this).html('{switch_facebook_login.FB_LABEL}');
                }
            });


            FB.init({
                appId  : "{switch_facebook_login.FB_APP_ID}",
                cookie  : {switch_facebook_login.FB_COOKIE},
                xfbml  : {switch_facebook_login.FB_XFBML},
                oauth  : {switch_facebook_login.FB_OAUTH},
                version : '{switch_facebook_login.FB_VERSION}'
            });

            (function(d, s, id){
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) {return;}
                js = d.createElement(s); js.id = id;
                js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));

        });
        function onLoginFB() {
            window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
        }
    </script>

  • Dans profile_add_body

    Remplacer:

    Le bloc switch_fb_account_not_linked
    Par:

    Code:

            <!-- BEGIN switch_fb_account_not_linked -->
            <div class="fb-login-button" onlogin="facebook_link">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</div>
            <!-- END switch_fb_account_not_linked -->

    Supprimer:

    Le bloc switch_fb_connect

    Supprimer:

    Le bloc switch_preferences_menu

  • Dans Portail > mod_login,

    Supprimer:

    Les blocs (il y en a 2) switch_fb_connect_login

    Supprimer:

    Le bloc switch_fb_widget_login

    Après:

    Code:

                <dd><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button" /></dd>
            </dl>
    Ajouter:

    Code:

                    <!-- BEGIN switch_social_login -->
                    <dl>
                        <dd class="center">
                            <div class="social_btn">
                                <div class="fb_or">{switch_login.switch_social_login.L_OR}</div>
                                <br />
                                <!-- BEGIN fb_connect -->
                                <div class="fb-login-button"></div>
                                <!-- END fb_connect -->
                                <br />
                            </div>
                        </dd>
                    </dl>
                    <!-- END switch_social_login -->

    Après:

    Code:

            <p align="center"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button" /></p>
    Ajouter:

    Code:

                <!-- BEGIN switch_social_login -->
                <div class="mt10 center">
                    <div class="social_btn">
                        <div class="fb_or">{switch_login_small.switch_social_login.L_OR}</div>
                        <br />
                        <!-- BEGIN fb_connect -->
                        <div class="fb-login-button"></div>
                        <!-- END fb_connect -->
                        <br />
                    </div>
                </div>
                <!-- END switch_social_login -->


avatar

The Godfather
Adminactif
Adminactif

Masculin
Messages : 14802
Inscrit(e) le : 02/05/2004

http://forum.forumactif.com/
The Godfather a été remercié(e) par l'auteur de ce sujet.

Important Re: Optimisation du facebook connect sur les forums Forumactif

Message par The Godfather le Jeu 9 Mar - 15:22

Version phpBB2 :


Remarque : Lorsque nous faisons référence à un bloc XXX cela s'entend de la balise d'ouverture <!-- BEGIN XXX --> à la balise de fermeture <!-- END XXX -->


  • Dans index_body,

    Supprimer:

    Les blocs switch_fb_connect_no

    Supprimer:

    Le bloc switch_fb_connect

    Supprimer:

    Le bloc switch_fb_index_login

    Après:

    Code:

    <!-- BEGIN switch_user_login_form_header -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    Ajouter:

    Code:

        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                    <table>
                        <tr>
                            <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                            <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                            <td>
                                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                            </td>
                        </tr>

                        <tr>
                            <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                            <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                </td>

                <!-- BEGIN switch_social_login -->
              <td width="10%" align="center" valign="middle" class="row1">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
                </td>
                <td width="40%" class="align_gauche row1">
                    <div class="social_btn">
                        <!-- BEGIN fb_connect -->
                        <div class="fb-login-button"></div>
                        <!-- END fb_connect -->
                    </div>
                </td>
                <!-- END switch_social_login -->

            </tr>
        </table>

    Après:

    Code:

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    Ajouter:

    Code:

        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td width="50%" valign="top" align="right" class="row1">

                    <table>
                        <tr>
                            <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                            <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                            <td>
                                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                            </td>
                        </tr>

                        <tr>
                            <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                            <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                </td>

                <!-- BEGIN switch_social_login -->
                <td width="10%" align="center" valign="middle" class="row1">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
                </td>
                <td width="40%" class="align_gauche row1">
                    <div class="social_btn">
                        <!-- BEGIN fb_connect -->
                        <div class="fb-login-button"></div>
                        <!-- END fb_connect -->
                    </div>
                </td>
                <!-- END switch_social_login -->

            </tr>
        </table>

  • Dans overall_footer_end

    Remplacer:

    Le contenu du bloc switch_facebook_login
    Par:

    Code:

    <div id="fb-root"></div>
    <script type="text/javascript">
        $(document).ready( function() {
            $('div.fb-login-button, span.fb-login-button').attr({
                "data-scope": "{switch_facebook_login.FB_SCOPE}",
                "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
                "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
                "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
                "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
            });

            $('div.fb-login-button, span.fb-login-button').each(function() {
                if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                    $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
                }
                if($(this).html() == '') {
                    $(this).html('{switch_facebook_login.FB_LABEL}');
                }
            });


            FB.init({
                appId  : "{switch_facebook_login.FB_APP_ID}",
                cookie  : {switch_facebook_login.FB_COOKIE},
                xfbml  : {switch_facebook_login.FB_XFBML},
                oauth  : {switch_facebook_login.FB_OAUTH},
                version : '{switch_facebook_login.FB_VERSION}'
            });

            (function(d, s, id){
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) {return;}
                js = d.createElement(s); js.id = id;
                js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));

        });
        function onLoginFB() {
            window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
        }
    </script>

  • Dans profile_add_body

    Remplacer:

    Le bloc switch_fb_account_not_linked
    Par:

    Code:

                <!-- BEGIN switch_fb_account_not_linked -->
                <div class="fb-login-button" onlogin="facebook_link">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</div>
                <!-- END switch_fb_account_not_linked -->

    Supprimer:

    Le bloc switch_fb_connect

    Supprimer:

    Le bloc switch_preferences_menu

  • Dans Portail > mod_login

    Supprimer:

    Les blocs (il y en a 2) switch_fb_connect_login

    Supprimer:

    Le bloc switch_fb_widget_login

    Après:

    Code:

                        <tr align="center">
                            <td colspan="2">
                                <span class="gensmall"><a class="gensmall" href="{U_SEND_PASSWORD}" rel="nofollow">::&nbsp;{L_SEND_PASSWORD}</a></span>
                            </td>
                        </tr>
    Ajouter:

    Code:

                        <!-- BEGIN switch_social_login -->
                        <tr align="center">
                            <td colspan="2">
                                <div class="social_btn">
                                    <div class="fb_or_widget">{switch_login.switch_social_login.L_OR}</div> <br />
                                    <!-- BEGIN fb_connect -->
                                    <div class="fb-login-button"></div>
                                    <!-- END fb_connect -->
                                </div>
                            </td>
                        </tr>
                        <!-- END switch_social_login -->

    Après:

    Code:

                        <tr align="center">
                            <td><span class="gensmall"><a class="gensmall" href="{U_SEND_PASSWORD}" rel="nofollow">::&nbsp;{L_SEND_PASSWORD}</a></span></td>
                        </tr>
    Ajouter:

    Code:

                        <!-- BEGIN switch_social_login -->
                        <tr align="center">
                            <td colspan="2">
                                <div class="social_btn">
                                    <div class="fb_or">{switch_login_small.switch_social_login.L_OR}</div> <br />
                                    <!-- BEGIN fb_connect -->
                                    <div class="fb-login-button"></div>
                                    <!-- END fb_connect -->
                                </div>
                            </td>
                        </tr>
                        <!-- END switch_social_login -->


avatar

The Godfather
Adminactif
Adminactif

Masculin
Messages : 14802
Inscrit(e) le : 02/05/2004

http://forum.forumactif.com/
The Godfather a été remercié(e) par l'auteur de ce sujet.

Important Re: Optimisation du facebook connect sur les forums Forumactif

Message par The Godfather le Jeu 9 Mar - 16:55

Version punBB :


Remarque : Lorsque nous faisons référence à un bloc XXX cela s'entend de la balise d'ouverture <!-- BEGIN XXX --> à la balise de fermeture <!-- END XXX -->



  • Dans index_body

    Remplacer:

    Tous les blocs switch_fb_connect
    Par:

    Code:

            <!-- BEGIN switch_social_login -->
            <div class="mt10">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    &nbsp;
                </div>
            </div>
            <!-- END switch_social_login -->

    Supprimer:

    Le bloc switch_fb_index_login


  • Dans overall_footer_end

    Remplacer:

    Le contenu du bloc switch_facebook_login
    Par:

    Code:

    <div id="fb-root"></div>
    <script type="text/javascript">
        $(document).ready( function() {
            $('div.fb-login-button, span.fb-login-button').attr({
                "data-scope": "{switch_facebook_login.FB_SCOPE}",
                "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
                "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
                "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
                "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
            });
            $('div.fb-login-button, span.fb-login-button').each(function() {
                if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                    $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
                }
                if($(this).html() == '') {
                    $(this).html('{switch_facebook_login.FB_LABEL}');
                }
            });
           
            FB.init({
                appId  : "{switch_facebook_login.FB_APP_ID}",
                cookie  : {switch_facebook_login.FB_COOKIE},
                xfbml  : {switch_facebook_login.FB_XFBML},
                oauth  : {switch_facebook_login.FB_OAUTH},
                version : '{switch_facebook_login.FB_VERSION}'
            });
           
            (function(d, s, id){
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) {return;}
                    js = d.createElement(s); js.id = id;
                js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        });
        function onLoginFB() {
            window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
        }
    </script>

    Supprimer:

    Le bloc switch_facebook_logout_TMP

  • Dans profile_add_body

    Supprimer:

    Le bloc switch_fb_connect

    Supprimer:

    Le bloc switch_preferences_menu

  • Dans Portail > mod_login

    Supprimer:

    Les blocs (il y en a 2) switch_fb_connect_login

    Supprimer:

    Le bloc switch_fb_widget_login

    Après:

    Code:

     <dl>
     <dd style="text-align:center;"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></dd>
     </dl>
    Ajouter:

    Code:

            <!-- BEGIN switch_social_login -->
            <dl>
                <dd class="center">
                    <div class="social_btn">
                        <div class="fb_or">{switch_login.switch_social_login.L_OR}</div> <br />
                        <!-- BEGIN fb_connect -->
                        <div class="fb-login-button"></div>
                        <!-- END fb_connect -->
                        <br />
                    </div>
                </dd>
            </dl>
            <!-- END switch_social_login -->

    Après:

    Code:

            <p align="center"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></p>
    Ajouter:

    Code:

            <!-- BEGIN switch_social_login -->
            <div class="mt10 center">
                <div class="social_btn">
                    <div class="fb_or">{switch_login_small.switch_social_login.L_OR}</div> <br />
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <br />
                </div>
            </div>
            <!-- END switch_social_login -->


avatar

The Godfather
Adminactif
Adminactif

Masculin
Messages : 14802
Inscrit(e) le : 02/05/2004

http://forum.forumactif.com/
The Godfather a été remercié(e) par l'auteur de ce sujet.

Important Re: Optimisation du facebook connect sur les forums Forumactif

Message par The Godfather le Jeu 9 Mar - 16:56

Version mobile classique :


Remarque : Lorsque nous faisons référence à un bloc XXX cela s'entend de la balise d'ouverture <!-- BEGIN XXX --> à la balise de fermeture <!-- END XXX -->



  • Dans overall_footer

    Après:

    Code:

     {PROTECT_FOOTER}
     <div class="application_footer_spacer"></div>
     </div>
     </div>
    </div>
    Ajouter:

    Code:

    <!-- BEGIN switch_facebook_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
        $(document).ready( function() {
            $('div.fb-login-button, span.fb-login-button').attr({
                "data-scope": "{switch_facebook_login.FB_SCOPE}",
                "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
                "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
                "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
                "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
            });
            $('div.fb-login-button, span.fb-login-button').each(function() {
                if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                    $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
                }
                if($(this).html() == '') {
                    $(this).html('{switch_facebook_login.FB_LABEL}');
                }
            });

            FB.init({
                appId  : "{switch_facebook_login.FB_APP_ID}",
                cookie  : {switch_facebook_login.FB_COOKIE},
                xfbml  : {switch_facebook_login.FB_XFBML},
                oauth  : {switch_facebook_login.FB_OAUTH},
                version : '{switch_facebook_login.FB_VERSION}'
            });

            (function(d, s, id){
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) {return;}
                    js = d.createElement(s); js.id = id;
                js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        });
        function onLoginFB() {
            window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
        }
    </script>
    <!-- END switch_facebook_login -->


  • Dans overall_header

    Avant:

    Code:

     {HOSTING_JS}
    </head>
    Ajouter:

    Code:

        <!-- BEGIN switch_fb_login -->
        <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
        <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
        <!-- END switch_fb_login -->


Version mobile moderne :




  • Dans overall_footer

    Avant:

    Code:

    </body>
    Ajouter:

    Code:

        <!-- BEGIN switch_facebook_login -->
        <div id="fb-root"></div>
        <script type="text/javascript">
            $(document).ready( function() {
                $('div.fb-login-button, span.fb-login-button').attr({
                    "data-scope": "{switch_facebook_login.FB_SCOPE}",
                    "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
                    "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
                    "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
                    "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
                });
                $('div.fb-login-button, span.fb-login-button').each(function() {
                    if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                        $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
                    }
                    if($(this).html() == '') {
                        $(this).html('{switch_facebook_login.FB_LABEL}');
                    }
                });

                FB.init({
                    appId  : "{switch_facebook_login.FB_APP_ID}",
                    cookie  : {switch_facebook_login.FB_COOKIE},
                    xfbml  : {switch_facebook_login.FB_XFBML},
                    oauth  : {switch_facebook_login.FB_OAUTH},
                    version : '{switch_facebook_login.FB_VERSION}'
                });

                (function(d, s, id){
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) {return;}
                        js = d.createElement(s); js.id = id;
                    js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
                    fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
            });
            function onLoginFB() {
                window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
            }
        </script>
        <!-- END switch_facebook_login -->


  • Dans overall_header

    Avant:

    Code:

     {HOSTING_JS}
    </head>
    Ajouter:

    Code:

        <!-- BEGIN switch_fb_login -->
        <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
        <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
        <!-- END switch_fb_login -->


avatar

The Godfather
Adminactif
Adminactif

Masculin
Messages : 14802
Inscrit(e) le : 02/05/2004

http://forum.forumactif.com/
The Godfather a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum