Discussion :

[marakud]

Bonjours a tous !

Je voudrais savoir comment utiliser mootools sur ezpublish.

j'ai en effet telecharger plusieurs script via le web.
mais impossible de les faire fonctionner.

Dans mon header j'ai fait les includes de css :

Code :

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

1
2
3
4
<style>
  	@import url({"stylesheets/style.css"|ezdesign(no)});
	@import url({"stylesheets/fx.slide.css"|ezdesign(no)});
</style>

j'ai inseré les fichiers javascript ainsi :

Code :

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

1
2
3
4
5
6
 
{literal}
<script type="text/javascript" language="JavaScript" charset="UTF-8" src="javascript/mootools-1.2-core-yc.js"|ezdesign}></script>
<script type="text/javascript" language="JavaScript" charset="UTF-8" src="javascript/mootools-1.2-more.js"|ezdesign}></script>
<script type="text/javascript" language="JavaScript" charset="UTF-8" src="javascript/fx.slide.js"|ezdesign}></script>
{/literal}

et le code html :
par exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
  <div id="login">
		<div class="loginContent">
			<form action="#" method="post">
				<label for="log"><b>Username: </b></label>
				<input class="field" type="text" name="log" id="log" value="" size="23" />
				<label for="pwd"><b>Password:</b></label>
				<input class="field" type="password" name="pwd" id="pwd" size="23" />
				<input type="submit" name="submit" value="" class="button_login" />
				<input type="hidden" name="redirect_to" value=""/>
			</form>
			<div class="left">
            	<label for="rememberme"><input name="rememberme" id="rememberme" class="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me</label></div>
			<div class="right">Not a member? <a href="#">Register</a> | <a href="#">Lost your password?</a></div>
		</div>
		<div class="loginClose"><a href="#" id="closeLogin">Close Panel</a></div>
	</div> <!-- /login -->
 
    <div id="container">

.......rien ny fait !
J'ai quelques images qui saffichent du au css, mais je n'ai aucun animation venant de mootools.

help !

merci beaucoup

[Thes32]

salut,

remplace ce code

Code :

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

1
2
3
4
5
6
 
{literal}
<script type="text/javascript" language="JavaScript" charset="UTF-8" src="javascript/mootools-1.2-core-yc.js"|ezdesign}></script>
<script type="text/javascript" language="JavaScript" charset="UTF-8" src="javascript/mootools-1.2-more.js"|ezdesign}></script>
<script type="text/javascript" language="JavaScript" charset="UTF-8" src="javascript/fx.slide.js"|ezdesign}></script>
{/literal}

par celui-ci

Code :

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

1
2
3
4
 
<script type="text/javascript" language="JavaScript" charset="UTF-8" src={"javascript/mootools-1.2-core-yc.js"|ezdesign}></script>
<script type="text/javascript" language="JavaScript" charset="UTF-8" src={"javascript/mootools-1.2-more.js"|ezdesign}></script>
<script type="text/javascript" language="JavaScript" charset="UTF-8" src={"javascript/fx.slide.js"|ezdesign}></script>

[Yoteco]

Salut,

Il y a une erreur dans ton code pour l'insertion des fichiers javascript. Tu n'ouvres pas l'accolade et tu n'as pas besoin de mettre literal si tu inclus simplement un fichier.

Essaye avec ce code :

Code :

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

1
2
3
<script type="text/javascript" language="JavaScript" charset="UTF-8" src={"javascript/mootools-1.2-core-yc.js"|ezdesign}></script>
<script type="text/javascript" language="JavaScript" charset="UTF-8" src={"javascript/mootools-1.2-more.js"|ezdesign}></script>
<script type="text/javascript" language="JavaScript" charset="UTF-8" src={"javascript/fx.slide.js"|ezdesign}></script>

[marakud]

Salut,

Merci pour vos réponses mais le probleme reste le meme.
Voici le script en question.
Cela reste toujours au meme point,
c'est a dire... qu'il y a limage de depart "login",
mais aucun animation quand le clique sur "login".

http://web-kreation.com/index.php/wo...sing-mootools/.

Merci

[Thes32]

après les modifications vérifie sur la page html généré dans ton navigateur que les chemins vers tes fichiers javascript sont bons.

Si c'est le cas à toi de revoir la mise en place de ton script moo.

[marakud]

oui oui , j'ai deja verifié avec firebug.

