[AwesomeBB] Barre de progression sur la page - AwesomeBB

Hello Mathis,
hum, cette demande risque d'être très compliquée a mettre en œuvre car il faut détecter la hauteur du message à chaque sujet....

Je te donne tout de même les démarches.


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher  Sur les sujets
Déposer ceci:

Code:


$(function(){
$(document).on('scroll',function(){
var hauteur = $(document).height()-$(window).height();
var position = $(document).scrollTop();
var largeur = $(window).width();
var barre = position / hauteur * largeur;
$('#progress').css('width',barre);});});


Penser a cliquer sur le bouton


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci en modifiant si besoin la couleur et la hauteur de la barre :
ici:

Code:


background-color:#064E83;
height: 4px;


Code:


#progress{background-color:#064E83;height: 4px;width:0;position: fixed;bottom: 0;left: 0;z-index: 999;}


Penser a cliquer sur le bouton

Puis on va placer la div dans le template des sujets:


Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Tout au début du template ajoutes ceci:

Code:


<div id="progress"></div>


Penser a enregistrer puis à valider en cliquant respectivement sur   puis

Merci Phil ça fonctionne 

Milouze14 a écrit:hum, cette demande risque d'être très compliquée a mettre en œuvre car il faut détecter la hauteur du message à chaque sujet....

C'est dommage ça aurait été vraiment sympa comme système mais l'avoir sur toute la page est très bien aussi

Bonne soirée à toi