Afficher à la demande, en position non scrollable, le premier post du sujet en cours

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

Résolu Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Sam 23 Nov 2013 - 10:36

Pas facile d'expliquer ce que je voudrais faire.
J'anime un forum de jeu.
Les membres y postent des énigmes (des charades)) chacune étant un sujet.
Le premier post de chaque sujet contient l'énigme et j'ai mis en place l'option qui permet que ce premier post s'affiche quelque soit la page.
Je voudrait pouvoir installer un bouton ou un container en position fixe (non scrollable) qui permette d'afficher ce premier post, contextuellement.
Objectif, que les membres qui naviguent sur le sujet aient toujours sous les yeux l'énigme.
Faut pouvoir adresser ce contenu (sujetcourant.premierpost), et je ne sais pas comment faire.

Est ce clair et quelqu'un a t il une idée ?


Dernière édition par Jama le Ven 6 Déc 2013 - 14:07, édité 3 fois

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Sam 23 Nov 2013 - 17:14

J'ai un peu avancé.

J'ai utilisé l'astuce panneau latéral coulissant dans un javascript actif sur les sujets

Code:
jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; top: 100px; left: 0px;background-color: #EB9855;z-index:10000;"><tr><td><div id="panneau1" scrolling="no" style="width: 220px; height: 350px; display: none;" marginwidth="20" marginheight="0" frameborder="4">
      
