MARQUEE VERSION2 COMPATIBLE MOOTOOLS, JQUERY, PROTOTYPE ET SANS LIBRAIRIE

LeFauve42 Messages postés 239 Date d'inscription vendredi 20 octobre 2006 Statut Membre Dernière intervention 20 avril 2009 - 6 avril 2010 à 12:44
froh80 Messages postés 1 Date d'inscription dimanche 20 février 2011 Statut Membre Dernière intervention 20 février 2011 - 20 févr. 2011 à 11:31
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/51524-marquee-version2-compatible-mootools-jquery-prototype-et-sans-librairie

froh80 Messages postés 1 Date d'inscription dimanche 20 février 2011 Statut Membre Dernière intervention 20 février 2011
20 févr. 2011 à 11:31
Hello Piballo, peux-tu préciser à quel endroit précisément on doit mettre ta condition :


"
if(this.options.activeCookie && this.box.id){
Event.observe(window, 'unload', this.saveCookie.bindAsEventListener(this));
this.currentStep = this.getCookie() || this.startStep;
}else{
if(this.options.boucle == true){
this.currentStep =0;
}else{
this.currentStep = this.startStep;
}
}
"

Merci !
piballo Messages postés 10 Date d'inscription lundi 20 décembre 2004 Statut Membre Dernière intervention 26 février 2005
10 juin 2010 à 06:40
Bon j'ai réussi, si ça intéresse quelqu'un, j'ai ajouté une option boucle et modifié :

Cette fonction

if(this.options.activeCookie && this.box.id){
Event.observe(window, 'unload', this.saveCookie.bindAsEventListener(this));
this.currentStep = this.getCookie() || this.startStep;
}else{
if(this.options.boucle == true){
this.currentStep =0;
}else{
this.currentStep = this.startStep;
}
}

puis celle ci :

setSteep : function(){;
var acc = this.options.speed;
this.content.style[this.options.dirc] = this.currentStep - acc + 'px';
this.currentStep -= acc;
if(this.options.boucle == true){
if(this.currentStep >= 0)
this.currentStep = 0;
if(this.inverseDirc){
if(this.currentStep < this.maxDim+ this.startStep)
this.currentStep = this.maxDim+ this.startStep;
}else if(this.currentStep < this.maxDim+ this.startStep){
this.currentStep = this.maxDim+ this.startStep;
}
}else{
if(this.currentStep > this.startStep)
this.currentStep = this.maxDim;
if(this.inverseDirc){
if(this.currentStep < this.maxDim)
this.currentStep = this.startStep;
}else if(this.currentStep < this.maxDim){
this.currentStep = this.startStep;
}
}

},
piballo Messages postés 10 Date d'inscription lundi 20 décembre 2004 Statut Membre Dernière intervention 26 février 2005
10 juin 2010 à 05:45
Super source, j'aimerai l'utiliser comme slider, peut on faire en sorte que ça ne boucle pas ? je m'explique, je le lance avec speed à 0 et je voudrais que ça défile uniquement au passage sur les flèches, jusque la pas de soucis mais du coup j'aimerai qu'au départ le clip contenant les éléments soit donc calé à gauche et pas caché et que lorsqu'on arrive à l'extrémité gauche ou droite ça ne boucle pas, est ce possible ? en espérant être clair dans ma demande :$
merci d'avance.
Easysmile Messages postés 1 Date d'inscription jeudi 29 avril 2010 Statut Membre Dernière intervention 29 avril 2010
29 avril 2010 à 17:44
Marche très bien sur mon site en local, merci pour le code !
cs_Kimjoa Messages postés 262 Date d'inscription vendredi 6 mai 2005 Statut Membre Dernière intervention 19 septembre 2014
24 avril 2010 à 23:41
ba ca fait plaisir a entendre :) a++
jadawl01 Messages postés 8 Date d'inscription samedi 29 août 2009 Statut Membre Dernière intervention 24 avril 2010
24 avril 2010 à 15:47
Bonjour
Je reviens pour dire que maintenant ça marche nickel sans AUCUN probleme et ce pour Opera, FireFox et IE7
le script est 100% compatible UTF y compris l'arabe
Je l'ai definitivement adopté sur mon site htt://hijaj.net/bb
comme on le voit, Le defillement est souple

