balise marquee ou alternative

Général
1

Bonjour,

je me suis galéré tout l'après-midi sur l'adaptation de la balise
marquee sur un spip3.
Je veux faire défiler tous les logos de mes articles en entête du site.
Sur le site actuel, en SPIP2, ca fonctionne bien sous firefox, et je
crois bien aussi avec IE.
Mais je suis en train de refaire le site en SPIP 3 avec un nouveau
squelette (en local pour l'instant) et si ça fonctionne toujours bien
sous firefox, c'est la galère sous IE.
Sous firefox, tous mes logos défilent à la suite, sur une seule ligne.
Sous IE, ils s'affichent en plusieurs lignes les unes en dessous des
autres sur une largeur maximum correspondant à la largeur de mon header.
Donc ça prend beaucoup de place.

Comme mon squlette est différent, il est possible que ça vienne du css,
mais je n'en suis pas certain.
La version actuelle, en spip2, est là :
http://www.peupleetculturecantal.org/

Merci d'avance de vos lumières.
Etienne

2

Le 18/05/2013 17:39, Etienne a écrit :

Bonjour,

je me suis galéré tout l'après-midi sur l'adaptation de la balise
marquee sur un spip3.
Je veux faire défiler tous les logos de mes articles en entête du site.
Sur le site actuel, en SPIP2, ca fonctionne bien sous firefox, et je
crois bien aussi avec IE.
Mais je suis en train de refaire le site en SPIP 3 avec un nouveau
squelette (en local pour l'instant) et si ça fonctionne toujours bien
sous firefox, c'est la galère sous IE.
Sous firefox, tous mes logos défilent à la suite, sur une seule ligne.
Sous IE, ils s'affichent en plusieurs lignes les unes en dessous des
autres sur une largeur maximum correspondant à la largeur de mon header.
Donc ça prend beaucoup de place.

Comme mon squlette est différent, il est possible que ça vienne du css,
mais je n'en suis pas certain.
La version actuelle, en spip2, est là :
http://www.peupleetculturecantal.org/

Merci d'avance de vos lumières.
Etienne
____

Oublié dans le message précédent :
si quelqu'un a une alternative à cette balise pour quelqu'un qui ne
sait même pas comment insérer un script javascript dans les codes, je
suis preneur ...

Etienne

3

Bonjour,

Le 18/05/2013 18:26, Etienne a écrit :

  si quelqu'un a une alternative à cette balise pour quelqu'un qui ne
sait même pas comment insérer un script javascript dans les codes, je
suis preneur ...

Plugin SJCycle ??

--
Stéphane

BTS Electrotechnique *** http://enselec.santonum.eu
Les Voisins Spipeurs * http://www.voisins-spipeurs.net

4

* Etienne tapuscrivait, le 18/05/2013 17:39:

Bonjour,

je me suis galéré tout l'après-midi sur l'adaptation de la balise
marquee sur un spip3.

Ce n'est sans doute pas la réponse que tu cherches, mais :
- Checklist Opquast - assurance qualité web
- https://checklists.opquast.com/fr/oqsv2/workshops/criterion/533

--
RealET

5

Le 18/05/2013 18:29, Stéphane Santon a écrit :

Bonjour,

Le 18/05/2013 18:26, Etienne a écrit :

  si quelqu'un a une alternative à cette balise pour quelqu'un qui ne
sait même pas comment insérer un script javascript dans les codes, je
suis preneur ...

Plugin SJCycle ??

SPIP Cycle2 - Plugins SPIP

Merci à toi,
mais je ne cherche pas à faire un diaporama. je veux que mes images
défilent dans un bandeau.
Je ne comprend pas pourquoi la même balise ne rend pas le même résultat
en spip2 et en spip3.

6

Je ne comprend pas pourquoi la même balise ne rend pas le même
résultat en spip2 et en spip3.

J'avance tout doucement :

Si j'utilise ce code :

<marquee align="center" onmouseout="this.start()"
onmouseover="this.stop()" scrolldelay="50" scrollamount="10"
height="100%" direction="left" behavior="scroll">
        <B_Bandeaudefilant>
         <BOUCLE_Bandeaudefilant(ARTICLES) {tout} {par hasard}
{doublons} {"**"}>
        <a href="#URL_ARTICLE">#TITRE</a>
        </BOUCLE_Bandeaudefilant>
</marquee>

Alors tous les titres des articles défilent dans mon bandeau, sur la
même ligne, quelque soit le navigateur.

Mais si dans le même code, je remplace #TITRE par
[(#LOGO_ARTICLE||image_reduire{190,140})]

Alors les logos s'affichent sur une seule ligne avec firefox, chromium
ou opéra, mais sur plusieurs lignes avec internet explorer ou rekonq.
Une histoire de css ?
J'y comprend rien du tout.

Merci d'avance
Malheureusement, cette version spip3 est en local et je ne peux pas vous
la montrer. Avec l'ancienne version spip2 je n'ai pas ce problème (
http://www.peupleetculturecantal.org/ )

Etienne

7

Sinon, le défilement de texte est prévu par CSS3, mais peu implémenté...:CSS3 Marquee Module
http://www.w3.org/TR/css3-marquee/

----- Mail original -----
De: "Etienne" <etienne15@laposte.net>
À: spip@rezo.net
Envoyé: Dimanche 19 Mai 2013 15:12:07
Objet: Re: [Spip] balise marquee ou alternative

Je ne comprend pas pourquoi la même balise ne rend pas le même
résultat en spip2 et en spip3.

J'avance tout doucement :

Si j'utilise ce code :

<marquee align="center" onmouseout="this.start()"
onmouseover="this.stop()" scrolldelay="50" scrollamount="10"
height="100%" direction="left" behavior="scroll">
        <B_Bandeaudefilant>
         <BOUCLE_Bandeaudefilant(ARTICLES) {tout} {par hasard}
{doublons} {"**"}>
        <a href="#URL_ARTICLE">#TITRE</a>
        </BOUCLE_Bandeaudefilant>
</marquee>

Alors tous les titres des articles défilent dans mon bandeau, sur la
même ligne, quelque soit le navigateur.

Mais si dans le même code, je remplace #TITRE par
[(#LOGO_ARTICLE||image_reduire{190,140})]

Alors les logos s'affichent sur une seule ligne avec firefox, chromium
ou opéra, mais sur plusieurs lignes avec internet explorer ou rekonq.
Une histoire de css ?
J'y comprend rien du tout.

Merci d'avance
Malheureusement, cette version spip3 est en local et je ne peux pas vous
la montrer. Avec l'ancienne version spip2 je n'ai pas ce problème (
http://www.peupleetculturecantal.org/ )

Etienne

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

8

Sinon, le défilement de texte est prévu par CSS3, mais peu implémenté...:CSS3 Marquee Module
CSS Marquee Module Level 3

Merci, mais je suis bien trop mauvais pour utiliser ça.

9

Re-Bonjour,
par ces temps pluvieux, faire le geek tout le WE, ça fait passer le temps.
Je reviens donc sur mon problème de balise marquee.

J'ai mis en ligne le site déconnant.

Vous pouvez donc voir que là, en spip2 :
http://www.peupleetculturecantal.org/
Les logos défilent en haut sans trop de problème quel que soit le
navigateur.

Alors que là, en spip3 : http://peupleculture15.lautre.net/
Ca fonctionne sous firefox ou opéra, mais pas sous internet explorer ou
chromium, pour lesquels les logos sont sur plusieurs lignes.

Je ne suis pas du tout sûr que ça vienne de la version de spip, vu que
sur le second site j'ai refait le squelette à partir de la dist de spip,
alors que sur le premier, c'était adapté d'un squelette trouvé sur
contrib. Donc les codes diffèrent, même si l'apparence est censée être à
peu près la même.

HELP, s'il vous plait, ayez pitié !

Etienne

10

Jscroller ne répondrait-il pas à vos besoins ?
http://jscroller.markusbordihn.de/example/

Re-Bonjour,
par ces temps pluvieux, faire le geek tout le WE, ça fait passer le temps.
Je reviens donc sur mon problème de balise marquee.

J'ai mis en ligne le site déconnant.

Vous pouvez donc voir que là, en spip2 :
http://www.peupleetculturecantal.org/
Les logos défilent en haut sans trop de problème quel que soit le
navigateur.

Alors que là, en spip3 : http://peupleculture15.lautre.net/
Ca fonctionne sous firefox ou opéra, mais pas sous internet explorer ou
chromium, pour lesquels les logos sont sur plusieurs lignes.

Je ne suis pas du tout sûr que ça vienne de la version de spip, vu que
sur le second site j'ai refait le squelette à partir de la dist de spip,
alors que sur le premier, c'était adapté d'un squelette trouvé sur
contrib. Donc les codes diffèrent, même si l'apparence est censée être à
peu près la même.

HELP, s'il vous plait, ayez pitié !

Etienne

11

Le 19/05/2013 23:58, manu a écrit :

Jscroller ne répondrait-il pas à vos besoins ?
http://jscroller.markusbordihn.de/example/

Oui, sans doute, merci.
Il faudrait juste que je sache où mettre les fichiers

jscroller-0.4.js et jquery-1.x.js (et où trouver ce dernier)

Et savoir où écrire le script, aussi.

Si vous avez encore une petite minute pour moi ...
Merci d'avance.

12

Le 20/05/2013 10:56, Etienne a écrit :

Le 19/05/2013 23:58, manu a écrit :

Jscroller ne répondrait-il pas à vos besoins ?
http://jscroller.markusbordihn.de/example/

Oui, sans doute, merci.
Il faudrait juste que je sache où mettre les fichiers

jscroller-0.4.js et jquery-1.x.js (et où trouver ce dernier)

Et savoir où écrire le script, aussi.

Bon, j'ai mis les deux fichiers à la racine de mon site, et le script là
où je voulais mon bandeau défilant.
Mais je reste confronté au même problème, en pire. Cette fois, ça
fonctionne enfin sous rekonq, mais toujours pas sous IE, et même, cette
fois, plus non plus sous firefox.

Dans ma boucle, si je mets #TITRE, j'ai bien les titres sur une seule
ligne qui défilent. Mais si je mets
[(#LOGO_ARTICLE||image_reduire{190,140})] ou même juste #LOGO_ARTICLE,
alors les logos sont sur plusieurs lignes et (défilent).

Le problème est donc quasiment le même qu'avec la balise marquee.

Il y a donc bien probablement dans le css logo quelque chose qui ne va
pas, mais je ne sais vraiment pas quoi.

13

Le 20/05/2013 11:35, Etienne a écrit :

Le 20/05/2013 10:56, Etienne a écrit :

Le 19/05/2013 23:58, manu a écrit :

Jscroller ne répondrait-il pas à vos besoins ?
http://jscroller.markusbordihn.de/example/

Oui, sans doute, merci.
Il faudrait juste que je sache où mettre les fichiers

jscroller-0.4.js et jquery-1.x.js (et où trouver ce dernier)

Et savoir où écrire le script, aussi.

Bon, j'ai mis les deux fichiers à la racine de mon site, et le script là
où je voulais mon bandeau défilant.
Mais je reste confronté au même problème, en pire. Cette fois, ça
fonctionne enfin sous rekonq, mais toujours pas sous IE, et même, cette
fois, plus non plus sous firefox.

Dans ma boucle, si je mets #TITRE, j'ai bien les titres sur une seule
ligne qui défilent. Mais si je mets
[(#LOGO_ARTICLE||image_reduire{190,140})] ou même juste #LOGO_ARTICLE,
alors les logos sont sur plusieurs lignes et (défilent).

Le problème est donc quasiment le même qu'avec la balise marquee.

Il y a donc bien probablement dans le css logo quelque chose qui ne va
pas, mais je ne sais vraiment pas quoi.
_______________________________________________

Bon, trouvé une piste :
il y a un problème dans le css des logos avec display et float.

Du coup, je les vire complètement pour les logos du bandeau, en les
laissant pour les autres logos.
Le css original
.spip_logos { float: right; display: block; margin: 0 0 0 1em; padding:
0; border: none; }

devient donc
.header .spip_logos { margin: 0 0 0 1em; padding: 0; border: none; }
.main .spip_logos { float: right; display: block; margin: 0 0 0 1em;
padding: 0; border: none; }

14

Le 20/05/2013 11:35, Etienne a écrit :

Le 20/05/2013 10:56, Etienne a écrit :

Le 19/05/2013 23:58, manu a écrit :

Jscroller ne répondrait-il pas à vos besoins ?
http://jscroller.markusbordihn.de/example/

Oui, sans doute, merci.
Il faudrait juste que je sache où mettre les fichiers

jscroller-0.4.js et jquery-1.x.js (et où trouver ce dernier)

Et savoir où écrire le script, aussi.

Bon, j'ai mis les deux fichiers à la racine de mon site, et le script là
où je voulais mon bandeau défilant.
Mais je reste confronté au même problème, en pire. Cette fois, ça
fonctionne enfin sous rekonq, mais toujours pas sous IE, et même, cette
fois, plus non plus sous firefox.

Dans ma boucle, si je mets #TITRE, j'ai bien les titres sur une seule
ligne qui défilent. Mais si je mets
[(#LOGO_ARTICLE||image_reduire{190,140})] ou même juste #LOGO_ARTICLE,
alors les logos sont sur plusieurs lignes et (défilent).

Le problème est donc quasiment le même qu'avec la balise marquee.

Il y a donc bien probablement dans le css logo quelque chose qui ne va
pas, mais je ne sais vraiment pas quoi.
_______________________________________________

Bon, trouvé une piste :
il y a un problème dans le css des logos avec display et float.

Du coup, je les vire complètement pour les logos du bandeau, en les
laissant pour les autres logos.
Le css original
.spip_logos { float: right; display: block; margin: 0 0 0 1em; padding:
0; border: none; }

devient donc
.header .spip_logos { margin: 0 0 0 1em; padding: 0; border: none; }
.main .spip_logos { float: right; display: block; margin: 0 0 0 1em;
padding: 0; border: none; }

C'est probablement pas très propre mais ça a l'air de fonctionner comme
ça sur tous les navigateurs.

reste quelques bugs d'affichage mais qui ne rendent pas illisible.

A bientôt tous (je vous souhaite pas que j'ai besoin de revenir trop tôt
quand même),
Etienne