Accueil
Créer un forumChangement de position des éléments lorsque nouveau message
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Changement de position des éléments lorsque nouveau message
par sunshinette Ven 9 Fév 2024 - 11:37
Bonjour,
J'en appelle à l'aide car j'ai trouvé d'où venait en partie mon problème mais je ne comprends pas pourquoi et du coup comment le résoudre.
Quand j'ai pas de nouveau message, mes éléments pseudo et date sont dans le bon ordre. D'abord le pseudo puis la date. Mais quand il y a un nouveau message posté les deux éléments s'inversent.
Je mets un screen pour plus de clarté (nouveau message là où il y a l'image en couleur / message déjà lu avec l'image en n&b) :
Quand j'examine le DOM je ne vois pas de changement dans le code qui pourrait expliquer cela.
Voici le forum où est le souci : https://alldelightedpeople.forumactif.com/
Merci pour votre aide !
J'en appelle à l'aide car j'ai trouvé d'où venait en partie mon problème mais je ne comprends pas pourquoi et du coup comment le résoudre.
Quand j'ai pas de nouveau message, mes éléments pseudo et date sont dans le bon ordre. D'abord le pseudo puis la date. Mais quand il y a un nouveau message posté les deux éléments s'inversent.
Je mets un screen pour plus de clarté (nouveau message là où il y a l'image en couleur / message déjà lu avec l'image en n&b) :
- image problème:
Quand j'examine le DOM je ne vois pas de changement dans le code qui pourrait expliquer cela.
Voici le forum où est le souci : https://alldelightedpeople.forumactif.com/
Merci pour votre aide !
sunshinette- ***
-
Messages : 135
Inscrit(e) le : 27/01/2012 -
Re: Changement de position des éléments lorsque nouveau message
par sunshinette Dim 11 Fév 2024 - 1:02
Un petit up 
sunshinette- ***
-
Messages : 135
Inscrit(e) le : 27/01/2012 -
Re: Changement de position des éléments lorsque nouveau message
par MlleAlys Dim 11 Fév 2024 - 13:09
Bonjour,
Impossible de voir les nouveaux messages donc le problème en tant qu'invité sur votre forum, pourriez-vous partager vos codes ?
Impossible de voir les nouveaux messages donc le problème en tant qu'invité sur votre forum, pourriez-vous partager vos codes ?
MlleAlys- Membre actif
- Messages : 5801
Inscrit(e) le : 12/09/2012
Re: Changement de position des éléments lorsque nouveau message
par Chacha Sam 17 Fév 2024 - 9:31
 | Bonjour, Attention, cela fait 6 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- Modéractif
