Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PhpBB2] Bouton haut et bas de page

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

Sacha
Sacha
https://amis-pub.forumactif.com/

MessageSacha Ven 25 Oct 2019 - 4:36

  • Version du forum :
    PhpBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Hello Philippe,

J'ai encore un petit souci mdrrrr, j'ai réinstallé de mon autre forum le js ci-dessous et le bouton haut et bas de page ne fonctionnent pas.

Il est à noter que sur mon autre forum ce n'est pas du tout les mêmes codages sur template ou CSS !

J'ai pris soin de désactiver une à une les js pour voir si par un conflit, mais non rien à voir avec un conflit ! Aurais-tu une idée sur la question ou une solution de remplacement ?

Code JS : Sur toutes les pages.

Code:
/*Debut ajouter ou désactiver des boutons sur la toolbar */
$(function() {
    var share = {

    text : _lang.Share,

    buttons : {
    /* Boutons par defaut */

    /*Facebook*/
    fb : {
    enable : true,
    title : 'Facebook'
    },
    /*Twitter*/
    twitter : {
    enable : true,
    title : 'Twitter'
    },
    /*Google plus*/
    gp : {
    enable : true,
    title : 'Google Plus'
    },
    /*partager par mail*/
    mail : {
    enable :true,
    title : 'Envoyer cette page à quelqu\'un'
    },
    /*Flux RSS*/
    rss : {
    enable : true,
    title : 'Flux  RSS'
    },

    /* DEBUT DES AJOUTS DE BOUTONS */

    /*Pinterest*/
    pinterest : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/60/73/pinter10.png" />',
    title : 'Pinterest',

    onclick : function(e) {
    var media = prompt('Vous êtes sur le point d\'épingler cette page. Partager une image?');

    if (media == null) return false;
    else if (media == '') media = $('meta[property="og:image"]').attr('content') || '';

    window.open('http://pinterest.com/pin/create/button/?url=' + encodeURIComponent(window.location.href) + (media ? '&media=' + encodeURIComponent(media) : '') + '&description=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
    e.preventDefault();
    }
    },
    /*tumblr */
    tumblr : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/tumblr11.png" />',
    title : 'Tumblr',

    onclick : function(e) {
    window.open('http://www.tumblr.com/share/link?url=' + encodeURIComponent(window.location.href), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
    e.preventDefault();
    }
    },
    /*reddit*/
    reddit : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/reddit10.png" />',
    title : 'Reddit',

    onclick : function(e) {
    window.open('http://www.reddit.com/submit?url=' + encodeURIComponent(window.location.href) + '&title=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
    e.preventDefault();
    }
    },

    /*Bouton imprimer */
    print : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f21/19/02/80/43/print11.png" />',
    title : 'Imprimer cette page',

    onclick : function(e) {
    window.print();
    e.preventDefault();
    }
    },
    /*Bouton copier l adresse bbcode*/
    copy_url : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f21/19/02/80/43/hyperl11.png" />',
    title : 'Copier l\'adresse BBCode',

    onclick : function(e) {
    prompt('Copiez l\'URL BBCode de cette page?', '[url=' + window.location.href + ']' + document.title + '[/url]');
    e.preventDefault();
    }
    },
    /*Bouton  recherche avance*/
    M14_cherch_toolbar: {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f21/19/02/80/43/loupe_11.png" />',
    href : '/search',
    title : 'Recherche avancée',
    target : '_blank'
    },
/*Bouton  MP*/
   Mp : {
   enable : true,
   innerHTML : '<img src="https://i.servimg.com/u/f21/19/02/80/43/mail10.png" />',
   title : 'Messagerie',
   href : '/privmsg?folder=inbox'
   },
    /*Bouton haut de page*/
    top : {
    enable :true,
    innerHTML : '<img src="https://i.servimg.com/u/f21/19/02/80/43/fleche11.png" />',
    title : 'Haut de la page',
    href : '#top'
    },
    /*Bouton bas de page*/

    bottom : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f21/19/02/80/43/fleche12.png" />',
    title : 'Bas de page',
    href : '#bottom'
    }


    /* FIN DES AJOUTS DE BOUTONS*/

    }
    },

    newList = document.createElement('SPAN'),
    fa_share,
    fa_share_text,
    existingNode,
    newNode,
    i, k;

    $(function() {
    fa_share = document.getElementById('fa_share');
    fa_share_text = document.getElementById('fa_share_text');
    if (!fa_share) return;

    // apply new share text
    if (fa_share_text) fa_share_text.innerHTML = share.text + ' : ';

    // redefine share buttons
    for (i in share.buttons) {
    existingNode = document.getElementById('fa_' + i);

    // modify exisiting share buttons
    if (existingNode) {
    if (share.buttons[i].enable) {
    for (k in share.buttons[i]) if (k != 'enable') existingNode[k] = share.buttons[i][k];
    newList.appendChild(existingNode);
    }
    else existingNode.parentNode.removeChild(existingNode);
    }

    // create a new share button
    else if (share.buttons[i].enable) {
    newNode = document.createElement('A');
    newNode.id = 'fa_' + i;

    for (k in share.buttons[i]) if (k != 'enable') newNode[k] = share.buttons[i][k];
    if (!newNode.href) newNode.href = '#';

    newList.appendChild(newNode);
    }

    }

    fa_share.appendChild(newList);
    });
    });
/*Fin ajouter ou désactiver des boutons sur la toolbar */

La partie concernée dans le js ci-dessus est ce petit bout de code.

Code:
*Bouton haut de page*/
    top : {
    enable :true,
    innerHTML : '<img src="https://i.servimg.com/u/f21/19/02/80/43/fleche11.png" />',
    title : 'Haut de la page',
    href : '#top'
    },
    /*Bouton bas de page*/

    bottom : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f21/19/02/80/43/fleche12.png" />',
    title : 'Bas de page',
    href : '#bottom'
    }

Merci d'avance pour ton aide.
Sacha.

https://amis-pub.forumactif.com/
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 25 Oct 2019 - 17:16

Hello Sacha,
il te manquait l'ancre qui gère le bas de page:

Code:
<a name="bottom"></a>

Je viens de la placer dans le template overall_footer_begin
Tout est fonctionnel Sacha.

Sacha
Sacha
https://amis-pub.forumactif.com/

MessageSacha Sam 26 Oct 2019 - 1:45

Hello Philippe,

Ah d'accord, je l'avais complètement oublié ce détail, merci Philippe, je passe en résolu

Sacha.

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 26 Oct 2019 - 3:57

De rien Sacha,


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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