AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
Code promo Nike : -25% dès 50€ d’achats sur tout le site Nike
Voir le deal

    (NIHIL) Un js pour le [QEEL] de Copenholm, forum de Supers

    Youp
    Youp
    FémininAge : 29Messages : 579

    Sam 17 Oct 2015 - 19:09

    Ma demande



    Bonjour bonjour les petits codeurs. J'ai plus ou moins réussi à faire ce que j'avais envie pour mon qeel ( même si je viens de découvrir un énorme bug sur firefox héhé, les joies du codage), j'ai créé un qeel dans le footer, donc visible partout sur le forum. Cependant beaucoup d'informations ne sont pas visibles dans les pages autres que l'index, je me demandais alors si vous voudriez bien créer un script pour que celles ci apparaissent partout. Nihil m'a dit que c'était possible héhé.  

    Schéma(s) et Eléments
    Schémas :
    Voilà ce que ça donne à peu près
    (NIHIL) Un js pour le [QEEL] de Copenholm, forum de Supers 941896QEELouvert2

    Tailles des éléments :
    Il n'y en a pas besoin ^^

    Effets voulus : Pas besoin non plus ^^ Je m'en charge avec plus ou moins de réussite.

    Version de votre forum : PHPBB2

    Ressources

    En soit il n'y a pas de ressources.


    Autres précisions ?

    N'hésitez pas à me dire si je peux vous être utile !

    Le lien de mon forum: http://copenholm.tonempire.com/

    Je vous remercie d'avance de vous intéresser à ma demande et vous fait un énorme sourire de la mort qui tue Very Happy Je sais que ma demande est particulière et que rare sont ceux qui ont les compétences nécessaires pour la réaliser, vous aurez ma reconnaissance absolue si vous y répondez.

    Sinon je pense qu'après avoir résolu tous les bugs, je mettrais un tutoriel sur NU sur les qeel en footer, ça peut en intéresser certains.


    Dernière édition par Youp le Sam 7 Nov 2015 - 17:45, édité 1 fois
    • Revenir en haut
    Youp
    Youp
    FémininAge : 29Messages : 579

    Lun 19 Oct 2015 - 23:47

    Finalement j'ai trouvé comment faire héhé, est ce que ce serait possible de récupérer mes peanuts ? C'est vraiment pas grave si ce n'est pas possible mais je me demandais juste ^^



    (NIHIL) Un js pour le [QEEL] de Copenholm, forum de Supers 262632clip20160315at092522
    • Revenir en haut
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Jeu 29 Oct 2015 - 19:49

    Hello! ^^
    Est-ce que c'est toujours d'actualité? Pense à upper!


    Dernière édition par NyoTheNeko le Dim 1 Nov 2015 - 18:37, édité 1 fois



    • Revenir en haut
    Youp
    Youp
    FémininAge : 29Messages : 579

    Ven 30 Oct 2015 - 17:40

    Je voulais modifier ma commande pour avoir simplement un javascript pour récupérer les infos qui ne s affichent que sus l index. Mais je suis partie en vacances et je n'ai pas internet ( suis sur mon téléphone là) donc je le ferais en rentrant ^^ donc oui toujours d actualité mais à modifier



    (NIHIL) Un js pour le [QEEL] de Copenholm, forum de Supers 262632clip20160315at092522
    • Revenir en haut
    Youp
    Youp
    FémininAge : 29Messages : 579

    Sam 7 Nov 2015 - 17:46

    C'est bon j'ai modifié ma demande héhé. Aux courageux codeurs qui voudront s'y pencher, bénédiction et amour sur vous :love:



    (NIHIL) Un js pour le [QEEL] de Copenholm, forum de Supers 262632clip20160315at092522
    • Revenir en haut
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Sam 7 Nov 2015 - 18:04

    Coucou Youp :)

    Ca va être vraiment rapide normalement, je prend en charge cette demande ♥
    Est ce que tu pourrais nous passer ton template overall_footer_end (je crois que c'est celui ci où tu as mis ton QEEL) s'il te plait :) ?

    Ce qu'on fait => Au chargement d'une page "normale", le footer "à moitié vide s'affiche". On va sur la page d'index du forum, on récupère le QEEL avec les vraies valeurs, et on le met à la place de celui à moitié vide. 8D

    Le point négatif ? Si la personne ouvre plein de pages, ca va faire plein "d'appels" à la page d'index pour récupérer les donnée. Pour "alléger" ça, on peut se dire qu'on conserve environ "5 min" avant la prochaine actualisation des données du QEEL.
    C'est à dire : quand une personne arrive sur une page, on stock dans le navigateur le QEEL.
    Pendant les 5 prochaines minutes, au lieu de récupérer le QEEL sur la page d'index, on le récupère dans notre petit stockage sur le navigateur. Ca évite d'aller plein de fois sur la page d'index :)
    Ensuite, si ça fait 5 min et une seconde (ou bien n'importe quel autre délai), on récupère à nouveau le QEEL, et on écrase l'ancienne valeur dans notre "stockage du navigateur".

    => Les données ne sont mises à jours que toutes les 5 min (ou bien un autre délai), mais ça évite du chargement. Plutôt pratique si les membres ouvrent plein de pages à la suite (pour voir les nouveaux messages à la suite par exemple).

    • Revenir en haut
    Youp
    Youp
    FémininAge : 29Messages : 579

    Sam 7 Nov 2015 - 18:32

    Waaaaw Nihil, t'es mon sauveur super-rapide Very Happy

    Voici mon template overall_footer_end qui ne concerne que le qeel:
    Code:
    <!-- END switch_footer_links -->
                             
            </div>
                        <div class="bullefooter"></div>
                     
                        <div class="bullefooterinside">
                         
                        <script>$(function(){jQuery.getScript("http://tinyurl.com/var-fa")})</script>
     <span class="FORUMCOUNTUSER"></span>    MEMBRES <br/>
                  <script>$(function(){jQuery.getScript("http://tinyurl.com/var-fa")})</script>
     <span class="FORUMCOUNTPOST"></span> MESSAGES</div>
                     
                      <div class="imagefooter"></div> <div class="membresfooter"> {TOTAL_USERS_ONLINE} <br/>
                              {RECORD_USERS}<br/>
                      {NEWEST_USER}<br/><br/>
                              {LOGGED_IN_USER_LIST}<br/><br/>
                          <br/>
               
                      <table class="DeBug">{L_CONNECTED_MEMBERS}</table>
                      <br/>
             
                    <div class="legendfooter">  {GROUP_LEGEND}</div>
                      </div> 
                     
                        <div class="bdayfooter">  <table class="DeBug"><a style="COLOR: white !important">{L_WHOSBIRTHDAY_TODAY}  {L_WHOSBIRTHDAY_WEEK}</a>
                      </table> </div> 
                     
                     
            {PROTECT_FOOTER}
          </td>
      </tr>
    </table>

    <!-- BEGIN switch_facebook_login -->

    Et le temple overall_footer_end en entier:
    Code:
    <!-- BEGIN html_validation -->
    <!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">
    <body>
    <table>
       <tr>
          <td>
             <div>
                <div>
                   <div>
    <!-- END html_validation -->
                   </div>
                </div>
                <!-- BEGIN switch_footer_links -->
                <div align="center">
                   <div class="gen">
                      <!-- BEGIN footer_link -->
                         <!-- BEGIN switch_separator --> |&nbsp;<!-- END switch_separator -->
                         <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                      <!-- END footer_link -->
                   </div>
                </div>
                <!-- END switch_footer_links -->
                             
             </div>
                        <div class="bullefooter"></div>
                     
                        <div class="bullefooterinside">
                         
                        <script>$(function(){jQuery.getScript("http://tinyurl.com/var-fa")})</script>
     <span class="FORUMCOUNTUSER"></span>    MEMBRES <br/>
                  <script>$(function(){jQuery.getScript("http://tinyurl.com/var-fa")})</script>
     <span class="FORUMCOUNTPOST"></span> MESSAGES</div>
                     
                      <div class="imagefooter"></div> <div class="membresfooter"> {TOTAL_USERS_ONLINE} <br/>
                              {RECORD_USERS}<br/>
                      {NEWEST_USER}<br/><br/>
                              {LOGGED_IN_USER_LIST}<br/><br/>
                          <br/>
               
                      <table class="DeBug">{L_CONNECTED_MEMBERS}</table>
                      <br/>
             
                    <div class="legendfooter">  {GROUP_LEGEND}</div>
                      </div> 
                     
                        <div class="bdayfooter">  <table class="DeBug"><a style="COLOR: white !important">{L_WHOSBIRTHDAY_TODAY}  {L_WHOSBIRTHDAY_WEEK}</a>
                      </table> </div> 
                     
                     
             {PROTECT_FOOTER}
          </td>
       </tr>
    </table>

    <!-- BEGIN switch_facebook_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
        FB.init({
          appId      : {switch_facebook_login.FACEBOOK_APP_ID},
          cookie    : true,
          xfbml      : true,
          oauth      : true,
          version    : 'v2.3'
        });

      (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/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <!-- END switch_facebook_login -->

    <!-- BEGIN switch_facebook_logout_TMP -->
    <script type="text/javascript">
    //<![CDATA[
    FB.Event.subscribe('auth.logout', function(response) {
       if ($('a#logout'))
       {
          var lien_redir = $('a#logout').attr('href');

          if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
          {
             document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
          }
       }
    });

    $(document).ready( function() {
       $('a#logout').click( function() {
          FB.logout();
       } );
    });
    //]]>
    </script>
    <!-- END switch_facebook_logout_TMP -->

    <script type="text/javascript">
    //<![CDATA[
       fa_endpage();
    //]]>
    </script>
    </body>
    </html>

    Je comprends bien le fonctionnement, ça m'a l'air chouette. 5 minutes est un bon délai je pense oui ! Merci infiniment de t'en charger !!!
    :ggg1:



    (NIHIL) Un js pour le [QEEL] de Copenholm, forum de Supers 262632clip20160315at092522
    • Revenir en haut
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Sam 7 Nov 2015 - 19:21

    Alors c'est parti, je te donne quelques modifications à faire. ♥

    Pour pouvoir "sélectionner" le footer, on va le mettre dans une seule div, c'est à dire qu'on prend toute cette partie là :
    Code:
    <div class="bullefooter"></div>

    <div class="bullefooterinside">
     
    <script>$(function(){jQuery.getScript("http://tinyurl.com/var-fa")})</script>
    <span class="FORUMCOUNTUSER"></span>    MEMBRES <br/>
    <script>$(function(){jQuery.getScript("http://tinyurl.com/var-fa")})</script>
    <span class="FORUMCOUNTPOST"></span> MESSAGES</div>

    <div class="imagefooter"></div> <div class="membresfooter"> {TOTAL_USERS_ONLINE} <br/>
          {RECORD_USERS}<br/>
    {NEWEST_USER}<br/><br/>
          {LOGGED_IN_USER_LIST}<br/><br/>
      <br/>

    <table class="DeBug">{L_CONNECTED_MEMBERS}</table>
    <br/>

    <div class="legendfooter">  {GROUP_LEGEND}</div>
    </div>

    <div class="bdayfooter">  <table class="DeBug"><a style="COLOR: white !important">{L_WHOSBIRTHDAY_TODAY}  {L_WHOSBIRTHDAY_WEEK}</a>
    </table> </div>

    Et il faut la mettre dans une div avec une id, comme ceci par exemple :
    Code:
    <div id="page-qeel">
        <div class="bullefooter"></div>

        <div class="bullefooterinside">
       
        <script>$(function(){jQuery.getScript("http://tinyurl.com/var-fa")})</script>
        <span class="FORUMCOUNTUSER"></span>    MEMBRES <br/>
        <span class="FORUMCOUNTPOST"></span> MESSAGES</div>

        <div class="imagefooter"></div> <div class="membresfooter"> {TOTAL_USERS_ONLINE} <br/>
              {RECORD_USERS}<br/>
        {NEWEST_USER}<br/><br/>
              {LOGGED_IN_USER_LIST}<br/><br/>
          <br/>

        <table class="DeBug">{L_CONNECTED_MEMBERS}</table>
        <br/>

        <div class="legendfooter">  {GROUP_LEGEND}</div>
        </div>

        <div class="bdayfooter">  <table class="DeBug"><a style="COLOR: white !important">{L_WHOSBIRTHDAY_TODAY}  {L_WHOSBIRTHDAY_WEEK}</a>
        </table> </div>
    </div>

    Petite note à moi même => Il faudra faire une modification pour les messages / nombre d'utilisateurs, qui sont actuellement ajoutés en javascript.

    La modification me permettra de tester directement sur ton forum (avec la console du navigateur).

    • Revenir en haut
    Youp
    Youp
    FémininAge : 29Messages : 579

    Sam 7 Nov 2015 - 21:17

    C'est bon, c'est fait ♥ ^^
    Par contre j'ai modifié une petite partie pour la couleur des anniversaires. Pas grand chose hein mais j'imagine que je dois te prévenir ^^
    Code:
        <div class="bdayfooter">  <table class="DeBug2">{L_WHOSBIRTHDAY_TODAY}  {L_WHOSBIRTHDAY_WEEK}
        </table> </div>
    J'ai juste rajouté un 2 à Debug et enlever une div inutile que j'avais mise.



    (NIHIL) Un js pour le [QEEL] de Copenholm, forum de Supers 262632clip20160315at092522
    • Revenir en haut
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Jeu 12 Nov 2015 - 0:15

    Hello ♥

    J'ai fait une première version, sans le système des 5 min.

    Le JS à mettre sur toutes les pages :
    Code:
    /* on vérifie si on est sur une autre page que l'index */
    if (document.location.pathname != '/') {
        /* on récupère la page d'index */
        $.get("/", function(data){
            /* on cherche dans les données de cette page d'index le QEEL */
            var $qeel = $("#page-qeel", data);
            console.log($qeel);
            /* on attend que le html de notre page soit bien chargé */
            $(function(){
                /* on remplace le actuel par celui de l'index */
                $("#page-qeel").replaceWith($qeel);
               
                /* on récupère le code pour afficher les variables spéciales */
                var_fa_is_done = undefined;
                jQuery.getScript("http://tinyurl.com/var-fa");
            });
        });
    }

    Ici je reprends tout le QEEL sur la page d'accueil, et je l'insère sur les autres pages.

    Je pourrais faire différemment aussi, et remplacer certains éléments. Voici un exemple :
    Code:
    /* Remplace un élément par celui d'un autre contexte */
    function replaceElement(selector, context){
        $(selector).replaceWith($(selector, context));
    }

    /* on vérifie si on est sur une autre page que l'index */
    if (document.location.pathname != '/') {
       
        /* on récupère la page d'index */
        $.get("/", function(data){
           
            /* on attend que le html de notre page soit bien chargé */
            $(function(){
               
                /* on liste les éléments à remplacer */
                var elements = [".membresfooter", ".bdayfooter"];
               
                /* on remplace les éléments par ceux de l'index */
                for (var i = 0, l = elements.length; i < l; i++) {
                    replaceElement(elements[i], data);
                }
            });
        });
    }

    Ici je ne remplace que ceux qui changent, c'est à dire .membresfooter et .bdayfooter
    ___

    Petite note, dans ton template actuel, tu as 2 fois ceci, tu peux enlever le second je pense :
    Code:
    <script>$(function(){jQuery.getScript("http://tinyurl.com/var-fa")})</script>

    • Revenir en haut
    Youp
    Youp
    FémininAge : 29Messages : 579

    Sam 14 Nov 2015 - 15:40

    Merci beaucoup Nihil ! ^^ J'ai mis en place le premier, ça fonctionne impec !

    J'ai vu que tu en avais enlevé un dans ce que tu m'avais demandé de remplacer, effectivement ça n'était pas utile d'en mettre deux.

    Merci encore mille fois héhé, est ce que je peux donner ton js (en précisant qu'il vient de toi bien sûr) si je réalise un tuto pour le qeel en footer ?



    (NIHIL) Un js pour le [QEEL] de Copenholm, forum de Supers 262632clip20160315at092522
    • Revenir en haut
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Lun 16 Nov 2015 - 21:37

    Coucou :)

    Tu peux mettre mon JS si tu veux. Pour faire la même chose il y a des taaas de façons de faire, tu peux utiliser celle ci dans le tuto sans problème ^^

    • Revenir en haut
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Mar 24 Nov 2015 - 10:49

    Hello! ^^
    Est-ce que la demande est terminée du coup? ^^



    • Revenir en haut
    Youp
    Youp
    FémininAge : 29Messages : 579

    Mar 24 Nov 2015 - 16:36

    Oui c'est bon ^^
    Encore une fois merci à Super-Nihil



    (NIHIL) Un js pour le [QEEL] de Copenholm, forum de Supers 262632clip20160315at092522
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 22 Nov 2024 - 11:20