[AwesomeBB] Afficher un bouton de navigation sur le premier et le dernier message

Hello Tony,
et voilou :

https://www.milouze14.com/t32136-awesomebbafficher-un-bouton-de-navigation-sur-le-premier-et-le-dernier-message#610719

Alors, on ne pourra faire l'identique mais cela y ressemblera quelque peu .

Hello Philippe,




Le résultat est impeccable, merci
J'aurais juste voulu enlever la couleur de la fléche du bas qui reprend celle du rang du membre, pour quelle soit simplement de la même couleur que celle du haut.

a+ Tony

Hello Tony,

alors supprimes le script suivant:

Code:

$(function(){
if (_userdata["user_id"] >= (0)){
var posT=$('div[class*="post--"]').length;
var b=$('div.post-header:last h2 span a').attr('href');
var c=$('div.post-header:first h2 span a').attr('href');
if(posT>=3)
{
$('div.post-header:first h2 span').after('<a class="M14_lastComment M14_rounder"style="margin-left:3px;"><i class="material-icons">arrow_drop_down</i></a>');
$('div.post-header:last h2 span').append('<a class="M14_firstComment M14_rounder"style="margin-left:3px;"><i class="material-icons">arrow_drop_up</i></a>');
}
$('.post-author-name').each(function(){
var M14_color=$(this).find('a[href^="/u"] span').css('color');
if(M14_color)
{
$(this).closest('.post-body').prev().find('.M14_rounder').css('backgroundColor',M14_color);
}
$('.M14_lastComment').attr('href',b).attr('title','Voir le dernier message de la page');
$('.M14_firstComment').attr('href',c).attr('title','Voir le premier message de la page');
});}});

Remplaces par:

Code:

$(function(){
if (_userdata["user_id"] >= (0)){
var posT=$('div[class*="post--"]').length;
var b=$('div.post-header:last h2 span a').attr('href');
var c=$('div.post-header:first h2 span a').attr('href');
if(posT>=3)
{
$('div.post-header:first h2 span').after('<a class="M14_lastComment M14_rounder"style="margin-left:3px;"><i class="material-icons">arrow_drop_down</i></a>');
$('div.post-header:last h2 span').append('<a class="M14_firstComment M14_rounder"style="margin-left:3px;"><i class="material-icons">arrow_drop_up</i></a>');
}

$('.M14_lastComment').attr('href',b).attr('title','Voir le dernier message de la page');
$('.M14_firstComment').attr('href',c).attr('title','Voir le premier message de la page');
}});

La couleur de fond sera donc déterminée par ta feuille de style:

Code:

.M14_rounder {
    background-color:orange;

Re Philippe,

Super, j'ai fais la modification et déplacé les boutons pour les mettre avant le titre. J'ai modifié aussi pour que les invité puisse l'utilisé, on peut donc voir le résultat sur les posts de mon forum.

Par contre, une dernière demande stp.
Je m'aperçois, que lors de la remonté ou descente le header n'est pas visible (ça doit à cause d'une modif que l'on avait faite dans un template car le bouton du bas pour remonter en entête n'allez pas complétement tout en haut). Comment pourrais t'on y remédier stp ? J'espère que j'explique bien le soucis. 

Il serait possible aussi de faire une transition (ralentir la descente et remonté) ?


Bonne soirée

Hello Tony,
il faut savoir que cette version est encore en phase bêta..

Par contre, une dernière demande stp.
Je m'aperçois, que lors de la remonté ou descente le header n'est pas visible (ça doit à cause d'une modif que l'on avait faite dans un template car le bouton du bas pour remonter en entête n'allez pas complétement tout en haut). Comment pourrais t'on y remédier stp ? J'espère que j'explique bien le soucis.

On revient à la version encore en phase bêta, l'ancre n'est pas réellement présente, on va de ce pas, la mettre en place:

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


Recherches ceci:

Code:

<div id="{postrow.U_POST_ID}" class="post-header">

Juste avant déposes ceci:

Code:

<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -50px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>

Penses a enregistrer puis à valider en cliquant respectivement sur   puis

Ensuite, pour la transition, tu peux ajouter ce script:


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

Mets un titre explicite.
Coches  Sur les sujets
Déposes ceci:

Code:


$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});


Penses a cliquer sur le bouton VALIDER



Ce script se base sur les ancres ( ce que l'on vient d'ajouter dans le template),
donc si tu rencontres un soucis, il faudra purement le supprimer et rester ainsi mon ami.

Hello Philippe,

milouze14 a écrit:il faut savoir que cette version est encore en phase bêta..

Est-ce que cela veut dire que les modifications apporter (notamment dans les templates) seront perdu (remplacé) par les templates définitifs ? Faut-il mieux faire des sauvegarde ?


J'ai testé, tout fonctionne ! Merci
Euh, si je peux.., j'aurais voulu que lorsque l'on remonte (à partir du dernier message de chaque page), que l'on remonte jusque cet endroit (juste en dessous de l'entête, pour voir les boutons "répondre" etc) :



Si ça ne te dérange pas


Bon dimanche

Tony L a écrit:Hello Philippe,

milouze14 a écrit:il faut savoir que cette version est encore en phase bêta..

Est-ce que cela veut dire que les modifications apporter (notamment dans les templates) seront perdu (remplacé) par les templates définitifs ? Faut-il mieux faire des sauvegarde ?

Hi Tony,
Oui il est plus sage de faire des backups des modifications apportées

Bonne journée

Re Tony,
alors il faut savoir que Forumactif ne fera jamais de mise à jour sur un template modifié.

Ils annonceront les ajouts a apporter sur leurs annonces.
Ensuite pour ton autre demande, il vaut mieux éviter car on fonctionne avec une ancre qui elle même est en relation avec le bouton pour aller en bas de page.

Donc, a proscrire mon ami.

Hello Philippe et Fred,


Merci pour les informations et precision. Les annonces de Forumactif sont donc à surveiller.

Ok, bien compris la relation entre l'endroit ou l'ancre existe (post-header) et le bouton.

Encore merci pour l'ajout de cette fonctionalité.


Bonne journée,
Tony