Mais bon, cest donc moi qui beug quelque part alors

[marakud]

meme ce script qui est hypra simple , je fonctionne pas .

http://tools.uvumi.com/dropdown.html

[Thes32]

Commence par vérifier que ça fonctionne avec tes pages statiques ensuite tu intégreras, ezpublish ne devrait pas te gêner.

[Yoteco]

Euh je suis bête ou ça marche ?

En tout cas, lorsque je clique sur log in j'ai une partie qui se déroule avec le champ login et password !

[marakud]

oui ca marche , sur le script a telecharger depuis le site.

Mais quand j'integre a ezpublish..... cest !

aucune animation.....

[Thes32]

Pas d'erreur javascript, dans ta console d'erreur firefox ?

[marakud]

Alors j'ai analysé code par code...et voici le bilan :

Le code (code pris sur le script telecharger depuis le web):

Code :

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

1
2
3
4
 
<script type="text/javascript">
		new UvumiDropdown('dropdown-demo');
	</script>

ne fait rien du tout! et cest lui qui est fait en sorte qu'il n'y a pas d'animation..


Pour ezpublish, j'ai mis cela :

Code :

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

1
2
3
4
 
<script charset="UTF-8" language="JavaScript" type="text/javascript">
     new UvumiDropdown('dropdown-demo');
</script>

[marakud]

Code :

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

1
2
3
4
5
	<script type="text/javascript">
	{literal}
		new UvumiDropdown('dropdown-demo');
	{/literal}
	</script>

ceci ne semble pas marcher non plus

[Thes32]

salut,
à mon avis ton problème actuel ne rélève pas de ezpublish étant donné que tes fichiers js sont bel et bien insérés mais plutôt de toi (ton intégration ) et javascript pur.

Commence par vérifier que ça fonctionne avec tes pages statiques ensuite tu intégreras, ezpublish ne devrait pas te gêner.

[tic_29]

Bonjour,
je suis sur ton url : http://tools.uvumi.com/dropdown.html

essaie ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
{literal}
 
<script type="text/javascript" language="JavaScript" charset="UTF-8" src={/literal}{"javascript/mootools-1.2-core-yc.js"|ezdesign}{literal}></script>
 
<script type="text/javascript" language="JavaScript" charset="UTF-8" src={/literal}{"javascript/mootools-1.2-more.js"|ezdesign}{literal}></script>
 
<script type="text/javascript" language="JavaScript" charset="UTF-8" src={/literal}{"javascript/fx.slide.js"|ezdesign}{literal}></script>
 
<script type="text/javascript">
var myMenu = new UvumiDropdown("dropdown-menu");
</script>
{/literal}

je ne pense que ça pourra marche !
Info : chez moi ça marche

[marakud]

Bon voila, ca marche maintenant , mais je ne sais pas pourquoi....
le code que tu m'as donné c'est celui qui etait deja en place.

De plus :
1 / Dans mon design.ini.append, javais declarer mes fichiers *.js
2 / Avec firebug, en analysant le <head> de ma page principale, les *.js etaient declarés 2 fois chacun.

J'ai corrigé ces 2 points et ca a marché...

Mais pourquoi donc ?

[Thes32]

1 / Dans mon design.ini.append, javais declarer mes fichiers *.js

c'est bien normal, il y a déjà une boucle qui insère tous les fichiers déclarés dans design.ini quand tu fais de nouveau

Code :

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

1
2
3
4
 
<script type="text/javascript" language="JavaScript" charset="UTF-8" src={"javascript/mootools-1.2-core-yc.js"|ezdesign}></script>
<script type="text/javascript" language="JavaScript" charset="UTF-8" src={"javascript/mootools-1.2-more.js"|ezdesign}></script>
<script type="text/javascript" language="JavaScript" charset="UTF-8" src={"javascript/fx.slide.js"|ezdesign}></script>

tu insères ces fichiers une seconde fois !

[tic_29]

Code :

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

tu insères ces fichiers une seconde fois !

tu as raison Thes_32

[marakud]

OUI , donc c'est la raison pour laquelle ca ne marchait pas?
je pense que oui . kr kr kr

en tout cas merci, bcp pour vos aides precieuses.

Ezpublish n'est pas si EZ que cela, comparativement aux autres CMS.
Mais je commence a rentrer dans la vibez.

Merci bcp