Les annonces défilantes ne fonctionnent pas avec les membres

[hénoa]

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
Problème apparu depuis : 15 decembre 2023
Lien du forum : http://henoacreations.forumactif.com

Description du problème

bonjour a vous
voila j ai un soucis avec ma bande annonce défilante tous les membres de mon forum me disent que la banniere ne defile pas et qu elles ont juste un petit encadrement .
De mon coté celle ci est visible et fonctionne mais il faut sans arret reactualiser la page
Mon css a été changer et personnalisé il y a quelques temps je l avais fais avec une amie mais suis pas une grande pro et la je me retrouve sans avoir ou est le probleme si cela vient de la
j espere etre assez précise dans ma demande et je vous remercie a l avance pour votre réponse

je dois mettre une autre banniere defilante pour la nouvelle année mais si les membres ne la voient pas cela me chagrine car c est le fruit de leur travail .
Merci a vous
Cordialement
Henoa creations

[Pinguino]

Bonjour @hénoa

Effectivement, c'est très intriguant car à chaque rafraichissement de la page soit j'obtiens les annonces défilantes, soit elles sont statiques. Je ne saurai pas vous en donner la raison malheureusement.

C'est peut être lié au statut "déprécié" de la balise <marquee>. J'espère que quelqu'un de plus compétent que moi en code HTML saura mieux vous répondre

[hénoa]

bonjour  Pinguino je vous remercie d avoir pris le temps de me répondre à ce mystère et j espère que quelqu un va savoir ce qui se passe.
vous dites que  c est peut-être lié au statut déprécier de marqué je peux essayer sans le mettre mais ce soucis ne serait-il pas lié dans mon CSS ou il manquerait quelque chose. ou une erreur dans les templates ??
j espère que quelqu un va pouvoir m aider à trouver  la solution.  
je vous remercie et vous souhaite une bonne journée..  

pour le moment problème  NON RÉSOLU..
amicalement
henoa

[hénoa]

bon et bien pas de reponse en dehors de pinguino merci encore je vais donc continuer a chercher de mon coté
bon reveillon a tout le monde
amicalement

[Lixyr]

Bonjour !

Alors, pour ma part, ça fonctionne très bien sur Firefox (version 115.6), mais ça ne fonctionne pas du tout sur Chrome.

je vous conseille d'abandonner cette balise marquee, et de passer par du script pour le défilement.
Un petit peu de lecture par ici : la balise marquee ne fonctionne pas sous Chrome - Alsacréation

Si vous avez besoin d'aide pour le script, on peut vous aider.

[hénoa]

bonjour Lisyr je vous remercie d avoir pris le temps pour ma demande .
J ai tenté par mozilla firefox version 115.6, opera, google le probleme reste le meme
pour mes membres c est la meme chose et oui je pense que vous avez raison si la balise marquée fonctionnait tres bien il y a bien longtemps ce n est plus le cas aujourd hui et d autres forums ont le meme soucis et ont abandonné. Moi non je veux faire évoluer mon forum
j ai été lire le lien que vous m avez mis mais cela ne resout pas mon probleme car aucun script n est proposé a la place

je veux bien si vous meme ou quelqu un d autre peut me donner le script pour l installer car je n y connais absolument rien et ce sera avec plaisirs car cela m ennuie pour mes membres que je veux mettre a l honneur pour leur creation juste quand c est pour une occasion.

Une petite question si j ajoute un script pourrais je y mettre les liens des creations de mes membres comme nous le faisions dans la bande annonce.

Encore un grand merci a vous et je m excuse de vous déranger
Bien cordialement et bon reveillon a vous
henoa

[Lixyr]

Bonjour,

Oui, le lien était un lien explicatif pour la balise marquee.
Alors, j'ai fait quelques recherches et j'ai réussi à créer quelque chose de concluant.
Ma source : Text Scrolling Plugin for jQuery - Marquee

Alors, dans un premier temps :

1. Installer le plugin Marquee

Ce JavaScript va permettre de créer l'animation comme si c'était une balise marquee.
Donc direction panneau d'administration > Affichage > Templates > Général > overall_header :
Cherchez cette ligne :

{CSS}

Et rajoutez dessous :

Code:

<!-- JQUERY MARQUEE -->
<script src="https://www.aht.li/3823297/jquerymarquee.js"></script>

Attention : le code JavaScript est stocké sur mon propre compte ArchiveHost. Je ne supprimerai pas le fichier, bien entendu, mais si jamais j'ai un soucis avec ArchiveHost, il se peut que cela ne fonctionne plus de votre côté, donc je vous conseille de télécharger le document et de le stocker vous-même sur un serveur (ArchiveHost, pour le coup, est bien pratique, bien que très long à charger).

2. Enregistrer le code JavaScript

Maintenant, on enregistre le code JavaScript sur le forum.

