MARQUEE VERSION2 COMPATIBLE MOOTOOLS, JQUERY, PROTOTYPE ET SANS LIBRAIRIE
LeFauve42
Messages postés239Date d'inscriptionvendredi 20 octobre 2006StatutMembreDernière intervention20 avril 2009
-
6 avril 2010 à 12:44
froh80
Messages postés1Date d'inscriptiondimanche 20 février 2011StatutMembreDernière intervention20 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.
piballo
Messages postés10Date d'inscriptionlundi 20 décembre 2004StatutMembreDernière intervention26 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és1Date d'inscriptionjeudi 29 avril 2010StatutMembreDernière intervention29 avril 2010 29 avril 2010 à 17:44
Marche très bien sur mon site en local, merci pour le code !
cs_Kimjoa
Messages postés262Date d'inscriptionvendredi 6 mai 2005StatutMembreDernière intervention19 septembre 2014 24 avril 2010 à 23:41
ba ca fait plaisir a entendre :) a++
jadawl01
Messages postés8Date d'inscriptionsamedi 29 août 2009StatutMembreDernière intervention24 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és8Date d'inscriptionsamedi 29 août 2009StatutMembreDernière intervention24 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és262Date d'inscriptionvendredi 6 mai 2005StatutMembreDernière intervention19 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és262Date d'inscriptionvendredi 6 mai 2005StatutMembreDernière intervention19 septembre 2014 23 avril 2010 à 16:47
ok , as tu mit une hauteur fixe pour contentBox3 ?
jadawl01
Messages postés8Date d'inscriptionsamedi 29 août 2009StatutMembreDernière intervention24 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és262Date d'inscriptionvendredi 6 mai 2005StatutMembreDernière intervention19 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és262Date d'inscriptionvendredi 6 mai 2005StatutMembreDernière intervention19 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és8Date d'inscriptionsamedi 29 août 2009StatutMembreDernière intervention24 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
cs_Kimjoa
Messages postés262Date d'inscriptionvendredi 6 mai 2005StatutMembreDernière intervention19 septembre 2014 21 avril 2010 à 15:58
ok jadawl01 là ca devrait le faire , tiens moi au courant
jadawl01
Messages postés8Date d'inscriptionsamedi 29 août 2009StatutMembreDernière intervention24 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és8Date d'inscriptionsamedi 29 août 2009StatutMembreDernière intervention24 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és262Date d'inscriptionvendredi 6 mai 2005StatutMembreDernière intervention19 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és8Date d'inscriptionsamedi 29 août 2009StatutMembreDernière intervention24 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"
jadawl01
Messages postés8Date d'inscriptionsamedi 29 août 2009StatutMembreDernière intervention24 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és7Date d'inscriptionlundi 12 juin 2006StatutMembreDernière intervention13 avril 2010 13 avril 2010 à 12:15
C'est OK pour moi KIMJOA, merci pour l'update.
cs_Kimjoa
Messages postés262Date d'inscriptionvendredi 6 mai 2005StatutMembreDernière intervention19 septembre 2014 9 avril 2010 à 14:50
faut que mette en option activeCookie à true, comme dans le 1er example.
suspect_0
Messages postés7Date d'inscriptionlundi 12 juin 2006StatutMembreDernière intervention13 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és262Date d'inscriptionvendredi 6 mai 2005StatutMembreDernière intervention19 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és262Date d'inscriptionvendredi 6 mai 2005StatutMembreDernière intervention19 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és7Date d'inscriptionlundi 12 juin 2006StatutMembreDernière intervention13 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és239Date d'inscriptionvendredi 20 octobre 2006StatutMembreDernière intervention20 avril 2009 9 avril 2010 à 11:28
Ce serait peut-etre plus simple de faire ca avec un cookie, non ?
suspect_0
Messages postés7Date d'inscriptionlundi 12 juin 2006StatutMembreDernière intervention13 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és239Date d'inscriptionvendredi 20 octobre 2006StatutMembreDernière intervention20 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és262Date d'inscriptionvendredi 6 mai 2005StatutMembreDernière intervention19 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és239Date d'inscriptionvendredi 20 octobre 2006StatutMembreDernière intervention20 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 ?
20 févr. 2011 à 11:31
"
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 !
10 juin 2010 à 06:40
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;
}
}
},
10 juin 2010 à 05:45
merci d'avance.
29 avril 2010 à 17:44
24 avril 2010 à 23:41
24 avril 2010 à 15:47
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 :)
23 avril 2010 à 18:59
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 :)
23 avril 2010 à 16:58
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+
23 avril 2010 à 16:47
23 avril 2010 à 16:45
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
23 avril 2010 à 14:29
23 avril 2010 à 14:27
a+
22 avril 2010 à 22:19
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
21 avril 2010 à 15:58
20 avril 2010 à 16:47
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
20 avril 2010 à 16:39
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
20 avril 2010 à 13:04
dit moi si ca le fait ! a+
19 avril 2010 à 15:41
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?
19 avril 2010 à 15:38
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?
13 avril 2010 à 12:15
9 avril 2010 à 14:50
9 avril 2010 à 14:45
9 avril 2010 à 14:13
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.
9 avril 2010 à 13:17
a++
9 avril 2010 à 13:15
9 avril 2010 à 11:28
9 avril 2010 à 07:36
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.
6 avril 2010 à 14:12
Merci pour le lien !
6 avril 2010 à 14:06
6 avril 2010 à 12:44
Eric