Intégrer des bouttons émojis pour chaque premier post

4 participants

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

Résolu Intégrer des bouttons émojis pour chaque premier post

Message par Fantazie Mar 28 Aoû 2018 - 12:34

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour chers Forumactifs !

Je viens cette fois pour une demande un peu particulière mais qui je pense, transformée en tuto peut-être plus tard pour les plusieurs versions, pourrait plaire au plus grand nombre.

Qui n'a jamais vu sur les sites web, blog, les fameux emojis de réactions en fin d'article ?
Intégrer des bouttons émojis pour chaque premier post  4618566524207104?k=PbVApa_HfzSFdI_ELVS-LuRJI3c

J'ai donc tenté de le mettre dans mon template, après la div qui contient le
Code:
{postrow.displayed.MESSAGE}

Problème:  cela apparait sur tous les messages. Serait-il possible de le perfectionner pour ne le faire apparaître que sur le premier post et pas dans les messages de reponse  svp? Voici le code généré :

Code:
<div class="rns"></div>
<script type="text/javascript">
  (function() {
    window.rnsData = {
      apiKey: 'pvkx1likvqwlfnc6'
    };
    var s = document.createElement('script');
    s.src = 'https://cdn.reactandshare.com/plugin/rns.js';
    document.body.appendChild(s);
  }());
</script>


Je précise que j'ai bien eu connaissant du tuto pour transformer les reputations en Like etc mais 1/ avec mon template modifié, l'emplacement ne permettrait pas d'y mettre tous mes gros smiley bien visibles pour les utilisateurs  2/ j'avoue que j'ai également une préférence pour ce système de feedback. Les gens aiment bien ce qui est très visuel (on s'adapte...) Smile

Merci d'avance pour toute aide ou tout conseil, dites-moi ce que vous en pensez aussi =)


EDIT: les images ne sont pas affichées, je retente: https://imgur.com/W9eKjld
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Fantazie Lun 3 Sep 2018 - 23:21

re up Smile
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Fantazie Sam 8 Sep 2018 - 13:02

J'up avant de partir quelques jours donc pas d'inquiétude si je repasse pas avant fin de semaine prochaine! Smile
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Chacha Dim 16 Sep 2018 - 10:06

Fantazie a écrit:J'up avant de partir quelques jours donc pas d'inquiétude si je repasse pas avant fin de semaine prochaine! Smile
Intégrer des bouttons émojis pour chaque premier post  UmaslZ4Bonjour,

Attention, cela fait 8 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 70035
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Fantazie Dim 16 Sep 2018 - 21:23

Bonsoir,

heureusement que je partais pas 3 semaines en vacances de randos, sans réseau sinon mon post était foutu x)

Up donc.
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Adam_sfp Jeu 20 Sep 2018 - 18:47

Bonsoir

Vous pouvez peut être essayez ceci à mettre dans gestion des codes javascript
Code:
$(document).ready(function() {
  window.rnsData = {apiKey:"pvkx1likvqwlfnc6"};
  var s = document.createElement("script");
  s.src = "https://cdn.reactandshare.com/plugin/rns.js";
  document.body.appendChild(s);
  $("table.forumline tr.post:eq(1)").before('<tr><td colspan="2" align="center"><div class="rns"><\/div><\/td><\/tr>');
});

et donc ne rien mettre dans votre template.

Cdt.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Fantazie Jeu 20 Sep 2018 - 20:12

Bonsoir Adam_sfp,

je vous remercie pour votre aide et votre proposition de code Smile

Malheureusement, échec de l'opération Cap'tain x)
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Adam_sfp Jeu 20 Sep 2018 - 20:34

Bonsoir

Le code est en place sur votre forum?
si non vous pouvez le mettre?

de mon coté sur un forum de test le code fonctionne.
Intégrer des bouttons émojis pour chaque premier post  Tttt10
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Fantazie Ven 21 Sep 2018 - 9:33

Bonjour,

bien sûr je m'en vais de ce pas Smile C'est très joli sur votre forum !

Je me permets de vous joindre le template du viewtopic_body car comme le template a été modifié, peut-être que "l'accès" n'est pas le même. J'ai cru comprendre qu'en javascript on indiquait des chemins pour trouver la place où ils s’inséreront.

Code:
<script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
 
        if(typeof(_atc) == "undefined") {
            _atc = { };
 }
 
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
            if ($('#at15s').css('display') == 'block') {
                addthis_close();
 }
 });
 });
 
    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
 
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
 }
 }
        catch(e) { }
 
 return false;
 };
 
    //]]>
</script>
{POLL_DISPLAY}
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic -->
    <tr><td colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td></tr><!-- END watchtopic --><!-- END switch_user_logged_in -->
    <tr><td align="left" {WIDTH_GALLERY}><span class="nav"><!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span></td>
 <td valign="middle" align="right"><span class="navPOST" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span>
 </td></tr>
 <tr><td colspan="2"><div id="tlePOST">{TOPIC_TITLE}</div></td></tr>
</table>

<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >
    <!-- BEGIN topicpagination -->
    <tr><td colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td></tr>
    <!-- END topicpagination -->
    
 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <tr><td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td></tr>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
 <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"><td colspan="3">
        <!-- BEGIN switch_vote_active -->
        <div class="vote gensmall">
 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
 <!-- END switch_vote -->
 
 <!-- BEGIN switch_bar -->
 <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
 <!-- BEGIN switch_vote_plus -->
 <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
 <!-- END switch_vote_plus -->
 
 <!-- BEGIN switch_vote_minus -->
 <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
 <!-- END switch_vote_minus -->
 </div>
 <!-- END switch_bar -->
 
 <!-- BEGIN switch_no_bar -->
 <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
 <!-- END switch_no_bar -->
 
 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
 <!-- END switch_vote -->
 </div>
        <!-- END switch_vote_active --><div style="height:5px;"></div>
 </td></tr>
 
 <tr><td valign="top">
        <div class="boxPOST"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:-30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div><div class="nameIPOST grpPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div><div class="namePOST"><span style="display:inline-block; vertical-align:middle; height:85px;"></span><span style="display:inline-block; vertical-align:middle;"><strong>{postrow.displayed.POSTER_NAME}</strong><div class="borderPOST"></div><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></span></div></div><div class="abtPOST"><!-- BEGIN profile_field --><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div><!-- END profile_field --></div>
 </div>
 </td>
 
 <td valign="top" width="100%">
        <div class="DTPOST grpPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="toolsPOST">{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}</div><div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div></div>
 
        <div class="postbody">
 <div>{postrow.displayed.MESSAGE}</div>
 <div class="sharethis-inline-reaction-buttons"></div>
 <script src="//platform-api.sharethis.com/js/sharethis.js#property=5b87fa83d09af600128a516b&product=inline-reaction-buttons"></script>
 
 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd>
 <!-- BEGIN switch_post_attachments -->
 <dl class="file">
 <dt><img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
 
 <!-- BEGIN switch_dl_att -->
 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
 <!-- END switch_dl_att -->
 
 <!-- BEGIN switch_no_dl_att -->
 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
 <!-- END switch_no_dl_att -->
 </dt>
 
 <!-- BEGIN switch_no_comment -->
 <dd><em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em></dd>
 <!-- END switch_no_comment -->
 
 <!-- BEGIN switch_no_dl_att -->
 <dd><em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em></dd>
 <!-- END switch_no_dl_att -->
 
 <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->
 
 <div class="clear"></div></div>
 
        <!-- BEGIN switch_signature -->
        <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
        <!-- END switch_signature -->
 
        <span class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} style="display:block; text-align:right;">
 <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span>
 </td>
 </tr>
 <!-- BEGIN first_post_br -->
</table>

<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
 <tr>
        <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
        <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
 </tr>
 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- END postrow -->
 <!-- BEGIN no_post -->
 <tr align="center">
        <td colspan="2"><span class="genmed">{no_post.L_NO_POST}</span></td>
 </tr>
 <!-- END no_post -->