Un grand Merci :)
jadawl01 Messages postés 8 Date d'inscription samedi 29 août 2009 Statut Membre Dernière intervention 24 avril 2010
23 avril 2010 à 18:59
Merci Kimjoa pour cet aide
Oui, le css est la bonne direction
en effet, Jai ajouté un "padding" :

Maintenant sous IE, plus de scintillement !!
Seul une petite secousse de temps en temps :)
cs_Kimjoa Messages postés 262 Date d'inscription vendredi 6 mai 2005 Statut Membre Dernière intervention 19 septembre 2014
23 avril 2010 à 16:58
bon en faite même avec une hauteur fixe ca clignote sous ie7 ET IE6. Sous IE8 c'est bon.
Je pense pas pouvoir faire grand chose en faite. J'ai découvert un bug en langue arabe , ie gère très mal les scroll bar dans cette langue, et même si on les voit pas elle sont active. Bizarrement quand je teste sans caractère arabe y'a aucun problème.

Je sais qu'il existe pas mal de css pour former les caractères arabes, tu devrais les essayer.

dsl de pas plus t'aider, a+
cs_Kimjoa Messages postés 262 Date d'inscription vendredi 6 mai 2005 Statut Membre Dernière intervention 19 septembre 2014
23 avril 2010 à 16:47
ok , as tu mit une hauteur fixe pour contentBox3 ?
jadawl01 Messages postés 8 Date d'inscription samedi 29 août 2009 Statut Membre Dernière intervention 24 avril 2010
23 avril 2010 à 16:45
Bonjout
J'ai testé le fichier jquery/index2.html
pour FireFox OK !!
Pour Opera OK !!
Pour IE7 il y a ce probleme irritant de scintillement meme avec DIV au lieu de SPAN
cs_Kimjoa Messages postés 262 Date d'inscription vendredi 6 mai 2005 Statut Membre Dernière intervention 19 septembre 2014
23 avril 2010 à 14:29
sinon j'oubliais , y'a un scintillement sous ie, pour l'éviter, remplace le span "contentBox3" par un div et applique lui une hauteur fixe.
cs_Kimjoa Messages postés 262 Date d'inscription vendredi 6 mai 2005 Statut Membre Dernière intervention 19 septembre 2014
23 avril 2010 à 14:27
bon j'espère que cette fois si, c'est bon ! j'ai testé sous ie, ff ,opéra et safari, en langue française et arabe.
a+
jadawl01 Messages postés 8 Date d'inscription samedi 29 août 2009 Statut Membre Dernière intervention 24 avril 2010
22 avril 2010 à 22:19
Bonsoir
Merci Kimjoa pour la nouvelle version
c'est nettement meilleur maintenant
petit probleme (de compatibilité peut-etre):
Sous Firefox, ça marche nickel !!!
Sous IE, quand tout le message est passé, il met un certain à recommencer (12 secondes). D'ailleurs, le message clignote et disparait vers la fin (aprés le passage d' à peu prés 97%)
Sous Opera, le message met un certain temps à s'initialiser, puis disparait juste aprés le passage d' à peu prés 10% , puis il met un trés loooong temps avant de reaparaitre