Donc direction panneau d'administration > Modules > Gestion des codes JavaScript
Créer un nouveau JavaScript

• Titre : marquee_defilement (ou ce que vous voulez)
  
• Placement : Sur toutes les pages
  
• Code JavaScript :

Code:

$(function(){
  $('.marquee_JS').marquee({
    // Set to false if you want to use jQuery animate method
    allowCss3Support: true,
    // CSS3 easing function
    css3easing: 'linear',
    // Requires jQuery easing plugin.
    easing: 'linear',
    // Time to wait before starting the animation
    delayBeforeStart: 1000,
    // 'left', 'right', 'up' or 'down'
    direction: 'left',
    // Should the marquee be duplicated to show an effect of continues flow
    duplicated: false,
    // Duration of the animation
    duration: 45000,
    // Space in pixels between the tickers
    gap: 20,
    // On cycle pause the marquee
    pauseOnCycle: false,
    // Pause on hover
    pauseOnHover: true,
    // The marquee is visible initially positioned next to the border towards it will be moving
    startVisible: false
  });
});

Quelques explications :

duration: 45000, c'est le temps que mettent les images pour défiler. Plus la valeur est élevée, et plus c'est long. Attention, cette valeur est en millisecondes, donc si vous souhaitez augmenter ou baisser la valeur, je vous conseille d'ajouter ou de soustraire 10000. Pas plus, pas moins, sinon ce sera beaucoup trop rapide ou beaucoup trop lent. A vous de tester.

pauseOnHover: true, c'est pour permettre au défilement de stopper si vous passez la souris dessus. J'ai mis cette option sur true car vous sembliez vouloir mettre des liens, donc c'est intéressant de pouvoir stopper le défilement. Si vous n'en voulez pas, mettez false comme valeur à la place de true.

3. Modifier le code HTML

Maintenant, on va modifier votre code HTML pour qu'il puisse être lié au code JavaScript.

Modifiez votre code par celui-ci :

Code:

<div style="height: 476px;white-space: nowrap;width: 100%;text-align: center;" class="marquee_JS">
       <img src="https://i.goopics.net/8vyek6.jpg " /> <img src="https://i.goopics.net/ered2l.jpg " /><img src="https://i.goopics.net/xxhyup.jpg " /><img src=" https://i.goopics.net/yxyhwe.jpg" /> <img src="https://i.goopics.net/0gi2vc.jpg" /><img src="https://i.goopics.net/b8yura.png " /><img src="https://i.goopics.net/xfld43.jpg" /><img src="https://i.goopics.net/5oy7fm.jpg" /><img src="https://i.goopics.net/relobh.png " /><img src=" https://i.goopics.net/p9hli2.jpg " /><img src="https://i.goopics.net/rsjt2x.jpg " />  <img src="https://i.goopics.net/5nrbqg.jpg " /> <img src="https://i.goopics.net/ya1zmq.jpg " /> <img src="https://i.goopics.net/lx7zux.jpg " /> 
</div>

Vous avez bien entendu la possibilité de mettre des liens autour des images pour renvoyer aux sujets des membres, ou faire ce que vous voulez dedans. Le code JavaScript se charger du défilement.

[hénoa]

re bonjour Lyxir je vous remerciement infiniment pour votre aide et pour le temps que vous avez pris pour m aider
j ai créer donc un java script comme vous me l avez dit

pour le css voici ce que j ai quand j ajoute votre code dedans

Code:

    {CSS}
  <!-- JQUERY MARQUEE -->
<script src="https://www.aht.li/3823297/jquerymarquee.js"></script>
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

est ce bon ?? je n ai pas encore validée !!

ensuite vous me dites de modifier le code html est ce dans la gestion des pages html ou dois je le mettre dans annonce
quand je vais dans gestion des pages html on me demande de choisir

CRÉATION EN MODE SIMPLE (WYSIWYG) CRÉATION EN MODE AVANCÉ (HTML)

si c est ici lequel dois je prendre ? je m excuse mais c est que je n y connais tellement rien que je ne veux pas faire de betises et pourtant vos explications sont tres explicites mais la je suis pas certaine d avoir compris pour le code html

Je vous remercie et m excuse d abuser encore de votre temps
bien cordialement
henoa
https://henoacreations.forumactif.com/


[edit modération : codes mis sous balises code]

[creange]

Bonjour Hénoa

j'ai pris le code html de Lyxiir  dans les annonces 
et ça fonctionne parfaitement sous google chrome sur mon forum d'essai ici

pour le css je ne suis pas assez qualifiée pour t'aider 

bonne soirée

[Lixyr]

Alors :

pour le css voici ce que j ai quand j ajoute votre code dedans