</table>

<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
 <td valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
</table>


<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr><td valign="top" colspan="2"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
 <tr>
 <td class="clearfix">
 <table>
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo"><img src="{RULE_IMG_URL}" /></td>
 <!-- END switch_forum_rule_image -->
 <td class="rules postbody">{RULE_MSG}</td>
 </tr>
 </table>
 </td>
 </tr>
</table>
<!-- END switch_forum_rules -->

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px;" border="0" cellspacing="0" cellpadding="0" align="center">
 <tr><td align="left" valign="middle" {WIDTH_GALLERY}><span class="nav"><!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span></td>
 <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
 
 <!-- BEGIN moderation_panel -->
 <td align="center"><span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span></td>
 <td align="center" width="250"><span class="gensmall"> </span></td>
 <!-- END moderation_panel -->
 </tr>
 </table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
 <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
 <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
 <input type="hidden" name="t" value="{TOPIC_ID}" />
 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
 <span class="gen">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
 </td></tr>
</table>
<!-- END viewtopic_bottom -->

<table class="forumline noprint" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr><td colspan="2" align="center" style="padding:0px;">
 <!-- BEGIN switch_user_logged_in --><a name="quickreply"></a>{QUICK_REPLY_FORM}<!-- END switch_user_logged_in -->
 </td></tr>
</table>

<script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.grpPOST').css("background-color", color);});});</script>
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Encore merci à vous de vous pencher sur cette demande qui, je pense, va en intéresser plus d'un ! Smile
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Adam_sfp Ven 21 Sep 2018 - 15:31

Bonjour
vous avez bien mis le script via gestion des codes javascript?
je ne le vois pas sur votre forum...

-edit pas bien mis mes lunettes c'est bon je le vois..


Essayez en désactivant vos autres scripts ( pour les désactiver vous ne cochez aucune case et vous enregistrez)
Vous avez aussi des erreurs sur votre forum

par exemple ce script
Code:
<script src="http://milouze14.fr/M14smoothscroll.js" type="text/javascript"></script>
cette adresse n'est pas bonne
https://milouze14.error/M14smoothscroll.js

une autre petite question  vos scripts ceux la
http://dramagazine.forumactif.com/99692.js

sont cochés comment? sur toutes les pages ? les sujets?
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Fantazie Ven 21 Sep 2018 - 16:05

Bonjour ,

j'ai supprimé les autres JS et je ne note pas de différence. Je les laisse supprimés le temps que vous me direz de les laisser ainsi.

Les JS étaient tous en "sur toutes les pages" , j'ai essayé avant de supprimer les autres de mettre que "sur tous les sujets" pour le JS des emojis mais je n'ai pas noté de différence. Peut-être après une histoire de cache si vous me dites que vous le voyez auquel cas je ferai un ménage navigateur. Smile
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Adam_sfp Ven 21 Sep 2018 - 17:23

Bonjour

le soucis sur votre forum  si je vais par exemple ici
http://dramagazine.forumactif.com/t57-rasbora-fansub#259
Et si on regarde le code source de la page il n'y a pas le post - 1

Et le script cherche justement le post -1 pour affiche l'effet désiré...
sur mon forum de test on le trouve regardez le screen pour comprendre
Intégrer des bouttons émojis pour chaque premier post  Testfa10

on va donc essayer autrement je reviens vers vous dès que j'ai un peu de temps..

cdt
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Fantazie Ven 21 Sep 2018 - 17:35

Je comprends en effet. Je vous avoue que j'ai pris le code du template actuel sur le site Crushcrushcrush car j'ai eu un coup de coeur, ce n'est pas une personnalisation à partir du template par défaut. Si ce post 1 existe sr le template par défaut, je suppose que je peux peut-être l'intégrer au pire, plutôt que de vous compliquer la tache non ? Une approche différente qui serait peut-être plus aisé pour éviter de modifier ce que vous avez déjà réussi à créer . Smile

Je me penche dessus ce soir après une bonne pause ordi ahah