-
Messages : 69458
Inscrit(e) le : 21/08/2010 -
Re: Changement de position des éléments lorsque nouveau message
par sunshinette Sam 17 Fév 2024 - 19:47
Oh désolée, j'ai eu une semaine de folie et aucune notification de réponse !
Voici mon template :
Et voici le JS qui gère les bordures de couleur autour des avatars au cas où :
Voici mon template :
- Spoiler:
- Code:
<!----------------------------------------------->
<!-- CATEGORIES -------------->
<div class="wrap_cat">
<!-- Conteneur d'une catégorie -->
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="cat_titre">
{catrow.tablehead.L_FORUM}
</div>
<div class="cat_forumrow" data-id="{catrow.tablehead.ID}">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<!-- Affichage d'un forum -->
<div class="forum_row row">
<div class="top_forum">
<!-- titre et description du forum -->
<div class="titledesc">
<!-- Titre forum -->
<div class="titreforum"><i class="ph ph-bird"></i> <a href="{catrow.forumrow.U_VIEWFORUM}"
class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></div>
<!-- Description -->
<div class="forum_desc">{catrow.forumrow.FORUM_DESC}</div>
</div>
<!-- Image forum : nouveau, rien, verrouillé -->
<img class="forum-img" src="{catrow.forumrow.FORUM_FOLDER_IMG}" />
<div class="lastpost-stats">
<!-- Avatar, dernier message, auteur -->
<div class="forum_lastpost">
<!-- BEGIN avatar -->
<ava>{catrow.forumrow.avatar.LAST_POST_AVATAR}</ava>
<!-- END avatar -->
<div class="container_sujetname">
<!-- Dernier sujet -->
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}"
class="lastpost_link">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
<!-- END switch_topic_title -->
<!-- Auteur -->
<div class="blocauthor">{catrow.forumrow.USER_LAST_POST}</div>
</div>
</div>
<!-- Compteur sujets et message -->
<div class="statscat">
<div class="forum_stats">{catrow.forumrow.TOPICS} <i class="ph ph-pencil"></i>
</div>
<div class="forum_stats1">{catrow.forumrow.POSTS} <i class="ph ph-chats-circle"></i></div>
</div>
</div>
</div>
<!-- Liens de sous-forum -->
<div class="forum_details"><!-- Liens de sous-forum -->{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<script type="text/javascript">
$(document).ready(function() {
var details = $('.forum_details');
if(details.length > 0) {
details.each(function(){
var htmlContent = $(this).html();
if(htmlContent) {
$(this).html(htmlContent.replace(/,/g,""));
}
});
}
});
</script>
</div>
</div>
<!-- Fin affichage d'un forum -->
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot -->
<!-- END catrow -->
<!-- Fin du conteneur de catégorie -->
</div>
<!----------------------------------------------->
<!-- BARRE DE GESTION -------------->
<!-- BEGIN switch_on_index -->
<div class="links_bar" style="height:45px !important;"><a href="{U_MARK_READ}" class="specials_links">{L_MARK_FORUMS_READ}</a>
<!-- Supprimer des cookies du forum -->
<!-- BEGIN switch_delete_cookies -->
<a class="specials_links right" href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
Et voici le JS qui gère les bordures de couleur autour des avatars au cas où :
- Spoiler:
- Code:
$(document).ready(function() {
// Itère sur chaque poste
$('.forum_lastpost').each(function() {
// Trouve la couleur de l'auteur dans ce poste
var authorColor = $(this).find('.color-groups').css('color');
// Applique cette couleur à l'avatar dans ce poste
$(this).find('ava img').css({
'border': '3px solid ' + authorColor,
'border-radius': '50%' // Optionnel, pour une bordure arrondie
});
});
});
$(document).ready(function() {
// Itère sur chaque sujet
$('.af_suj1').each(function() {
// Trouve la couleur de l'auteur dans ce sujet
var authorColor = $(this).find('.suj_auteur span').css('color');
// Applique cette couleur à l'avatar dans ce sujet
$(this).find('.af_suj6 img').css({
'border': '3px solid ' + authorColor,
'border-radius': '50%' // Optionnel, pour une bordure arrondie
});
});
});
sunshinette- ***
-
Messages : 135
Inscrit(e) le : 27/01/2012 -
Re: Changement de position des éléments lorsque nouveau message
par MlleAlys Lun 19 Fév 2024 - 19:21
J'ai testé vos codes sur mon forum test, a priori je ne reproduis pas le problème.
Avez-vous tenté de désactiver tous vos javascripts ?
Ou de supprimer temporairement les autres templates modifiés intervenant sur la page ? (haut de page, etc)
Avez-vous tenté de désactiver tous vos javascripts ?
Ou de supprimer temporairement les autres templates modifiés intervenant sur la page ? (haut de page, etc)
MlleAlys- Membre actif
- Messages : 5801
Inscrit(e) le : 12/09/2012
Re: Changement de position des éléments lorsque nouveau message
par Chacha Ven 23 Fév 2024 - 9:14
| Bonjour, Attention, cela fait 6 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- Modéractif
-
Messages : 69458
Inscrit(e) le : 21/08/2010 -
Re: Changement de position des éléments lorsque nouveau message
par Chacha Sam 24 Fév 2024 - 9:32
 | Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées. |
Chacha- Modéractif
-
Messages : 69458
Inscrit(e) le : 21/08/2010 -
Sujets similaires» Redirection vers l'index lorsque l'on veut poster un nouveau message
» Changement de couleur de fond de "nouveau message"
» Changement signal sonore lors d'un nouveau message chatbox
» Changement couleur du titre d'un sous-forum si nouveau message posté
» Changement de position du bouton 'Résolu'
» Changement de couleur de fond de "nouveau message"
» Changement signal sonore lors d'un nouveau message chatbox
» Changement couleur du titre d'un sous-forum si nouveau message posté
» Changement de position du bouton 'Résolu'
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum