[TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.

Hello les ami(e)s,


comme toutes les astuces que vous pouvez voir sur ce forum,
les templates n'ont pas été modifié.



L'astuce suivante va vous permettre d'afficher un tag ou les membres devront répondre afin de voir le contenu.
Un bouton sera présent sur l'éditeur et visible que par les admins/modérateurs ou admins tout simplement.



Au clic sur ce dernier, un tag s'affichera dans le champs de l'éditeur sous cette forme:



Vous pouvez aussi sélectionner le contenu qui doit être caché et cliquer sur le bouton comme ceci:







Pour information,seul l'auteur verra son message.

Pour les invités, le tag mentionnera qu'il faut se connecter ou s'enregistrer:




Bon aller assez bavardé et passons aux choses sérieuses.

Pour cette astuce, nous avons besoin de deux scripts:
Un pour ajouter le bouton sur l'éditeur:

1

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

Mettre un titre explicite.
Cocher sur toutes les pages.


Déposer ceci pour les admins et modérateurs:

Code:


$(function(){
if(_userdata["user_level"] ==1||_userdata["user_level"] ==2)
$(function(){
  //L IMAGE DU BOUTON
var M14_editoimg="https://i.servimg.com/u/f20/20/11/87/27/stamp10.png";
  //TEXTE DE L INFOBULLE
var M14_editotitle="Bouton ajout balise cachée";
  //TEXTE D INFORMATION
var M14_texte="Merci de répondre pour voir le contenu.";

$('<a class="sceditor-button" unselectable="on" title="'+M14_editotitle+'"><div unselectable="on"style="background-image:url('+M14_editoimg+')">'+M14_editotitle+'</div></a>').insertBefore('a.sceditor-button-fahide').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('<div id="M14_tag_thank_post"><div class="M14_tag_thank_post">'+M14_texte+'</div><div class="M14_tag_none">\n\n','\n\n</div></div>');
});})});


Ou celui-ci que pour les admins.

Code:


$(function(){
if(_userdata["user_level"] ==1)
$(function(){
  //L IMAGE DU BOUTON
var M14_editoimg="https://i.servimg.com/u/f20/20/11/87/27/stamp10.png";
  //TEXTE DE L INFOBULLE
var M14_editotitle="Bouton ajout balise cachée";
  //TEXTE D INFORMATION
var M14_texte="Merci de répondre pour voir le contenu.";

$('<a class="sceditor-button" unselectable="on" title="'+M14_editotitle+'"><div unselectable="on"style="background-image:url('+M14_editoimg+')">'+M14_editotitle+'</div></a>').insertBefore('a.sceditor-button-fahide').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('<div id="M14_tag_thank_post"><div class="M14_tag_thank_post">'+M14_texte+'</div><div class="M14_tag_none">\n\n','\n\n</div></div>');
});})});


Penser a cliquer sur le bouton

Un autre pour afficher le contenu en fonction des membres qui ont répondu:

2

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(){
var a=_userdata["username"];
$('.name,p.author,.postprofile-name,h4.username,.post-author-name,strong.username').each(function(){
var b=$(this).find('a[href^="/u"]').text();
if(a==b)
{
var modif=$('h2.topic-title:first a[href^="/t"],h1.cattitle,.maintitle h1,.paged-head h1,.topic-header h1 a[href^="/t"],h1.page-title a[href^="/t"]').text();
$('.M14_tag_none').show();  
$('.M14_tag_thank_post').text(modif);
}
});
if (_userdata["user_id"] < (0)){
$('.M14_tag_thank_post').html('<a href="/login">Connectez vous</a> ou <a href="/register"> enregistrez vous</a>');
}
});



Penser a cliquer sur le bouton

Le visu pour le membre n'ayant pas répondu:




Le visu lorsque le membre aura répondu et magie , le texte "Merci de répondre pour voir le contenu."
va se transformer en prenant le titre du sujet.





Puis la c.s.s ou vous pourrez modifier les couleurs comme bon vous semble.


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

Ajouter ceci:

Code:


/*LE CONTENEUR TAG*/
#M14_tag_thank_post
{
background:#5A9743;
width:80%;
margin-left:8%;
height:auto;
min-height:50px;
padding: 5px;
}
/* LA PETITE LOUPE*/
#M14_tag_thank_post:before
{
content:"";
background:url(https://i.servimg.com/u/f20/20/11/87/27/search11.png);
position: absolute;
margin: 10px;
width: 32px;
height: 32px;
}

/*LA PARTIE TITRE DU TAG*/
.M14_tag_thank_post
{
width: 80%;
margin-left: 10%;
background:#ffffff;
color:#222222;
text-align: center;
font-weight:bold;
line-height: 30px;
top: 10px;
position: relative;
   white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*LA PARTIE CACHEE*/
.M14_tag_none
{
display:none;
width:80%;
margin-left:10%;
background:#ffffff;
color:#222222;
padding: 3px;
min-height: 60px;
height: auto;
margin-top: 20px;
overflow: hidden;
word-wrap: break-word;
}


Penser a cliquer sur le bouton


Le script 1 , peut être modifié sur l'image (16px X16px) qui figurera sur l'éditeur:

Code:

//L IMAGE DU BOUTON
var M14_editoimg="https://i.servimg.com/u/f20/20/11/87/27/stamp10.png";

Au survol de cette image:

Code:

 //TEXTE DE L INFOBULLE
var M14_editotitle="Bouton ajout balise cachée";

Le texte d'information:

Code:

 //TEXTE D INFORMATION
var M14_texte="Merci de répondre pour voir le contenu.";

Et voilou, je ne fournis pas l'aspirine par contre   .

Merci Phil, dommage ce matin mal au cheveux 

De rien ma tite Morane,

dommage ce matin mal au cheveux Mercimill

, pas beau d'abuser du jus d'orange

Oui Phil, il était fort ce jus d'orange    repos aujourd'hui 

Merci beaucoup :)

Bon, compte tenu de mes compétences en ordi, cela me dépasse un peu.

Merci Phil, moi au régime .....

Merci pour cette astuce.

Bonjour, 
Désolée si je ne poste pas au bon endroit, mais c'est bizarre j'avais emprunté cette astuce qui me plaisait bien, et je viens de m’apercevoir qu'en postant dans les sujets où les balises cachant le contenu sont en place,  le contenu ne s'affiche plus ?

@dymo .

Hello Renée, l'astuce est toujours d'actualité.
Merci de passer par l'entraide:

https://www.milouze14.com/f14-entraide-forumactif

Bien joué Phil , je vais peut-être l'ajouter à mon forum un de c'est jours .

Merci Milouze14