[eZ Publish] Utilisation mootools template

Version imprimable

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:

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:

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:

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.

:aie: help !

merci beaucoup

salut,

remplace ce code

Code:

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:

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>

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:

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>

02/04/2009, 16h35
marakud

mootools

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
02/04/2009, 16h43
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.
02/04/2009, 16h58
marakud

mootools javascript include

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

Mais bon, cest donc moi qui beug quelque part alors
02/04/2009, 17h18
marakud

script

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

http://tools.uvumi.com/dropdown.html
02/04/2009, 18h11
Thes32

Commence par vérifier que ça fonctionne avec tes pages statiques ensuite tu intégreras, ezpublish ne devrait pas te gêner.
02/04/2009, 22h37
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 !
03/04/2009, 10h19
marakud

Animation

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

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

aucune animation.....
03/04/2009, 11h27
Thes32

Pas d'erreur javascript, dans ta console d'erreur firefox ?
03/04/2009, 11h45
marakud
Alors j'ai analysé code par code...et voici le bilan :

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

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:

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

{literal}

Code:

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

ceci ne semble pas marcher non plus

03/04/2009, 13h05
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.

Citation:

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

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

essaie ceci :

Code:

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

03/04/2009, 14h15
marakud

ca marche

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é...:king:

Mais pourquoi donc ?:roll:

Citation:

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:

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 !

03/04/2009, 14h54
tic_29

Code:

tu insères ces fichiers une seconde fois !

tu as raison Thes_32
03/04/2009, 14h54
marakud

oui mais...

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:D