tu peux tester avec les trois navigateurs sur:
http://fet.123.fr/marquee2/jquery/index.html
Merci
cs_Kimjoa Messages postés 262 Date d'inscription vendredi 6 mai 2005 Statut Membre Dernière intervention 19 septembre 2014
21 avril 2010 à 15:58
ok jadawl01 là ca devrait le faire , tiens moi au courant
jadawl01 Messages postés 8 Date d'inscription samedi 29 août 2009 Statut Membre Dernière intervention 24 avril 2010
20 avril 2010 à 16:47
CORRECTION DU MESSAGE PRECEDENT !!!!
Bonjour
Je ne vois pas que c'est bon :)
Car quand j'ouvre la page avec Ie7
- le scroll vertical commence tout de suite et en continu
- le scroll horizontal met un temps terrible à ommencer (presque 30 secondes)
- dans le scroll HORIZONTAL , j'ai le message suivant (j'ai enlevé exprés le < de la tag pour qu'il s'affiche dans ce forum):
span id='contentBox3'>
????? ????? ????? ????? img src='../ressource/image.gif' />
du blabla en HTML oui oui !! img src='../ressource/image.gif' />
????? ????? ????? ????? !! img src='../ressource/image.gif' />
du blabla en HTML oui oui !! img src='../ressource/image.gif' />
????? ????? ????? ????? ????? !! img src='../ressource/image.gif' />
du blabla en HTML oui oui !! img src='../ressource/image.gif' />

Seul apparait le message en français (charctéres latines)

Sous Firefox, meme comportement, à l'exception que le ça met moins de temps à apparaitre et que le messgae disparait subitement avant la fin et qu'aucun caractére arabe n'apparait !!!

Merci
jadawl01 Messages postés 8 Date d'inscription samedi 29 août 2009 Statut Membre Dernière intervention 24 avril 2010
20 avril 2010 à 16:39
Bonjour
Je ne vois pas que c'est bon :)
Car quand j'ouvre la page avec Ie7
- le scroll vertical commence tout de suite et en continu
- le scroll horizontal met un temps terrible à ommencer (presque 30 secondes)
- dans le scroll vertical, j'ai le message suivant (j'ai enlevé exprés le < de la tag pour qu'il s'affiche dans ce forum):
span id='contentBox3'>
????? ????? ????? ????? img src='../ressource/image.gif' />
du blabla en HTML oui oui !! img src='../ressource/image.gif' />
????? ????? ????? ????? !! img src='../ressource/image.gif' />
du blabla en HTML oui oui !! img src='../ressource/image.gif' />
????? ????? ????? ????? ????? !! img src='../ressource/image.gif' />
du blabla en HTML oui oui !! img src='../ressource/image.gif' />

Seul apparait le message en français (charctéres latines)

Sous Firefox, meme comportement, à l'exception que le ça met moins de temps à apparaitre et que le messgae disparait subitement avant la fin et qu'aucun caractére arabe n'apparait !!!

Merci
cs_Kimjoa Messages postés 262 Date d'inscription vendredi 6 mai 2005 Statut Membre Dernière intervention 19 septembre 2014
20 avril 2010 à 13:04
ok normalement c'est bon. Mais c'est bizarre , en langue arabe les barres de scroll horizontale sont à fond à droite quand elle valent 0 et à fond à gauche avec un chiffre négatif ....

dit moi si ca le fait ! a+
jadawl01 Messages postés 8 Date d'inscription samedi 29 août 2009 Statut Membre Dernière intervention 24 avril 2010
19 avril 2010 à 15:41
Bonjour
Merci pour le script
Il mrache bien tant que le charset n'est pas UTF
Si on met UTF dans content="text/html;charset=iso-8859-1"
et si on met la direction sur RTL right To Left (j'utilise l'arabe)
<html dir="rtl" lang="ar" xml:lang="ar"

Alors ça bloque pour le scroll horizontal
Tu paeux voire par toi-meme ici:
http://fet.123.fr/marquee/jquery/index.html
Alors , s'agit-il d'un bug?
jadawl01 Messages postés 8 Date d'inscription samedi 29 août 2009 Statut Membre Dernière intervention 24 avril 2010
19 avril 2010 à 15:38
Bonjour
Merci pour le script
Il mrache bien tant que le charset n'est pas UTF
Si on met UTF dans content="text/html;charset=iso-8859-1"
<html dir="rtl" lang="ar" xml:lang="ar"

content="text/html;charset=utf" />
Alors ça bloque pour le scroll horizontal
Tu paeux voire par toi-meme ici:
http://fet.123.fr/marquee/jquery/index.html
Alors , s'agit-il d'un bug?
suspect_0 Messages postés 7 Date d'inscription lundi 12 juin 2006 Statut Membre Dernière intervention 13 avril 2010
13 avril 2010 à 12:15
C'est OK pour moi KIMJOA, merci pour l'update.
cs_Kimjoa Messages postés 262 Date d'inscription vendredi 6 mai 2005 Statut Membre Dernière intervention 19 septembre 2014
9 avril 2010 à 14:50
faut que mette en option activeCookie à true, comme dans le 1er example.
suspect_0 Messages postés 7 Date d'inscription lundi 12 juin 2006 Statut Membre Dernière intervention 13 avril 2010
9 avril 2010 à 14:45
J'ai vu dans le code getCookie et saveCookie mais je ne sais pas comment utiliser
cs_Kimjoa Messages postés 262 Date d'inscription vendredi 6 mai 2005 Statut Membre Dernière intervention 19 septembre 2014
9 avril 2010 à 14:13
"comment connaître le dernier élément affiché"

Ce script permet de faire défiler tout le contenue d'un élément, mais pas de le faire par item. Donc on peux pas connaitre la dernière news dans ton cas. On peux juste récupérer la position.

Je viens de reposter dit moi si ca le fait.
cs_Kimjoa Messages postés 262 Date d'inscription vendredi 6 mai 2005 Statut Membre Dernière intervention 19 septembre 2014
9 avril 2010 à 13:17
bonne idée suspect_0, sinon LeFauve42 a raison , faux passer par un cookie. Vais inclure cette option rapidement.

a++
suspect_0 Messages postés 7 Date d'inscription lundi 12 juin 2006 Statut Membre Dernière intervention 13 avril 2010
9 avril 2010 à 13:15
Oui. Mais mon problème n'est pas au niveau de l'enregistrement mais plutôt comment connaître le dernier élément affiché (sélécteurs Jquery peut-être? mais comment)
LeFauve42 Messages postés 239 Date d'inscription vendredi 20 octobre 2006 Statut Membre Dernière intervention 20 avril 2009
9 avril 2010 à 11:28
Ce serait peut-etre plus simple de faire ca avec un cookie, non ?
suspect_0 Messages postés 7 Date d'inscription lundi 12 juin 2006 Statut Membre Dernière intervention 13 avril 2010
9 avril 2010 à 07:36
Sympa le script.
J'utilise la version avec Jquery et j'aimerais diffuser du news. Je voudrais alors enregistrer en session PHP avec ajax la dernière news affichée, ainsi si l'utilisateur rafraîchit la page les news ne recommenceront pas à 0. Pourriez-vous m'indiquer comment faire
Merci.
LeFauve42 Messages postés 239 Date d'inscription vendredi 20 octobre 2006 Statut Membre Dernière intervention 20 avril 2009
6 avril 2010 à 14:12
OK, je vois un peu mieux ce que c'est :o)
Merci pour le lien !
cs_Kimjoa Messages postés 262 Date d'inscription vendredi 6 mai 2005 Statut Membre Dernière intervention 19 septembre 2014
6 avril 2010 à 14:06
désolé eric pas de version en ligne pour cette version, sinon une ancienne ici -> http://st-coeur.fr/
LeFauve42 Messages postés 239 Date d'inscription vendredi 20 octobre 2006 Statut Membre Dernière intervention 20 avril 2009
6 avril 2010 à 12:44
Ca a l'air sympa, mais tu n'aurais pas une version en ligne quelque part qu'on puisse voir a quoi ca ressemble ?

Eric
Rejoignez-nous