Code:

 {CSS}
          <!-- JQUERY MARQUEE -->
        <script src="https://www.aht.li/3823297/jquerymarquee.js"></script>
          <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
          <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
          <script src="{JQUERY_PATH}" type="text/javascript"></script>
          <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

est ce bon ?? je n ai pas encore validée !!

Oui, ça a l'air bon. Vous pouvez tester. Si vous faites une bêtise, on corrigera.

ensuite vous me dites de modifier le code html est ce dans la gestion des pages html ou dois je le mettre dans annonce
quand je vais dans gestion des pages html on me demande de choisir

C'est le code HTML de vos images défilantes. Je ne sais pas où vous les avez mises.

[hénoa]

merci a toi aussi creange car mes images pour defiler sont bien dans l annonce et effectivement ca fonctionne bien sur ton fofo d essai

merci aussi Lixyr je prends beaucoup de votre temps je vais donc finir de mettre en place et je vous tiens au courant si cela fonctionne

et bien me revoila le resultat si j ajoute le code dans le css et ensuite celui dans le javascript puis le code html dans mon annonce et bien cela ne fonctionne pas la banniere défilante n est plus visible c est étonnant ..
J ai pourtant tout revérifier pour etre sur avant de vous répondre ...
par contre en changeant que le code html que vous m avez donné en annonce la banniere defile comme chez creange dans son forum d essai .
Maintenant reste a savoir si les membres la voit défiler aussi ??
je vais envoyé un mp pour poser la question mais comme c est la veille du reveillon je crains que tout le monde ne me réponde pas...

En attendant je vous remercie infiniment pour vos compétences , toute votre patience et votre temps que vous m avez accordé ainsi qu a créange et je ne mets pas le probleme résolu tant que je ne suis pas certaine que les membres puissent enfin profiter de leur creation en leur honneur si cela ne vous dérange pas bien évidemment
je vous souhaite une belle soiree et un tres bon reveillon et je reviens vers vous le 2 janvier .
Bien cordialement
Henoa

[creange]

ok je retire les images 
bonne fêtes de fin d'année à vous Hénoa et Lyxir 

[hénoa]

Merci beaucoup créange et bonnes fetes ainsi qu a Lyxir et pinguino et a toute l équipe de forumactif.. bonne soiree

[Lixyr]

si j ajoute le code dans le css et ensuite celui dans le javascript puis le code html dans mon annonce et bien cela ne fonctionne pas

Il n'y a pas de CSS à mettre. Il faut :
- modifier le template overall_header,
- ajouter le JavaScript,
- modifier le code HTML annonce défilante que vous aviez par le nouveau.

C'est tout.

[hénoa]

bonsoir Lyxir oui j ai ajouter comme vous me l avez dit dans template overall header sous la ligne ou il y a CSS comme je vous l ai copier sur mes précédents messages puis créer un Java script ou j ai copier votre code que vous m avez communiqué et ensuite ajouter dans annonce le code html que vous m avez 1ussi communiqué et ça ne fonctionnait pas toute la bannière annonce defilante disparaît..
donc j ai laissé que le code html que vous m avez communiqué j ai enlever le javascript et la ligne ajouter dans overall heures et ça semble fonctionner.. j ai deux membres qui m ont dit qu il la voyait défiler j attends les autres en confirmation pour mettre en resolu.
je tiens à vous remercier pour votre aide professionnelle.. je vous avertie si cela fonctionne tjrs ..
j ai suivi toutes vos instructions très attentivement .. car vous êtes des grandes professionnelles..
je vous souhaite une bonne soirée et un bon réveillon et je reviendrais vers vous après le 1er janvier car beaucoup de membres sont absents jusqu au 2 janvier
bien cordialement Lixyr ..

[marcophil]

n'ayant pas google mais de mon côté sous edge et opera
en tant qu'invité ça fonctionne

[hénoa]

bonjour Marcophil  merci pour ton mp..c est bon signe.. n hésite pas à t inscrire si tu veux Lyxir m à donné le bon code à mettre en HTML dans annonce.. j attends réponse de mes membres avant de mettre résolu.. bonne journée et bon réveillon cordialement henoa

[chattigre]

Bonjour, Je remercie les membres qui souhaitent apporter de l'aide aux différentes demandes, toutefois quand une demande est déjà prise en charge et en cours de résolution par un membre (de plus, un membre du staff), comme indiqué dans les Règles de la section : Vous n'interviendrez dans un sujet déjà aidé que si vous avez une précision importante à y mettre pour aider votre co-aideur et le demandeur. Vous vous efforcerez de répondre à une question le plus complètement possible. Un sujet d'entraide n'est pas un salon de chat. Merci de votre compréhension et de votre engagement pour la communauté Forumactif. Cordialement.

[hénoa]

bonjour et merci Lixyr et autre membres pour votre aide..

Problème résolu

bon réveillon à toutes et tous
cordialement
henoa