Bouton envoyant vers un sujet particulier

2 participants

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

Résolu Bouton envoyant vers un sujet particulier

Message par photoclic Lun 13 Mai 2024 - 14:21

Bonjour,

Serait-il possible d'avoir en haut de la page d'accueil, un bouton qui au clic renvoie sur la première note du forum /f27 et en cas d'absence de note, renvoie sur le premier sujet du forum.
Ce bouton serait sous forme de texte et aurait pour intitulé "Voir dernier interview".

Si le code n'est pas en javascript, je pourrais aussi le mettre dans la page index box comme je l'ai fait pour ce bouton:
Code:
       <li>&nbsp;&bull;&nbsp;<a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;" target="_blank"title="Aller sur la page Facebook du Clic" href="https://www.facebook.com/Photoclic/">La page Facebook du clic</a>&nbsp;&nbsp;&bull;&nbsp;</li>
  
 

Merci pour votre aide.


Dernière édition par photoclic le Dim 19 Mai 2024 - 22:52, édité 1 fois
photoclic

photoclic
Membre habitué

Masculin
Messages : 1470
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton envoyant vers un sujet particulier

Message par photoclic Mer 15 Mai 2024 - 17:39

Petit up.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1470
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton envoyant vers un sujet particulier

Message par photoclic Ven 17 Mai 2024 - 17:07

up.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1470
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton envoyant vers un sujet particulier

Message par MlleAlys Sam 18 Mai 2024 - 19:50

Bonjour,
via un javascript peut être ?
Votre forum est en phpbb3 ? l'affichage de la liste des sujets a-t-il été modifié ?
MlleAlys

MlleAlys
Membre actif

Messages : 5900
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton envoyant vers un sujet particulier

Message par photoclic Sam 18 Mai 2024 - 19:59

Bonjour Mlle Alys.

Merci pour votre aide.

Oui, en phpbb3 et l'affichage des sujets a été modifié.


Dernière édition par photoclic le Dim 19 Mai 2024 - 22:49, édité 1 fois
photoclic

photoclic
Membre habitué

Masculin
Messages : 1470
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton envoyant vers un sujet particulier

Message par MlleAlys Dim 19 Mai 2024 - 14:54

Je ne sais pas si c'est optimal, mais j'ai un début de script qui fonctionne, mais j'ai besoin d'un peu plus d'infos :
Y-a-t-il également des annonces ou des annonces globales, ou est-ce que la dernière note est de toute façon toujours le premier sujet de la liste ? Autrement dit, faut-il nécessairement vérifier s'il s'agit d'une note ou d'un sujet normal ou autre chose, ou le script peut-il se contenter de saisir le premier titre de la liste sans vérifier ce dont il s'agit ?

Est-il possible d'avoir accès au forum f27 ?
MlleAlys

MlleAlys
Membre actif

Messages : 5900
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton envoyant vers un sujet particulier

Message par photoclic Dim 19 Mai 2024 - 15:09

Bonjour MlleAlys.

Le forum F/27 est en cours de construction.
On va donc svp, travailler sur le forum F/16 dont voici le lien (le futur F/27 sera exactement identique):
https://photoclic.forum-pro.fr/f16-photos-gagnantes#M14

Oui, il peut y avoir 1 Annonce globale, 1 Annonce et 1 Note dans le forum. Il n'y en aura jamais 2.
Le bouton devrait pointer si c'est possible la Note quand elle existe, sinon le premier sujet s'il n'y a pas de note.

Tout est normalement visible pour les invités.
Je peux aussi vous donner un ID particulier par mail.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1470
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton envoyant vers un sujet particulier

Message par MlleAlys Dim 19 Mai 2024 - 15:28

C'est noté. Vous semblez aussi avoir des javascripts associés, pourriez-vous les fournir ?
MlleAlys

MlleAlys
Membre actif

Messages : 5900
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton envoyant vers un sujet particulier

Message par photoclic Dim 19 Mai 2024 - 15:34

En Js j'en ai tellement Very Happy
Je ne sais pas lequel vous souhaitez (celui qui fait quoi?).
photoclic

photoclic
Membre habitué

Masculin
Messages : 1470
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton envoyant vers un sujet particulier

Message par photoclic Dim 19 Mai 2024 - 15:56

Peut-être les JS ajoutant une class aux annonces et notes:
Code:

