VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.

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

Résolu VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.

Message par horusbk le Mer 8 Juin 2016 - 7:14

Détails techniques


Version du forum : phpBB2
Poste occupé : Modérateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://prd-test.forumactif.org

Description du problème

Bonjour,
Depuis quelques jours, je recherche le moyen d'afficher l'icône indiquant que le membre a déjà posté dans le sujet. Sur la version classique du forum il s'agit, par défaut d'une petite icône blanche située juste avant le titre du topic.

Je voulais savoir s'il était possible de l'ajouter pour l'affichage en version mobile, à cet endroit : http://hpics.li/119aa73 (au dessus de la flèche rouge, entre l'icône de notification et les informations du sujet).

Cordialement.
Horusbk


Dernière édition par horusbk le Mer 8 Juin 2016 - 20:52, édité 2 fois

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.

Message par Neptunia le Mer 8 Juin 2016 - 8:51

Bonjour ^^

Il suffit de rajouter dans le #template #mobile #topics_list_box la variable {topics_list_box.row.PARTICIPATE_POST_IMG} à l'endroit où vous voulez rajouter l'icône.

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.

Message par horusbk le Mer 8 Juin 2016 - 11:24

Merci Neptunia Smile
Est ce également possible de modifier l'image de l'icône mais seulement pour la version mobile, peut être via le CSS avec des Media ? Par contre faudrait-il appeler l'image par le CSS.


horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.

Message par Neptunia le Mer 8 Juin 2016 - 11:49

C'est possible de changer l'image, mais je pense plutôt à du javascript qui irait remplacer l'attribut src de l'image dès qu'il trouve l'image par défaut.




Edité !

Dans mon template j'ai remplacé :
Code:
<!-- END topic -->
<!-- BEGIN no_topics -->
par :
Code:
<!-- END topic -->
<script type="text/javascript">
    $(function() {
        $('img[src="http://adresse_image_par_defaut.png"]').attr('src','http://adresse_image_de_remplacement.png');
        });
</script>
<!-- BEGIN no_topics -->

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.

Message par horusbk le Mer 8 Juin 2016 - 18:34

Merci Neptunia Very Happy
Pour la variable {topics_list_box.row.PARTICIPATE_POST_IMG} ça marche parfaitement, part contre, ce n'est pas le cas du JavaScript.
J'ai toujours l'ancienne image.

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.

Message par Neptunia le Mer 8 Juin 2016 - 19:38

Pouvez-vous me fournir votre template topics_list_box (version mobile évidemment)

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.

Message par horusbk le Mer 8 Juin 2016 - 20:12

le voici thumleft
Code:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
   <!-- BEGIN multi_selection -->
      <script type="text/javascript">

      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
      {
         alert('MAIN');

         var all_checked = true;

         for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
         {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
               all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
            }
         }

         document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }

      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
      {
         alert('ALL');

         for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
         {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
               document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
            }
         }
      }

      </script>
   <!-- END multi_selection -->

<div class="forumbg announcement">
      <div class="mobile_set">
         <div class="mobile_set_content">{topics_list_box.row.L_TITLE}</div>
         <!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
         <!-- END multi_selection -->
      </div>
<!-- END header_table -->

<!-- BEGIN header_row -->
      <strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

   <!-- BEGIN table_sticky -->
      </div>
      <div class="forumbg">
         <div class="mobile_set">
            <div class="mobile_set_content">{topics_list_box.row.topic.table_sticky.L_TITLE}</div>
            <!-- BEGIN multi_selection -->
            <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
            <!-- END multi_selection -->
         </div>
   <!-- END table_sticky -->
      <div class="mobile_item">
         <a href="{topics_list_box.row.U_VIEW_TOPIC}" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" class="{topics_list_box.row.FOLDER_CLASSNAME} mobile_item_content block">
            <div class="mobile_item_link_content">
               <h2 class="mobile_subtitle">{topics_list_box.row.PARTICIPATE_POST_IMG} {topics_list_box.row.TOPIC_TYPE}{topics_list_box.row.TOPIC_TITLE}</h2>
               <div class="mobile_comment">{topics_list_box.row.REPLIES} {L_REPLIES} {L_IN} {topics_list_box.row.VIEWS} {L_VIEWS}</div>
               <div class="mobile_comment">{topics_list_box.row.L_LATEST_POST_FROM_THE}</div>
            </div>
         </a>
      </div>
<!-- END topic -->
<script type="text/javascript">
    $(function() {
        $('img[src="http://adresse_image_par_defaut.png"]').attr('src','http://www.aht.li/2906310/view.png');
        });
</script>
<!-- BEGIN no_topics -->
      <div class="post">
         <div class="postbody">
            <strong>{topics_list_box.row.L_NO_TOPICS}</strong>
         </div>
      </div>
<!-- END no_topics -->

<!-- BEGIN bottom -->
   </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.

Message par Neptunia le Mer 8 Juin 2016 - 20:27

<script type="text/javascript">
$(function() {
$('img[src="http://adresse_image_par_defaut.png"]').attr('src','http://www.aht.li/2906310/view.png');
});
</script>

Je serai surprise si l'image qui s'affiche en version web s'appelait effectivement adresse_image_par_defaut.png What a Face

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.

Message par horusbk le Mer 8 Juin 2016 - 20:51

Ah oui en effet Laughing
C'est corrigé et ça fonctionne bien. MERCI ♥

résolu

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk 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