Merci à vous et à bientôt !
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Adam_sfp Ven 21 Sep 2018 - 18:32

Re bonjour

Essayez en mettant ce script à la place de l'autre
Code:
$(document).ready(function() {
  window.rnsData = {apiKey:"pvkx1likvqwlfnc6"};
  var s = document.createElement("script");
  s.src = "https://cdn.reactandshare.com/plugin/rns.js";
  document.body.appendChild(s);
 $('.rns').filter(function(i){ return i<2 }).removeClass('rns')
});

ensuite dans votre template viewtopic_body recherchez
Code:
<!-- END displayed -->

et collez juste au dessus
Code:
<div class="rns"></div>

et pour finir dans votre CSS
ajoutez ceci
Code:
.rns { display: none; }

Cdt.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Fantazie Ven 21 Sep 2018 - 21:38

Comme je ne suis pas sur un réseau privé et que je rame parfois un peu j'ai vérifié avec mes co admins et modos et elles ne voient rien non plus :/

Je suis désolée, ça doit autant vous déprimer et décourager aussi. Je suis en train de comparer avec le template par défaut pour cette histoire de premier post.


EDIT: j'ai remarqué que dans mon template je n'avais pas cette variable (post--{postrow.displayed.U_POST_ID}) , est-ce celle qui permet de dire post 1, post 2 etc svp?
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Ea Lun 24 Sep 2018 - 22:23

Bonjour,


En retirant du template:

Code:
<div class="rns"></div>

et du CSS:

Code:
.rns { display: none; }

Si je reprends l'idée d'Adam_sfp dans sa première proposition, ceci devrait fonctionner en le mettant en script sur les sujets:

Code:
/^\/t[0-9]+-/.test(location.pathname) && $(function() {
    $('.post  + tr .postbody:first').append('<div class="rns" />');
    window.rnsData = {
      apiKey: 'pvkx1likvqwlfnc6'
    };
    var s = document.createElement('script');
    s.src = 'https://cdn.reactandshare.com/plugin/rns.js';
    document.body.appendChild(s);
}());

Avec ça le script devrait être après le premier message sur la première page.

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Fantazie Lun 24 Sep 2018 - 23:50

Bonsoir Ea !

Merci beaucoup pour votre, je le teste demain dans la journée, là je pense qu'à cette heure je vais faire des bêtises et les technologies ne m'ont pas aimée de la journée ahah. Je vous tiens au courant rapidement =) Bonne nuit!
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Fantazie Mar 25 Sep 2018 - 10:12

Jamais 3 sans 4 (nouveau proverbe! ).

Ca ne fonctionne toujours pas ahah je vais tous vous rendre fous désolée ! Pour compenser: petit remontant culinaire !

Merci Ea d'avoir aussi essayé. Smile

EDIT: je pense que dans le JS le "postbody first" ne peut pas fonctionner sur mon fofo car je n'ai pas de post 1 , 2 etc comme le disait Adam.
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Ea Mar 25 Sep 2018 - 16:59

Désolé, je me suis trompé en mettant `()` en trop.

Le code devrait être:

Code:
/^\/t[0-9]+-/.test(location.pathname) && $(function() {
    $('.post  + tr .postbody:first').append('<div class="rns" />');
    window.rnsData = {
      apiKey: 'pvkx1likvqwlfnc6'
    };
    var s = document.createElement('script');
    s.src = 'https://cdn.reactandshare.com/plugin/rns.js';
    document.body.appendChild(s);
});
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Intégrer des bouttons émojis pour chaque premier post

Message par Fantazie Mar 25 Sep 2018 - 17:40

G-E-N-I-A-L !

Un très grand merci à Adam et vous pour votre patience et votre gentillesse et pour m'avoir aidée ! J'espère que le titre est assez explicite pour que d'autres en profitent ! ^-^

Jvous envoie en colis express une bonne bouteille pour vous remercier ahah

Bonne fin de journée et à bientôt pour d'autres challenge peut-être !
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie 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