Div qui s'affiche en fonction du forum

3 participants

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

Résolu Div qui s'affiche en fonction du forum

Message par Eiffel01 Sam 5 Nov 2016 - 19:31

Bonjour,
Je souhaite afficher une div en position absolue en fonction du forum que l'on visite :
- si je visite le forum Règlements, je voudrais afficher la div d'ID REGLEMENTS
- si je visite le forum Présentation, je voudrais afficher la div d'ID PRESENTATION

Est-ce possible ? Je n'ai malheureusement pas trouvé de sujet similaire sur le net.

Merci


Dernière édition par Eiffel01 le Dim 6 Nov 2016 - 19:07, édité 1 fois
Eiffel01

Eiffel01
***

Masculin
Messages : 198
Inscrit(e) le : 10/03/2014

http://maths-laboisse.forumactif.org
Eiffel01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Div qui s'affiche en fonction du forum

Message par Riizbaie Dim 6 Nov 2016 - 10:30

Coucou,

As tu un exemple de ce que tu demandes? ou peux tu faire un schéma? Car pour moi, ça donnerait simplement l'effet que la fiche se trouve en dehors du forum, sur le body si on utilise la position absolute.
Riizbaie

Riizbaie
***

Messages : 104
Inscrit(e) le : 27/09/2016

https://elastic-fantastic.forumsrpg.com/
Riizbaie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Div qui s'affiche en fonction du forum

Message par Eiffel01 Dim 6 Nov 2016 - 11:44

Bonjour,
Vous avez raison à moitié.
Spoiler:

Dans l'idée, c'est bien d'afficher une div en absolu.
Mais, je voudrais que cette div soit spécifique au sous-forum qui contient le sujet.
Le sujet A est contenu dans le sous-forum Réglements, alors je voudrais afficher la div de class Réglements
Le sujet B est contenu dans le sous-forum Réglements aussi, alors on affiche la même div.
Mais si le sujet C est contenu dans le sous-forum Présentation, alors on affiche la div de class Présentation.

C'est plus clair ?
Le site contiendra des cours de maths, et je souhaiterais que lorsqu'un sujet est visionné, alors la liste des autres cours du même chapitre soit visible, à gauche en absolue

Merci de votre aide
Eiffel01

Eiffel01
***

Masculin
Messages : 198
Inscrit(e) le : 10/03/2014

http://maths-laboisse.forumactif.org
Eiffel01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Div qui s'affiche en fonction du forum

Message par Riizbaie Dim 6 Nov 2016 - 15:03

La liste ? Je suppose que ça doit être possible en JS, malheureusement je n'y connais pas grand chose. Mais je vais essayer de vous aider en attendant que quelqu'un de plus douer de moi arrive Smile

Est ce que la liste doit être présente sur chaque sujet? (C'est pour moi m'y retrouver dans mes codes). Au faite, je risque de répondre très lentement vu que je ne suis présente que le weekend pour le moment. Donc n'hésitez pas à mettre un up.
Riizbaie

Riizbaie
***

Messages : 104
Inscrit(e) le : 27/09/2016

https://elastic-fantastic.forumsrpg.com/
Riizbaie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Div qui s'affiche en fonction du forum

Message par Neptunia Dim 6 Nov 2016 - 15:38

Bonjour ^^


C'est réalisable avec un petit script Wink

Mise en place du script :

Right PA > Modules > HTML & JAVASCRIPT > Gestion des codes Javascript

-> Activer la gestion des codes Javascript : S'assurer que c'est sur Oui
-> Créer un nouveau javascript

- Titre : Ce que vous voulez
- Placement : Sur les sujets
- Code :
Code:
$(function(){
   if ($('a.nav[href^="/f74-"]').length != 0) {
      $("body").append('<div style="position: absolute; top: 70px; right: 10px">VOTRE CONTENU</div>');
   }
});

-> Valider


Explications du javascript :

On va chercher le lien de la section dans le fil d'Ariane :
Si le lien est présent, length() renverra une valeur non nulle (typiquement 2, un fil d'Ariane en haut de page, un autre sous la réponse rapide)
Supposons que nous voulions cibler la catégorie Entraide et Support de ce forum

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code

Son lien est forum.forumactif.com/c5-entraide-support
La seule partie qui nous intéresse est /c5-, l'identifiant de la catégorie
Avec un sous-forum nous aurions par exemple
forum.forumactif.com/f74-probleme-avec-un-script-un-code

Pour le reste il suffit de remplacer VOTRE CONTENU par celui de votre div, sans faire de retour à la ligne et en échappant les caractères spéciaux.

Exemple : Retour à l'accueil devra s'écrire :
retour à l\'accueil
Sans quoi l'apostrophe serait interprété comme la fin de chaîne ouverte juste avant la div

Pour offrir un choix de plusieurs div il suffit de répéter consécutivement les blocs conditionnels
Code:
   if (condition) {
      Code à exécuter
   }
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Div qui s'affiche en fonction du forum

Message par Eiffel01 Dim 6 Nov 2016 - 18:00

Bonsoir,
c'est exactement ça ! Merci beaucoup.
Puis-je mettre la div dans un conteneur, sans être en position absolute ?
Eiffel01

Eiffel01
***

Masculin
Messages : 198
Inscrit(e) le : 10/03/2014

http://maths-laboisse.forumactif.org
Eiffel01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Div qui s'affiche en fonction du forum

Message par Neptunia Dim 6 Nov 2016 - 18:14

Je ne comprends pas la question mais vous pouvez essayer.

Que ce soit une div ou autre chose, peu importe, le tout est que le code fourni comme paramètre de .append() soit en un seul tenant.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Div qui s'affiche en fonction du forum

Message par Eiffel01 Dim 6 Nov 2016 - 18:42

En fait, je souhaite placer cette div à la suite d'une balise span qui est contenue dans un tableau. Mais lorsque je rajoute le code en retirant la partie de position absolute, cela affiche la div après le tableau.
Auriez-vous la solution ?
Je cherche mais ne trouve pas.

Je vous remercie beaucoup pour ces réponses qui m'aident beaucoup.
Eiffel01

Eiffel01
***

Masculin
Messages : 198
Inscrit(e) le : 10/03/2014

http://maths-laboisse.forumactif.org
Eiffel01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Div qui s'affiche en fonction du forum

Message par Neptunia Dim 6 Nov 2016 - 18:49

Je n'ai testé aucun des deux, donc sans garantie Wink

Dans votre tableau créez un conteneur vierge avec un identifiant machin. Exemple :
Code:
<div id="machin"></div>

Et au niveau du script, au lieu d'ajouter la div au body, on l'ajoute à ce conteneur
Code:
      $("div#machin").append('<div>VOTRE CONTENU</div>');

Autre possibilité !
Code:
      $("div#machin").html('VOTRE CONTENU');
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Div qui s'affiche en fonction du forum

Message par Eiffel01 Dim 6 Nov 2016 - 19:07

Que dire.... C'est parfait !
Je vous remercie beaucoup

Eiffel01

Eiffel01
***

Masculin
Messages : 198
Inscrit(e) le : 10/03/2014

http://maths-laboisse.forumactif.org
Eiffel01 a été remercié(e) par l'auteur de ce sujet.

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


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