CONTENU DU PREMIER POST DU SUJET EN COURS
      
      </div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau1\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>');
});
Ne reste (mais c'est un euphémisme, certainement pas le plus simple) qu'à récuperer le contenu, formaté, du premier post du sujet affiché.

A suivre

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Sam 23 Nov 2013 - 18:40

Je continue à avancer. Wink
Histoire de trouver comment accéder à ce premier post, je suis allé faire un tour sur
http://forum.forumactif.com/t359239-modifier-la-couleur-de-fond-entre-le-premier-et-le-second-message-d-un-sujet#3058142

js
Code:
$(function(){
        $("table.forumline tr.post:eq(1)").before('
<tr><td class="M14_separation"colspan="2"align="center">texte</td></tr>');
        });
Qui, accessoirement, ne marche pas chez moi Wink

Est ce que  $("table.forumline tr.post:eq(1)") est ce lien ?
En inspectant l'élément, je trouve Class Postbody fa_postbody_xy



Code:
<iframe src=" Lien vers table.forumline tr.post:eq(1).fa_postbody_xy ou quelque chose comme ça" style="width: 200px; height: 300px;" ></iframe>
mais là je patauge.

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Ven 29 Nov 2013 - 18:07

Up

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Milouze14 le Sam 30 Nov 2013 - 21:03

Salut Jama,

il est logique que le script ne fonctionne pas, le code que j'avais fournit
était pour la version phpbb2 Wink .

Pour la version phpbb3 :
Code:

$(function(){
                $("#main-content .post").after('
        <tr><td class="M14_separation"colspan="2"align="center">texte</td></tr>');
                });

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

Code:

.M14_separation
{
TA CSS
}
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Sam 30 Nov 2013 - 21:23

Merci Milouze
J'ai installé ton script et l'add au css
mais je ne vois pas de différence.
Il y a quelque chose à paramétrer ? (C'est quoi TA CSS)

Par ailleurs ce que je cherche est le moyen d'afficher le premier message du fil dans le script que j'ai indiqué en premier post de mon message. As tu une idée ?

cdrlt
jama


Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Milouze14 le Sam 30 Nov 2013 - 21:36

Re,
je regarde tout çà demain mon ami , mais le script que
je t'ai donné n'aura pas d'utilité ni la css .
Donc tu peux déjà les supprimer Wink .

Le script fera son action sur tous les sujets aussi ,
as tu un forum en particulier pour ce que tu souhaites ?

A demain .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Sam 30 Nov 2013 - 21:44

J'avais compris que le script et le css ne repondait pas à la demande, mais je suis curieux et ai voulu ce que ça donnait. n l'occurence, rien.

Le script d'accueil que j'ai indiqué dans mon premier post est un panneau deroulant non scrollable et je veux y afficher le premier post du forum courant.


Pàris ne s'est pas fait en un jour, j'ai le temps.
Les sujets sont visibles aux visiteurs.
Merci encore.


Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Milouze14 le Dim 1 Déc 2013 - 9:49

Salut Jama,

j'ai revu complétement ton code  Wink .

Rien n'est perdu car si ma présentation te déconvient les codes sont présents ici Wink .

Edit: pour activer cette fonction il faut impérativement cocher ceci:
Toujours afficher le premier message dans les sujets:


Donc supprime le javascript créé ainsi que la CSS qui s'y rapporte (si il y en à une bien sûre Wink  ) .


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

Mettre un titre explicite.

Cocher  Sur les sujets

Colles ceci:
Code:

//le bloc qui contient les boutons
$(function(){
$("h1.page-title").before('
<div id="M14_bloc"></div>');
       });


//on copie le premier sujet
$(function(){
$(".postbody .content:first").clone().appendTo(".topic-actions").addClass("M14_first_sujet");
});
//le bouton qui va ouvrir le widget affichant le premier message
$(function(){
$("<span id=\"M14_btn_first\">Voir le premier sujet</span>").appendTo("#M14_bloc");
});

//le bouton qui fermera le message
$(function(){
$("<span id=\"M14_btn_close\">X</span>").appendTo("#M14_bloc");
});

//l action du bouton d ouverture
$(function(){
$("#M14_btn_first").click(function()
{$( ".M14_first_sujet" ).show(500);
})});
// l action du bouton de fermeture
$(function(){
$("#M14_btn_close").click(function()
{$( ".M14_first_sujet" ).hide(500);
})});

Pense à cliquer sur le bouton

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

colle ceci:
Code:

/*L apparence et le positionnement du bloc contenant les boutons*/
#M14_bloc
{
position:fixed;
bottom:0;
background-color:#F5BA89;
border: 2px solid red;
border-bottom:none;
padding:5px 8px 2px 8px;
}
/*Le bouton d ouverture du widget*/
#M14_btn_first
{
color:#345C05;
font-size:14px;
cursor:pointer;
}
/*Le bouton de fermeture du widget*/
#M14_btn_close
{
margin-left:10px;
color:red;
font-size:14px;
cursor:pointer;
}
/*Le titre du widget*/
.M14_first_sujet:before
{
content:'Rappel du sujet';
color:#345C05;
font-size:13px;
}
/*L apparence et le positionnement du widget contenant le premier message*/
.M14_first_sujet
{
padding:5px 5px 5px 15px;
position:fixed;
right:10px;
top:100px;
display:none;
color:#345C05;
width:400px;
height: 200px;
overflow-y:auto;
background-color:#F5BA89;
border:1px solid black;
}
Pense à cliquer sur le bouton

J'ai collé le widget qui affichera le premier message à droite en position fixed volontairement
pour que l'on puisse voir ce dernier en permanence Wink .

Pour afficher le widget à gauche , il faudra changer le right par left ici:

Code:
.M14_first_sujet
{
padding:5px 5px 5px 15px;
position:fixed;
right:10px;
top:100px;
display:none;
color:#345C05;
width:400px;
height: 200px;
overflow-y:auto;
background-color:#F5BA89;
border:1px solid black;
}
a++


Dernière édition par Milouze14 le Lun 2 Déc 2013 - 8:32, édité 1 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Dim 1 Déc 2013 - 10:23

Wahoo,
quelle efficacité !!!
Merci, je teste !


Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Dim 1 Déc 2013 - 10:37

A priori, pas de bouton affiché.
J'essaie de comprendre le code.
C'est aussi le but. Wink

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Milouze14 le Dim 1 Déc 2013 - 10:42

Re,
je viens de ton forum est il est bien présent Wink dans le sujet :



Actualise ton navigateur Jama Wink  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Dim 1 Déc 2013 - 10:45

Actualisé !!!
mais je ne cherchais pas le bouton là Smile
Pas de Pb

je vais adapter pour la position et le look

merci Milouze !!!

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Dim 1 Déc 2013 - 10:48

Respect !!!!

Elles sont loin mes années de codage Wink

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Milouze14 le Dim 1 Déc 2013 - 10:52

Re,
cela te convient mon ami Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Dim 1 Déc 2013 - 10:58

Yes sir.
Par contre, j'essaie de déplacer le bouton sur la gauche pour l'aligner avec le bord crème, mais ne trouve pas la propriété.
J'ai essayé un left dans la position du bloc, sans succés

Code:
#M14_bloc
{
position:fixed;
bottom:0;
  Left:100px
background-color:#F5BA89;
border: 1px solid black;
border-bottom:none;
padding:5px 8px 2px 8px;
}

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Milouze14 le Dim 1 Déc 2013 - 11:14

Re,

et la fermeture ? Very Happy 
Code:
#M14_bloc
{
 position:fixed;
bottom:0;
 Left:100px <==================  ici
 background-color:#F5BA89;
 border: 1px solid black;
  border-bottom:none;
 padding:5px 8px 2px 8px;
 }
Comme ceci serait plus approprié Laughing  :
Code:
#M14_bloc
{
 position:fixed;
bottom:0;
left:100px;
 background-color:#F5BA89;
 border: 1px solid black;
  border-bottom:none;
 padding:5px 8px 2px 8px;
 }


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Dim 1 Déc 2013 - 11:17

Ben, j'étais justement en train de la rajouter Wink

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Dim 1 Déc 2013 - 11:31

Vais tenter de remplacer le bouton de fermeture par un flip flop
Voir/ Cacher

tout seul, comme un grand

si je cale, je fais signe
mais j'espère me débrouiller tout seul.

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Lun 2 Déc 2013 - 0:02

Pas réussi, pour l'instant, le flip flop, mais pas grave, ça marche nickel
Par contre, impossible que cela fonctionne sur la page de réponse normale, "Poster une réponse",
même en cochant "toutes les pages".

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Milouze14 le Lun 2 Déc 2013 - 6:25

Salut Jama,

Par contre, impossible que cela fonctionne sur la page de réponse normale, "Poster une réponse",
même en cochant "toutes les pages".

Tu peux faire une capture stp ou un schéma car je ne comprend pas du tout ta demande,
le script fonctionne sur toutes les pages mon ami Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Lun 2 Déc 2013 - 7:36

Salut l'ami,
je pense que je comprend ce qui se passe.
En fin de compte c'est tout à fait normal. J'avais l'esprit à l'ouest hier soir.

Quand je suis sur un sujet et que je saisis une réponse en zone Réponse Rapide, no PB.
Puis "prévisualiser" m'amène, sur la page Réponse Normale. Là le bouton est présent mais rien n'est affiché.
Ben, évidemment, puisque même si cette page est relative à un sujet, il n'y a pas de premier message sur cette page.
Il eut fallu sans doute afficher non pas le premier message de la page mais le premier message du sujet.
On retrouve d'ailleurs le texte "Rappel du premier message" en entête de la zone quand on est sur une deuxième ou plus page de sujet.

C'est également confirmé par le fait que le bouton s'affiche bien sur les pages des sous-forums, et là, très normalement sans effet. Accessoirement par contre, pour info, il ne s'affiche pas sur la page de l'index (aucun intérêt par ailleurs). Un peu surprenant.


A moins que SIMPLEMENT, sans se prendre la tête, on puisse adresser le premier message d'un sujet, et non pas le premier sujet de la page qui est affichée, pas la peine de se prendre la tête.

Merci Milouze.

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Milouze14 le Lun 2 Déc 2013 - 8:39

Re,
en fait j'ai tout bonnement oublié de te mentionner de cocher l'option dans le P.A
pour activer l'affichage du premier message dans les sujets .
PS: j'ai modifié mon sujet :
http://forum.forumactif.com/t360523-afficher-a-la-demande-en-position-non-scrollable-le-premier-post-du-sujet-en-cours#3062608

Ensuite, le fait d'avoir ce principe de fonctionnement sur un sujet est un peu rédhibitoire car il est déjà présent en tête de liste.
Mais la fonction est pratique quand on se trouve en bas de page d'un sujet par exemple Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher à la demande, en position non scrollable, le premier post du sujet en cours

Message par Jama le Lun 2 Déc 2013 - 8:46

@Milouze14 a écrit:Re,
en fait j'ai tout bonnement oublié de te mentionner de cocher l'option dans le P.A
pour activer l'affichage du premier message dans les sujets .
PS: j'ai modifié mon sujet :
http://forum.forumactif.com/t360523-afficher-a-la-demande-en-position-non-scrollable-le-premier-post-du-sujet-en-cours#3062608

Ensuite, le fait d'avoir ce principe de fonctionnement sur un sujet est un peu rédhibitoire car il est déjà présent en tête de liste.
Mais la fonction est pratique quand on se trouve en bas de page d'un sujet par exemple Wink .

a++
C'était déjà fait, bien sûr.
En outre, au fur et à mesure, je perfectionne ma connaissance des scripts.
LOL

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama 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