Dupliquer la barre de notif forum
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
Je m'était dit qu'en copiant directe dans le gabarit /forum/templates/forum_topic.tpl ce contenu que résoudrai mon affaire mais j'ai un effet de doublon qui se produit en bas . J'imagine qu'on peut réécrire une partie de ce code pour l'adapter mais ...
Code TPL :
# IF C_AUTH_POST #
<div class="forum-action">
# IF C_DISPLAY_MSG #
<span id="forum_change_statut">
<a href="{PATH_TO_ROOT}/forum/action{U_ACTION_MSG_DISPLAY}#go_bottom">{ICON_DISPLAY_MSG}</a> <a href="{PATH_TO_ROOT}/forum/action{U_ACTION_MSG_DISPLAY}#go_bottom" class="small">{L_EXPLAIN_DISPLAY_MSG_DEFAULT}</a>
</span>
<script>
<!--
document.getElementById('forum_change_statut').style.display = 'none';
document.write('<a href="javascript:XMLHttpRequest_change_statut()" class="small" id="forum_change_img">{ICON_DISPLAY_MSG}</a> <a href="javascript:XMLHttpRequest_change_statut()" class="small"><span id="forum_change_msg">{L_EXPLAIN_DISPLAY_MSG_DEFAULT}</span></a>');
-->
</script>
•
# ENDIF #
<a href="{PATH_TO_ROOT}/forum/alert{U_ALERT}#go_bottom" class="fa fa-warning"></a> <a href="alert{U_ALERT}#go_bottom" class="small">{L_ALERT}</a>
<span id="forum_track">
<a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE}#go_bottom">{ICON_TRACK}</a> <a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE}#go_bottom" class="small">{L_TRACK_DEFAULT}</a>
</span>
•
<script>
<!--
document.getElementById('forum_track').style.display = 'none';
document.write('<a href="javascript:XMLHttpRequest_track()" class="small" id="forum_track_img">{ICON_TRACK}</a> <a href="javascript:XMLHttpRequest_track()" class="small"><span id="forum_track_msg">{L_TRACK_DEFAULT}</span></a>');
-->
</script>
•
<span id="forum_track_pm">
<a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_PM}#go_bottom">{ICON_SUSCRIBE_PM}</a> <a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_PM}#go_bottom" class="small">{L_SUSCRIBE_PM_DEFAULT}</a>
</span>
<script>
<!--
document.getElementById('forum_track_pm').style.display = 'none';
document.write('<a href="javascript:XMLHttpRequest_track_pm()" class="small" id="forum_track_pm_img">{ICON_SUSCRIBE_PM}</a> <a href="javascript:XMLHttpRequest_track_pm()" class="small"><span id="forum_track_pm_msg">{L_SUSCRIBE_PM_DEFAULT}</span></a>');
-->
</script>
•
<span id="forum_track_mail">
<a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_MAIL}#go_bottom">{ICON_SUSCRIBE}</a> <a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_MAIL}#go_bottom" class="small">{L_SUSCRIBE_DEFAULT}</a>
</span>
<script>
<!--
document.getElementById('forum_track_mail').style.display = 'none';
document.write('<a href="javascript:XMLHttpRequest_track_mail()" class="small" id="forum_track_mail_img">{ICON_SUSCRIBE}</a> <a href="javascript:XMLHttpRequest_track_mail()" class="small"><span id="forum_track_mail_msg">{L_SUSCRIBE_DEFAULT}</span></a>');
-->
</script>
</div>
# ENDIF #Édité par smaj Le 29/01/2016 à 14h01
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
Personne ne saurait comment dupliquer proprement la barre qui est au pied des discussions:
ujet réglé ? Alerter les modérateurs Mettre en favori Suivre par message privé Arrêter le suivi par mail
Mon but est de l'ajouter en haut des discussions pour plus de visibilité notamment sur l'aspect "Sujet réglé ?" L'idée c'est de pouvoir activer/désactiver l'état du sujet sans avoir à faire défiler la page.
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
As tu essayer de dupliquer le code dans forum_top.tpl ?
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
Myster Membre non connecté
-
Booster Missile
- Voir le profil du membre Myster
- Inscrit le : 04/10/2010
- Groupes :
Code TPL :
# IF C_AUTH_POST #
<div class="forum-action">
# IF C_DISPLAY_MSG #
<span id="forum_change_statut">
<a href="{PATH_TO_ROOT}/forum/action{U_ACTION_MSG_DISPLAY}#go_bottom">{ICON_DISPLAY_MSG}</a> <a href="{PATH_TO_ROOT}/forum/action{U_ACTION_MSG_DISPLAY}#go_bottom" class="small">{L_EXPLAIN_DISPLAY_MSG_DEFAULT}</a>
</span>
<script>
<!--
document.getElementById('forum_change_statut').style.display = 'none';
document.write('<a href="javascript:XMLHttpRequest_change_statut()" class="small" id="forum_change_img">{ICON_DISPLAY_MSG}</a> <a href="javascript:XMLHttpRequest_change_statut()" class="small"><span id="forum_change_msg">{L_EXPLAIN_DISPLAY_MSG_DEFAULT}</span></a>');
-->
</script>
•
# ENDIF #
<a href="{PATH_TO_ROOT}/forum/alert{U_ALERT}#go_bottom" class="fa fa-warning"></a> <a href="alert{U_ALERT}#go_bottom" class="small">{L_ALERT}</a>
<span id="forum_track">
<a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE}#go_bottom">{ICON_TRACK}</a> <a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE}#go_bottom" class="small">{L_TRACK_DEFAULT}</a>
</span>
•
<script>
<!--
document.getElementById('forum_track').style.display = 'none';
document.write('<a href="javascript:XMLHttpRequest_track()" class="small" id="forum_track_img">{ICON_TRACK}</a> <a href="javascript:XMLHttpRequest_track()" class="small"><span id="forum_track_msg">{L_TRACK_DEFAULT}</span></a>');
-->
</script>
•
<span id="forum_track_pm">
<a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_PM}#go_bottom">{ICON_SUSCRIBE_PM}</a> <a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_PM}#go_bottom" class="small">{L_SUSCRIBE_PM_DEFAULT}</a>
</span>
<script>
<!--
document.getElementById('forum_track_pm').style.display = 'none';
document.write('<a href="javascript:XMLHttpRequest_track_pm()" class="small" id="forum_track_pm_img">{ICON_SUSCRIBE_PM}</a> <a href="javascript:XMLHttpRequest_track_pm()" class="small"><span id="forum_track_pm_msg">{L_SUSCRIBE_PM_DEFAULT}</span></a>');
-->
</script>
•
<span id="forum_track_mail">
<a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_MAIL}#go_bottom">{ICON_SUSCRIBE}</a> <a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_MAIL}#go_bottom" class="small">{L_SUSCRIBE_DEFAULT}</a>
</span>
<script>
<!--
document.getElementById('forum_track_mail').style.display = 'none';
document.write('<a href="javascript:XMLHttpRequest_track_mail()" class="small" id="forum_track_mail_img">{ICON_SUSCRIBE}</a> <a href="javascript:XMLHttpRequest_track_mail()" class="small"><span id="forum_track_mail_msg">{L_SUSCRIBE_DEFAULT}</span></a>');
-->
</script>
</div>
# ENDIF #
Tu ajoutes ça où tu veux dans forum_top.tpl
Édité par Myster Le 29/01/2016 à 10h14
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
Si je met le code comme ça j'ai le problème de doublon qui se traduit comme ça:
<img src="/upload/barre-de-suivi.png" alt="" />
Mais si je fait sauter les span id="xxxx alors là ça fonctionne j'aurai du y penser avant en fait ...
Il me reste juste un truc à résoudre qui est ce "#gobottom" qui reste malgré ça: (je pense que je vais les virer depuis le bottom et ça devrait régler mon affaire.
Code TPL :
# IF C_AUTH_POST #
<div class="forum-action">
# IF C_DISPLAY_MSG #
<span>
<a href="{PATH_TO_ROOT}/forum/action{U_ACTION_MSG_DISPLAY}">{ICON_DISPLAY_MSG}</a> <a href="{PATH_TO_ROOT}/forum/action{U_ACTION_MSG_DISPLAY}" class="small">{L_EXPLAIN_DISPLAY_MSG_DEFAULT}</a>
</span>
<script>
</script>
# ENDIF #
<a href="{PATH_TO_ROOT}/forum/alert{U_ALERT}" class="fa fa-warning"></a> <a href="alert{U_ALERT}" class="small">{L_ALERT}</a>
<span>
<a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE}">{ICON_TRACK}</a> <a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE}" class="small">{L_TRACK_DEFAULT}</a>
</span>
<script>
</script>
<span>
<a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_PM}">{ICON_SUSCRIBE_PM}</a> <a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_PM}" class="small">{L_SUSCRIBE_PM_DEFAULT}</a>
</span>
<script>
</script>
<span>
<a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_MAIL}">{ICON_SUSCRIBE}</a> <a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_MAIL}" class="small">{L_SUSCRIBE_DEFAULT}</a>
</span>
<script>
</script>
</div>
# ENDIF #
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
#go_bottom par #refresh c'est moins bien que moyen.
Quand je veux suivre par mp ou mail c'est bien ça descend et ça ce actualise en haut mais l'inverse ne fonctionne pas.
Je vais essayer d'autre combinaisons. En fait le problème c'est que les deux barres ne sont pas actualisées en même temps.
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
Par contre il faut noter que par exemple lorsque la barre supérieure n'est pas actualisée et que je clique sur la fonction genre "arrêter le suivi par mail" alors que je l'ai activé depuis la barre inférieure dans ce cas ma barre supérieure plutôt que d'appliquer l'action elle s'actualise. Je veux dire qu'il n'y a pas de "contre-action" dans les fonctions. C'est déjà un très bon point. Ensuite une fois actualisée alors je peux lacer mon actions sans problème.
Je pense que ça vaut le coup d'être noté.
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
J'ai essayé de ne garder que
Code TPL :
{ICON_SUSCRIBE}
pour voir s'il y a une incidence avec l'action du pied de forum mais ça ne rend pas non plus
J'ai viré tous les #go_bottom du haut ça marche pour sujet réglé? mais uniquement à partir de la balise du haut.
Pas contre je n'ai pas toujours pas d'actions contradictoires donc pour le moment ça va rester comme ça.
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
voici ce que j'ai fait : forum_top.tpl
Code TPL :
# IF C_AUTH_POST #
<div class="forum-action" style="">
# IF C_DISPLAY_MSG #
<span>
<a href="{PATH_TO_ROOT}/forum/action{U_ACTION_MSG_DISPLAY}">{ICON_DISPLAY_MSG}</a> <a href="{PATH_TO_ROOT}/forum/action{U_ACTION_MSG_DISPLAY}" class="small">{L_EXPLAIN_DISPLAY_MSG_DEFAULT}</a>
</span>
<script>
</script>
# ENDIF #
<a href="{PATH_TO_ROOT}/forum/alert{U_ALERT}" class="fa fa-warning"></a> <a href="alert{U_ALERT}" class="small">{L_ALERT}</a>
<span>
<a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE}">{ICON_TRACK}</a> <a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE}" class="small">{L_TRACK_DEFAULT}</a>
</span>
<script>
</script>
<span>
<a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_PM}">{ICON_SUSCRIBE_PM}</a> <a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_PM}" class="small">{L_SUSCRIBE_PM_DEFAULT}</a>
</span>
<script>
</script>
<span>
<a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_MAIL}">{ICON_SUSCRIBE}</a> <a href="{PATH_TO_ROOT}/forum/action{U_SUSCRIBE_MAIL}" class="small">{L_SUSCRIBE_DEFAULT}</a>
</span>
<script>
</script>
</div>
# ENDIF #Donc ce qui manque c'est la synchronicité avec sujet réglé/non réglé et les ajouter/retirer des favoris.
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Une id est forcement unique, il te faut donc les renommer en ajoutant le suffixe _top / _bot par exemple et modifier aussi dans le javascript.
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
il te faut modifier les id CSS pour les dé-doubler.
Tu parle de quoi (?) ça:
Code :
{ICON_DISPLAY_MSG} et {U_ACTION_MSG_DISPLAY}ou bien la class css de la div dans laquelle la barre est donc
Code :
<div class="forum-action">??
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Vu qu'une ID doit être unique, le fait d'avoir dupliquer le code, cela ne fonctionne plus correctement.
Il te faut dissocier les deux ID et ajouter les deux ID dans le javascript pour que tout fonctionne en même temps.
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie