Discussion :

[errog]

Bonjour,
Je débute avec mootools, donc le pb que je présente n'est peut être pas scpécifique a mooflow :

En gros ca ne fonctionne pas : le cadre noir apparait ( en fade ) sans images.
( celles ci sont bien nommées car le code html sans javascript les affiche).

j'ai récupéré le code source de la page mooflo, les fichiers MooFlow.js et .css et aussi ../styles.css
j'ai placé des images ou il fallait.
J'utilise Mootools 1-2-4 et c'est peut la que ça pose pb : je m'yperds avec le core et le more ( l'ai tout chargé ).

D'ou peut venir le pb ? Merci beaucoup.. je patauge....

[BeRoots]

bonjour à tous
je souhaite utilisé mooflow pour mootools 1.2.
j'ai fait comme suit:
1°) le html:
http://www.pasteall.org/22072/html4strict
2°) le js qui me lance les fonction mooflow au domready
http://www.pasteall.org/22071/javascript
3°) le js de mooflow (source)
http://www.pasteall.org/22073/javascript

mon firebug me donne une erreur comme suit:

this.MooFlow is null

Line 53

donc erreur ligne 53 du js sources de mooflow.

Si quelqu'un à une idée...
Merci d'avance

[vermine]

Bonjour,

A première vue je dirais qu'il y a une erreur de casse dans l'id. Vous définissez en minuscule cette <div> :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="mooflow">

Et vous construisez l'objet MooFlow en recherchant un id avec des majuscules :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

new MooFlow($('MooFlow')

Ce n'est donc pas le même objet. Celui avec majuscule n'existe pas.
Tant qu'à jouer avec l'id, faites quand même attention d'utiliser des mots clefs comme id. Le terme "MooFlow" est peut-être réservé.

[BeRoots]

bien c'etait bien cela...
par contre il me charge qu'un grand carré noir sans les image ni les boutons et le slider.

Si quelqu'un à une idée ?
Merci d'avance...

[vermine]

Je n'ai pas su recréer votre page. Je manque de fichiers, apparemment. Les CSS surtout. J'ai essayé avec une version de Mootools 1.2.4, je suppose que ça ne devrait pas trop changer.

[BeRoots]

tres bien merci. J'attend de vous
c'est etrange car j'ai tester d'autre parametre de mooflow comme le ratioheight qui fonctionne mais je n'est ni les image du carrouselle ni les boutons demander

[BeRoots]

il vous faudrai le mooflow complet... avec les images aussi...
voici la css: http://www.pasteall.org/22093/css

[BeRoots]

La version de mootools est indifférente au fonctionnement de mooflow.

[vermine]

Effectivement il y a des comportements douteux avec FF.

Voici deux solutions indépendantes à tester :

1) Si vous avez la 'Developer Toolbar' installée sur FF, n'utilisez pas l'option qui désactive le cache.

2) Il y a une ligne de code à changer dans la source MooFlow.js. Il faut rajouter la partie avec le src :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
Element.implement({
    reflect: function(arg){
               //var i = arg.img.clone(); // change this to the one below
               var i = arg.img.clone().set('src', arg.img.src); // this works in mootools 1.2.1

[BeRoots]

effectivement la methode 2 fonctionne sous FF

Mais pourtant aucun hack n'est utiliser sur la page de demo de mooflow et pourtant sa fonctionne tres bien sous FF ???

Une idée ?

d'après ma logique, pourquoi allez bidouiller si cela fonctionne bien chez le concepteur du projet

[vermine]

Je n'en sais fichtre rien.

[BeRoots]

poster le sujet en actualité serai il une bonne idée ?

[BeRoots]

Conclusion:
J'ai refait la page identique au site de mooflow V0.2 et j'ai constater sur ce test que mooflow 0.2 est adapter a mootools 1.2 (dès 1.2.1 il bug).

Il est donc obligation de modifier le script mooflow.js comme suit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
Element.implement({
    reflect: function(arg){
               //var i = arg.img.clone(); // change this to the one below
               var i = arg.img.clone().set('src', arg.img.src); // this works in mootools 1.2.1

Ceci permet à mooflow de fonctionner avec les version mootools supérieur à 1.2 (j'ai tester jusque à 1.3.2). Cette modification est pour le navigateur Firefox sous toute ces versions.

Encore merci à vermine pour sont aide précieuse.

[vermine]

Ho ben merci à toi d'être allé jusqu'au bout dans tes recherches. Très bonne attitude.

[Silvercross]

Conclusion:
J'ai refait la page identique au site de mooflow V0.2 et j'ai constater sur ce test que mooflow 0.2 est adapter a mootools 1.2 (dès 1.2.1 il bug).

Il est donc obligation de modifier le script mooflow.js comme suit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
Element.implement({
    reflect: function(arg){
               //var i = arg.img.clone(); // change this to the one below
               var i = arg.img.clone().set('src', arg.img.src); // this works in mootools 1.2.1

Ceci permet à mooflow de fonctionner avec les version mootools supérieur à 1.2 (j'ai tester jusque à 1.3.2). Cette modification est pour le navigateur Firefox sous toute ces versions.

Encore merci à vermine pour sont aide précieuse.

Qu'une chose à rajouter , 'merci BeRoots'