//Ajout class pour Annonces et Notes
//et class pour note photovote et photo gagnante, Interviews
$(function(){
    $('span.M14_type_post strong').not(":contains(Sondage)").closest('div.forumbg').addClass('M14_Annonc');
  
    var t=$('a.nav[href^="/f16-"],a.nav[href^="/f12-"],a.nav[href^="/f27-"]').length;
    if (!t) return;
    $('.M14_type_post strong').each(function(){
    var $this=$(this).closest('li');    
    if($(this).is(':contains("Note:")'))
    {
    $this.addClass('Note');
    }
    });});


Dernière édition par photoclic le Dim 19 Mai 2024 - 21:30, édité 1 fois
photoclic

photoclic
Membre habitué

Masculin
Messages : 1470
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton envoyant vers un sujet particulier

Message par MlleAlys Dim 19 Mai 2024 - 16:55

Alors, comme dit je ne sais pas si c'est optimal, mais en l'absence d'une meilleure solution, vous pouvez tenter ça, qui semble fonctionner sur mon forum test :

- A l'emplacement où vous souhaitez ajouter le bouton (sur la PA ?), ajoutez ceci :
Code:
<span id="interviewload" style="display:none;"></span><span id="interviewbouton"></span>

- dans la gestion des codes javascripts, ajoutez celui-ci, emplacement sur l'index :
Code:
$(function(){
  // forum concerné
  var forum = "/f16-";
      
  // charger la liste des sujets dans "interviewload"
  $("#interviewload").load( forum +" .forumbg", function(data){

    // récupérer le lien voulu
    // s'il y a une note
    var lien= $(data).find('span.M14_type_post:contains("Note")').eq(0).closest('dd.dterm').find('a.topictitle').attr("href");
    // s'il n'y a pas de note
    if(typeof lien === 'undefined'){
      var lien = $(data).find('.header dl:contains("Sujets")').closest('.forumbg').find('a.topictitle').eq(0).attr("href");
    };

    // créer et insérer le bouton dans "interviewbouton"
    $('#interviewbouton').append('<a style="font-weight:bold; border:1px solid #626262; border-radius:.3em; padding:0px 5px 0px 5px;" title="Voir le dernier interview" href="' + lien + '">Voir le dernier interview</a>');

  });
  
});



Ce que j'ai tenté :

- le code html contient deux éléments : un premier nommé "interviewload" qui est masqué, destiné à contenir la liste des sujets du forum voulu, et le deuxième "interviewbouton" qui est destiné à recevoir le lien vers l'interview.

- le code javascript charge la liste des sujets de la page donnée et l'insère dans le premier élément "interviewload" du code html. Vous pouvez modifier le numéro du forum concerné à la ligne 3 du javascript.

La suite du javascript travaille à partir de ce qui a été chargé :
- Récupérer le lien du titre du premier sujet indiqué "note".
OU, si celui-ci n'existe pas, aller chercher dans la liste des sujets le lien du premier titre.

- puis, insérer dans le deuxième élément "interviewbouton" un lien vers le sujet sujet dont on a récupéré l'adresse.
J'ai repris la même mise en forme que le bouton que vous aviez donné en exemple, mais vous pouvez en modifier le texte ("Voir le dernier interview") et le style ligne 17 dans le javascript.


Au cas où pour info, le javascript que vous m'avez fourni après n'est pas nécessaire pour que celui-ci fonctionne, mais j'ai bien utilisé les modifs du template, et l'option des notes/annonces et sujets "normaux" affichés séparés dans des tableaux différents.

Ce qui me fait douter de l'optimisation du code : Il charge la liste des sujets en entier pour pouvoir chercher celui voulu ensuite, or vous avez une liste de sujets très longue, j'ai peur que ça soit un peu "lourd"... Mais je ne sais pas comment faire autrement ^^"
MlleAlys

MlleAlys
Membre actif

Messages : 5900
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton envoyant vers un sujet particulier

Message par photoclic Dim 19 Mai 2024 - 19:19

Un grand merci MlleAlys pour ces codes.
Cela fonctionne parfaitement. Juste le css à ajuster à mon forum.

Pour l'optimisation, je pensais que le pavé Annonce et note avait la class: "forumbg announcement M14_Annonc" et que le pavé des la liste des sujets avait pour class:"M14_forumbg forumbg" ainsi avec :first récupérer le premier sujet.

Mais, cela me va très bien ainsi.

Je poursuis mes tests dans la soirée et mettrai en résolu juste après.
Encore un grand merci pour votre aide précieuse.


photoclic

photoclic
Membre habitué

Masculin
Messages : 1470
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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