VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.
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
Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.
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.
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.
Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.
Merci Neptunia
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.
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.
Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.
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é :
Edité !
Dans mon template j'ai remplacé :
- Code:
<!-- END topic -->
<!-- BEGIN no_topics -->
- 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 -->
Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.
Merci Neptunia
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.
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.
Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.
Pouvez-vous me fournir votre template topics_list_box (version mobile évidemment)
Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.
le voici
- 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 -->
Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.
<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
Re: VERSION MOBILE : Ajouter une icône qui indique que l'on a écrit dans le sujet.
Ah oui en effet
C'est corrigé et ça fonctionne bien. MERCI ♥
C'est corrigé et ça fonctionne bien. MERCI ♥
Sujets similaires
» Supprimer l'icône nouveau sujet pour le membres n'ayant pas la permission en version mobile
» Ajouter une bannière - Version mobile !
» VERSION MOBILE - Changer icône et nom dans le menu + rajouter message privé MP/DM dans le menu
» Icônes sujet et autres version Mobile
» Supprimer le lien "Version appli" dans le menu version mobile
» Ajouter une bannière - Version mobile !
» VERSION MOBILE - Changer icône et nom dans le menu + rajouter message privé MP/DM dans le menu
» Icônes sujet et autres version Mobile
» Supprimer le lien "Version appli" dans le menu version mobile
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum