Utilisation toggle

Version imprimable

Utilisation toggle

Bonjour

J'essaie en vain de mettre un effect toggle sur mon site avec mootools mais j'ai l'impression qu'il y un conflit entre 2 librairies mootools car tout fonctionne tres bien quand je supprime cette

Code:

<script type="text/javascript" src="/media/system/js/mootools.js"></script>

Mais dès que je la rajoute (voici le code en entier)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
	<script type="text/javascript" src="/mootools.js"></script>
	<script type="text/javascript" src="/effect.js"></script>
     <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/main.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/nav.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/typo.css" type="text/css" />
 
<link rel="stylesheet" href="/templates/joomspirit_36/css/moomenuh.css" type="text/css" />
 
	<title>Fx.Slide Demo</title>
    <script src="/templates/joomspirit_36/lib/js/event.js" type="text/javascript"></script>
 
<script src="/templates/joomspirit_36/lib/js/scroll.js" type="text/javascript"></script>
<script src="/templates/joomspirit_36/lib/js/scroll_controls.js" type="text/javascript"></script>
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/effect_fade.js"></script>
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/tooltips.js"></script>
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/moomenuh.js"></script>
<script type='text/javascript'>
	/* <![CDATA[ */ $(function(){
		$("div.kirousel-0_catalogue").kirousel({ direction: "horizontal", nextBtn: '<img src="/plugins/content/plugin_kirousel/next.png" alt="next" width="30" height="30" />', prevBtn: '<img src="/plugins/content/plugin_kirousel/prev.png" alt="previous" width="30" height="30" />', loop: true });
	}); /* ]]> */
	</script>
	<style type='text/css'>
		.kirousel_container_0_catalogue .kirousel.js .kirousel-wrap { height:616px; width:100%; }
		.kirousel_container_0_catalogue .kirousel.js ul li  { height:636px; width:1023px; }
		.kirousel_container_0_catalogue { width:1023px;  }
		.kirousel_container_0_catalogue .kirousel .previous { top: 286px;}
		.kirousel_container_0_catalogue .kirousel .next { top: 286px;}			
	</style>
  <link href="/templates/joomspirit_36/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  <link rel="stylesheet" href="/plugins/content/plugin_kirousel/kirousel.css" type="text/css" />
  <script type="text/javascript" src="/media/system/js/caption.js"></script>
    <script type="text/javascript" src="/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/plugins/content/plugin_kirousel/kirousel-jquery.js"></script>
  <script type="text/javascript" src="/plugins/content/plugin_kirousel/kirousel-jquery-easing.js"></script>
<script type="text/javascript">
  $.noConflict();
  jQuery(document).ready(function($) {
    var $j = jQuery.noConflict();
  });
  // Code that uses other library's $ can follow here.
</script>
 
    <script type="text/javascript">
 
function init_dw_Scroll() {
    var wndo = new dw_scrollObj('container', 'fondu');
    wndo.setUpScrollControls('scrollLinks');
}
 
// if code supported, link in the style sheet and call the init function onload
if ( dw_scrollObj.isSupported() ) {
    //dw_writeStyleSheet('css/scroll.css');
    dw_Event.add( window, 'load', init_dw_Scroll);
}
 
</script>
 
</head>
<body>
 
	<a id="etatmenu" href="#" onclick="effect('texte','state','toggle-v');"><div id="state">Hide</div></a>
 
	<div id="state"></div>
	<div id="texte">Fonction mootools by snake/beda91it <br />a iuygft hjkl mkjuhygtfr tfyguiokpl ùmlkjhgfd dfghjbk<br />tyghujikopl ùpmoljuh dfghjkl</div>
 
 
</body>
</html>

Cela ne fonctionne plus

J'ai recopier le head de mon site joomla dans un page de test car la ligne
CODE] <script type="text/javascript" src="/media/system/js/mootools.js"></script>[/CODE]
est apeller automatiquement je ne peux donc pas la supprimer.

Merci de votre aide

Bonjour,

A mon avis vous intégrez deux fois le même script:
Code:

1 2 3 <script type="text/javascript" src="/mootools.js"></script> <script type="text/javascript" src="/media/system/js/mootools.js"></script>
Si vous supprimez le premier, ça donne quoi ?

10/06/2010, 10h54
nanou22

re

Si j'enlève le premier cela ne marche pas non plus

Mais j'ai l'impression que ce ne sont pas les même version de mootools
je crois que
<script type="text/javascript" src="/mootools.js"></script> est une version 1.2.0
tandis que <script type="text/javascript" src="/media/system/js/mootools.js"></script> est une version 1.12 si je me refaire au première ligne dans chaque fichier.

Est ce possible que se soit a cause de cela ?
10/06/2010, 10h58
nanou22

Re

Si je mets à jour le fichier mootools avec la verison 1.2.4 que j'ai trouver sur le site mootools cela ne marche pas non plus.

J'ai l'impression que c'est la fonction qui est dans le fichier
<script type="text/javascript" src="/effect.js"></script> qui permet de faire le toggle qui n'est pas adapter pour la version.

Enfin je sais pas trop c'est une piste.
10/06/2010, 11h07
vermine

On dirait. Je me demande si le toggle n'est pas apparu à la version 1.2. Leur documentation n'est pas claire. Je n'ai pas vraiment trouvé de renseignement là-dessus.

Quoiqu'il en soit, il ne faut pas avoir deux fois les scripts mootools dans la page. :?

Juste pour tester mais uniquement pour tester, déclarez le script 1.2.4 après le 1.12.

En fait il faut comprendre que les objets Javascript sont redéfinis sans qu'on ne crie gare. Donc il ne connait plus que la dernière version qu'il a parsée. Dans votre cas, les objets de la 1.12 qui ont le même nom que ceux de la 1.2(.4) primeront sur ceux de la 1.2.

Voici l'adresse du site ou voir le problème de façon plus concrete
http://www.hybride-test11.com/index....mid=8&lang=fr#

Sur cette page la le plugins qui permet de faire défiler les images appelle il me semble
Code:

1 2 3 4 <script type="text/javascript" src="/media/system/js/caption.js"></script> <script type="text/javascript" src="/media/system/js/mootools.js"></script> <script type="text/javascript" src="/plugins/content/plugin_kirousel/kirousel-jquery.js"></script> <script type="text/javascript" src="/plugins/content/plugin_kirousel/kirousel-jquery-easing.js"></script>
C'est un site joomla j'ai donc installer un plugins qui permet de désactiver mootools qui serait appeller automatiquement.
J'ai donc désactiver mootools (le mootools <script type="text/javascript" src="/media/system/js/mootools.js"></script>) malgré la déasactivation le plugins d'image qui défile fonctionne mais que dans le cas ou j'ai remplacer le fichier mootools
Code:

1 2 <script type="text/javascript" src="/mootools1.js"></script> <script type="text/javascript" src="/effect.js"></script>
qui était une version 1.2.0 par la version 1.2.4

Si je laisse la version 1.2.0 mon effet toogle sur le texte fonctionne mais mon défilement d'image ne fonctionne plus.

Je n'y comprend rien a l'aide

10/06/2010, 11h38
vermine

Hum, je ne connais pas Joomla. :oops:
Cela me semble fort vague.
Il y a toujours deux mootools.js dans votre page. Si je résume:

1.1: défilement
1.2: toggle mais pas défilement
1.2.4: défilement

?
10/06/2010, 11h46
nanou22

re

Il y a toujours deux mootools.js dans votre page. Si je résume:

1.1: défilement
1.2: toggle mais pas défilement
1.2.4: défilement

Je n'ai plus qu'un mootools dans ma page mais bon apparement selon celui que j'appelle tout ne marche pas

1.1: défilement mais pas toogle
1.2: toggle mais pas défilement ( et il me supprime les flèche de defilement des images)
1.2.4: défilement mais pas toogle

Est ce logique ?
10/06/2010, 11h51
vermine

Non, il y a un truc perturbant. Vous pourriez m'envoyer le code HTML généré de la page dans les trois cas ?
10/06/2010, 11h52
nanou22

Sinon

A defaut je sais que avec scriptulous tout passe defilmement et toogle mais par contre je n'arrive pas à faire changer le texte "hide/Show text"

Je voudrais que ça fasse comme avec mootools que l'on puisse changer le texte en fonction de l'etat du bloc

Si bloc remonter - texte = Show text
Si bloc descendu - texte = Hide text

Voir l'effet sur cette page

http://www.hybride-test11.com/index....emid=4&lang=fr

Code HTML mootools version 1.2.4

Effet toggle texte non défilement images ok

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
 
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr" >
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="joomla, Joomla" />
  <meta name="title" content="Catalogue" />
  <meta name="author" content="Administrator" />
  <meta name="description" content="Joomla! - le portail dynamique et système de gestion de contenu" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
 
  <title>Catalogue</title>
  <link href="/templates/joomspirit_36/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  <link rel="stylesheet" href="/plugins/content/plugin_kirousel/kirousel.css" type="text/css" />
  <script type="text/javascript" src="/media/system/js/caption.js"></script>
  <script type="text/javascript" src="/mootools1.js"></script>
  <script type="text/javascript" src="/plugins/content/plugin_kirousel/kirousel-jquery.js"></script>
  <script type="text/javascript" src="/plugins/content/plugin_kirousel/kirousel-jquery-easing.js"></script>
 
  <!-- Kinesphère "Kirousel" Plugin (v1.0) starts here -->
	<script type='text/javascript'>
	/* <![CDATA[ */ $(function(){
		$("div.kirousel-0_catalogue").kirousel({ direction: "horizontal", nextBtn: '<img src="/plugins/content/plugin_kirousel/next.png" alt="next" width="30" height="30" />', prevBtn: '<img src="/plugins/content/plugin_kirousel/prev.png" alt="previous" width="30" height="30" />', loop: true });
	}); /* ]]> */
	</script>
	<style type='text/css'>
		.kirousel_container_0_catalogue .kirousel.js .kirousel-wrap { height:616px; width:100%; }
		.kirousel_container_0_catalogue .kirousel.js ul li  { height:636px; width:1023px; }
		.kirousel_container_0_catalogue { width:1023px;  }
		.kirousel_container_0_catalogue .kirousel .previous { top: 286px;}
		.kirousel_container_0_catalogue .kirousel .next { top: 286px;}			
	</style>
  <!-- Kinesphère "Kirousel" Plugin (v1.0) ends here -->
 
<!-- style sheet links -->
 <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/main.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/nav.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/typo.css" type="text/css" />
 
<link rel="stylesheet" href="/templates/joomspirit_36/css/moomenuh.css" type="text/css" />
<!--[if lt IE 7]>
<link rel="stylesheet" href="/templates/joomspirit_36/css/ie6.css" type="text/css" />
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/iepngfix_tilebg.js"></script>
<![endif]-->
<!-- MOOMENU HORIZONTAL-->
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/moomenuh.js"></script>
<!-- FIN MOOMENU HORIZONTAL-->
<!--	effect mootools		-->
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/effect_fade.js"></script>
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/tooltips.js"></script>
<script src="/templates/joomspirit_36/lib/js/event.js" type="text/javascript"></script>
<script src="/templates/joomspirit_36/lib/js/scroll.js" type="text/javascript"></script>
<script src="/templates/joomspirit_36/lib/js/scroll_controls.js" type="text/javascript"></script>
 
	<script type="text/javascript" src="/effect.js"></script>
<script type="text/javascript">
 
function init_dw_Scroll() {
    var wndo = new dw_scrollObj('container', 'fondu');
    wndo.setUpScrollControls('scrollLinks');
}
 
// if code supported, link in the style sheet and call the init function onload
if ( dw_scrollObj.isSupported() ) {
    //dw_writeStyleSheet('css/scroll.css');
    dw_Event.add( window, 'load', init_dw_Scroll);
}
 
</script>
<script type="text/javascript">
function switchMenu(obj, toogle, texteQuandFerme, texteQuandOuvert)
{
var el = document.getElementById(obj);
if ( el.style.display != "none" )
{
el.style.display = 'none';
toogle.innerHTML = texteQuandFerme;
}
else
{
el.style.display = '';
toogle.innerHTML = texteQuandOuvert;
}
}
</script>
</head>
<body style="font-size:12px;"  onLoad="Effect.BlindDown('menu-art', { duration: 2.0 });">
<div style="width:1024px; margin: 0px auto 0 auto; border:#000 1px solid" align="center">
<div id="header">
	<div class="wrapper" style="width:990px;">
 
				<div id="logo" >
					<div class="moduletable">
 
					<p><img src="/images/stories/logo.jpg" border="0" width="174" height="108" /></p>		</div>
 
		</div>
 
					<div id="bottom_menu">
						<div class="moduletable">
 
<ul class="menu">
	<li class="parent item2">
		<a href="http://www.hybride-test11.com/">
			<span>About</span>
 
		</a>
	</li>
	<li class="item6">
		<a href="/index.php?option=com_content&amp;view=article&amp;id=6&amp;Itemid=17&amp;lang=fr">
			<span>Artisans</span>
		</a>
	</li>
	<li class="parent active item7">
 
		<a href="/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=8&amp;lang=fr">
			<span>AW10 collection</span>
		</a>
		<ul>
			<li id="current" class="active item8">
				<a href="/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=8&amp;lang=fr">
					<span>Catalogue</span>
				</a>
 
			</li>
			<li class="item9">
				<a href="/index.php?option=com_content&amp;view=article&amp;id=14&amp;Itemid=9&amp;lang=fr">
					<span>Look book</span>
				</a>
			</li>
			<li class="item10">
				<a href="/index.php?option=com_content&amp;view=article&amp;id=15&amp;Itemid=10&amp;lang=fr">
 
					<span>Previous collection</span>
				</a>
			</li>
		</ul>
	</li>
	<li class="item11">
		<a href="/index.php?option=com_content&amp;view=article&amp;id=18&amp;Itemid=11&amp;lang=fr">
			<span>Retailers</span>
 
		</a>
	</li>
	<li class="parent item13">
		<a href="/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=13&amp;lang=fr">
			<span>Press</span>
		</a>
	</li>
	<li class="item12">
 
		<a href="/index.php?option=com_content&amp;view=article&amp;id=2&amp;Itemid=12&amp;lang=fr">
			<span>Events</span>
		</a>
	</li>
	<li class="item25">
		<a href="http://www.hybride-test11.com" target="_blank">
			<span>eshop</span>
		</a>
 
	</li>
</ul>		</div>
 
			</div>
      			<div class="clr"></div>	
	</div>	<!--	END OF WRAPPER	-->	
 
</div>	<div id="border"><br /></div><!--	END OF HEADER	-->
<div id="middle_site">
	<div class="wrapper" style="width:990px;">
 
		<div id="content">
 
 
			<div id="wrapper_content" style="padding: 0px 0px;" >	
 
 
 
				<div id="main_component" >
 
					<div id="fade">
 
 
 
<div id="pageslide">
 
 
 
 
 
 
 
 
 
 
 
 
<div><div class="kirousel_container kirousel_container_0_catalogue">
					<div class="kirousel kirousel-0_catalogue ">
						<ul>							<li><img style="width:1023px;" src='http://www.hybride-test11.com/images/stories/previous/01.jpg' alt='Catalogue'  /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw1.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw10.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw11.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw3.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw4.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw5.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw6.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw7.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw8.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw9.jpg' alt='Catalogue' /></li>						</ul>
 
				</div>
			</div></div>
 
</div>
 
 
 
						                                 <div id="toggle22">  <div id="toggle2"><a id="etatmenu" href="#" onclick="effect('compo2','state','toggle-v');"><div id="state">Hide</div></a></div><br/>
					<div id="compo2"><div id="container"><div id="fondu">		<div class="moduletable">
					<!-- >>> Articles Anywhere >>> --><p>« Les animaux ont une histoire. Mais ils participent aussi à la nôtre, car les symboles que nous leur associons depuis l’aube des temps témoignent de notre propre conception du monde.»  Enluminures à propos du bestiaire<br /><br />Bestiaire est une collection qui fait allusion à l’univers animalier et végétal très cher à Sylvia Toth, créatrice de la marque ; des tigres blancs et des faisans brodés, ou encore des écharpes inspirés des anémones de mer… <br />Mais ce pourrait s’écrire aussi Vestiaire, comme un clin d’œil à la garde robe que la marque présente pour la première fois cette saison. Trois modèles de base inspirés du vestiaire masculin aux coupes discrètes mais architecturés. Un pantalon, une queue de pie et une robe bustier, constituent cette ligne conçue comme une ‘toile de fond’ pour les accessoires tricotés main en baby alpaga qui s’illustrent plus que jamais comme des compléments de silhouette.</p><!-- <<< Articles Anywhere <<< -->		</div>
 
	</div></div><div id="scrollLinks">
		<a class="mouseover_up" href="#"><img src="/templates/joomspirit_36/images/slideup.png" alt="" border="0" /></a>
		<a class="mouseover_down" href="#"><img src="/templates/joomspirit_36/images/slidedown.png" alt="" border="0" /></a>
	</div></div> </div>						   						<div style="display:none;text-indent:-9999px;font-size:0;line-height:0;"><a href="http://www.joomspirit.com" title="joomla template">joomla template</a></div>						
					</div>
					</div>
				</div>
 
				<div class="clr"></div>			
 
 
			</div>	
		</div>	<!--	END OF CONTENT	-->
 
 
	</div>	<!--	END OF WRAPPER	-->
 
</div>	<!--	END OF MIDDLE SITE	-->
<div id="bottom_site">
	<div class="wrapper" style="width:990px;">
 
		<div id="bottom">
 
 
 
 
		</div>	<!--	END OF BOTTOM	-->	
 
	</div>	<!--	END OF WRAPPER	-->
 
 
</div>		</div><!--	END OF MIDDLE SITE	-->
</body>
</html>

Code HTML mootools version 1.2.0

Effet toggle texte non défilement images ok

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
 
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr" >
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="joomla, Joomla" />
  <meta name="title" content="Catalogue" />
  <meta name="author" content="Administrator" />
  <meta name="description" content="Joomla! - le portail dynamique et système de gestion de contenu" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
 
  <title>Catalogue</title>
  <link href="/templates/joomspirit_36/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  <link rel="stylesheet" href="/plugins/content/plugin_kirousel/kirousel.css" type="text/css" />
  <script type="text/javascript" src="/media/system/js/caption.js"></script>
  <script type="text/javascript" src="/mootools.js"></script>
  <script type="text/javascript" src="/plugins/content/plugin_kirousel/kirousel-jquery.js"></script>
  <script type="text/javascript" src="/plugins/content/plugin_kirousel/kirousel-jquery-easing.js"></script>
 
  <!-- Kinesphère "Kirousel" Plugin (v1.0) starts here -->
	<script type='text/javascript'>
	/* <![CDATA[ */ $(function(){
		$("div.kirousel-0_catalogue").kirousel({ direction: "horizontal", nextBtn: '<img src="/plugins/content/plugin_kirousel/next.png" alt="next" width="30" height="30" />', prevBtn: '<img src="/plugins/content/plugin_kirousel/prev.png" alt="previous" width="30" height="30" />', loop: true });
	}); /* ]]> */
	</script>
	<style type='text/css'>
		.kirousel_container_0_catalogue .kirousel.js .kirousel-wrap { height:616px; width:100%; }
		.kirousel_container_0_catalogue .kirousel.js ul li  { height:636px; width:1023px; }
		.kirousel_container_0_catalogue { width:1023px;  }
		.kirousel_container_0_catalogue .kirousel .previous { top: 286px;}
		.kirousel_container_0_catalogue .kirousel .next { top: 286px;}			
	</style>
  <!-- Kinesphère "Kirousel" Plugin (v1.0) ends here -->
 
<!-- style sheet links -->
 <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/main.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/nav.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/typo.css" type="text/css" />
 
<link rel="stylesheet" href="/templates/joomspirit_36/css/moomenuh.css" type="text/css" />
<!--[if lt IE 7]>
<link rel="stylesheet" href="/templates/joomspirit_36/css/ie6.css" type="text/css" />
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/iepngfix_tilebg.js"></script>
<![endif]-->
<!-- MOOMENU HORIZONTAL-->
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/moomenuh.js"></script>
<!-- FIN MOOMENU HORIZONTAL-->
<!--	effect mootools		-->
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/effect_fade.js"></script>
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/tooltips.js"></script>
<script src="/templates/joomspirit_36/lib/js/event.js" type="text/javascript"></script>
<script src="/templates/joomspirit_36/lib/js/scroll.js" type="text/javascript"></script>
<script src="/templates/joomspirit_36/lib/js/scroll_controls.js" type="text/javascript"></script>
 
	<script type="text/javascript" src="/effect.js"></script>
<script type="text/javascript">
 
function init_dw_Scroll() {
    var wndo = new dw_scrollObj('container', 'fondu');
    wndo.setUpScrollControls('scrollLinks');
}
 
// if code supported, link in the style sheet and call the init function onload
if ( dw_scrollObj.isSupported() ) {
    //dw_writeStyleSheet('css/scroll.css');
    dw_Event.add( window, 'load', init_dw_Scroll);
}
 
</script>
<script type="text/javascript">
function switchMenu(obj, toogle, texteQuandFerme, texteQuandOuvert)
{
var el = document.getElementById(obj);
if ( el.style.display != "none" )
{
el.style.display = 'none';
toogle.innerHTML = texteQuandFerme;
}
else
{
el.style.display = '';
toogle.innerHTML = texteQuandOuvert;
}
}
</script>
</head>
<body style="font-size:12px;"  onLoad="Effect.BlindDown('menu-art', { duration: 2.0 });">
<div style="width:1024px; margin: 0px auto 0 auto; border:#000 1px solid" align="center">
<div id="header">
	<div class="wrapper" style="width:990px;">
 
				<div id="logo" >
					<div class="moduletable">
 
					<p><img src="/images/stories/logo.jpg" border="0" width="174" height="108" /></p>		</div>
 
		</div>
 
					<div id="bottom_menu">
						<div class="moduletable">
 
<ul class="menu">
	<li class="parent item2">
		<a href="http://www.hybride-test11.com/">
			<span>About</span>
 
		</a>
	</li>
	<li class="item6">
		<a href="/index.php?option=com_content&amp;view=article&amp;id=6&amp;Itemid=17&amp;lang=fr">
			<span>Artisans</span>
		</a>
	</li>
	<li class="parent active item7">
 
		<a href="/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=8&amp;lang=fr">
			<span>AW10 collection</span>
		</a>
		<ul>
			<li id="current" class="active item8">
				<a href="/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=8&amp;lang=fr">
					<span>Catalogue</span>
				</a>
 
			</li>
			<li class="item9">
				<a href="/index.php?option=com_content&amp;view=article&amp;id=14&amp;Itemid=9&amp;lang=fr">
					<span>Look book</span>
				</a>
			</li>
			<li class="item10">
				<a href="/index.php?option=com_content&amp;view=article&amp;id=15&amp;Itemid=10&amp;lang=fr">
 
					<span>Previous collection</span>
				</a>
			</li>
		</ul>
	</li>
	<li class="item11">
		<a href="/index.php?option=com_content&amp;view=article&amp;id=18&amp;Itemid=11&amp;lang=fr">
			<span>Retailers</span>
 
		</a>
	</li>
	<li class="parent item13">
		<a href="/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=13&amp;lang=fr">
			<span>Press</span>
		</a>
	</li>
	<li class="item12">
 
		<a href="/index.php?option=com_content&amp;view=article&amp;id=2&amp;Itemid=12&amp;lang=fr">
			<span>Events</span>
		</a>
	</li>
	<li class="item25">
		<a href="http://www.hybride-test11.com" target="_blank">
			<span>eshop</span>
		</a>
 
	</li>
</ul>		</div>
 
			</div>
      			<div class="clr"></div>	
	</div>	<!--	END OF WRAPPER	-->	
 
</div>	<div id="border"><br /></div><!--	END OF HEADER	-->
<div id="middle_site">
	<div class="wrapper" style="width:990px;">
 
		<div id="content">
 
 
			<div id="wrapper_content" style="padding: 0px 0px;" >	
 
 
 
				<div id="main_component" >
 
					<div id="fade">
 
 
 
<div id="pageslide">
 
 
 
 
 
 
 
 
 
 
 
 
<div><div class="kirousel_container kirousel_container_0_catalogue">
					<div class="kirousel kirousel-0_catalogue ">
						<ul>							<li><img style="width:1023px;" src='http://www.hybride-test11.com/images/stories/previous/01.jpg' alt='Catalogue'  /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw1.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw10.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw11.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw3.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw4.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw5.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw6.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw7.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw8.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw9.jpg' alt='Catalogue' /></li>						</ul>
 
				</div>
			</div></div>
 
</div>
 
 
 
						                                 <div id="toggle22">  <div id="toggle2"><a id="etatmenu" href="#" onclick="effect('compo2','state','toggle-v');"><div id="state">Hide</div></a></div><br/>
					<div id="compo2"><div id="container"><div id="fondu">		<div class="moduletable">
					<!-- >>> Articles Anywhere >>> --><p>« Les animaux ont une histoire. Mais ils participent aussi à la nôtre, car les symboles que nous leur associons depuis l’aube des temps témoignent de notre propre conception du monde.»  Enluminures à propos du bestiaire<br /><br />Bestiaire est une collection qui fait allusion à l’univers animalier et végétal très cher à Sylvia Toth, créatrice de la marque ; des tigres blancs et des faisans brodés, ou encore des écharpes inspirés des anémones de mer… <br />Mais ce pourrait s’écrire aussi Vestiaire, comme un clin d’œil à la garde robe que la marque présente pour la première fois cette saison. Trois modèles de base inspirés du vestiaire masculin aux coupes discrètes mais architecturés. Un pantalon, une queue de pie et une robe bustier, constituent cette ligne conçue comme une ‘toile de fond’ pour les accessoires tricotés main en baby alpaga qui s’illustrent plus que jamais comme des compléments de silhouette.</p><!-- <<< Articles Anywhere <<< -->		</div>
 
	</div></div><div id="scrollLinks">
		<a class="mouseover_up" href="#"><img src="/templates/joomspirit_36/images/slideup.png" alt="" border="0" /></a>
		<a class="mouseover_down" href="#"><img src="/templates/joomspirit_36/images/slidedown.png" alt="" border="0" /></a>
	</div></div> </div>						   						<div style="display:none;text-indent:-9999px;font-size:0;line-height:0;"><a href="http://www.joomspirit.com" title="joomla template">joomla template</a></div>						
					</div>
					</div>
				</div>
 
				<div class="clr"></div>			
 
 
			</div>	
		</div>	<!--	END OF CONTENT	-->
 
 
	</div>	<!--	END OF WRAPPER	-->
 
</div>	<!--	END OF MIDDLE SITE	-->
<div id="bottom_site">
	<div class="wrapper" style="width:990px;">
 
		<div id="bottom">
 
 
 
 
		</div>	<!--	END OF BOTTOM	-->	
 
	</div>	<!--	END OF WRAPPER	-->
 
 
</div>		</div><!--	END OF MIDDLE SITE	-->
</body>
</html>

Code HTML si mootools desactiver mais appeller dans page index.php (mootools version:1.2.0)

Effet toggle texte ok défilement images non

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
 
 <?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr" >
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="joomla, Joomla" />
  <meta name="title" content="Catalogue" />
  <meta name="author" content="Administrator" />
  <meta name="description" content="Joomla! - le portail dynamique et système de gestion de contenu" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
  <title>Catalogue</title>
  <link href="/templates/joomspirit_36/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  <link rel="stylesheet" href="/plugins/content/plugin_kirousel/kirousel.css" type="text/css" />
  <script type="text/javascript" src="/media/system/js/caption.js"></script>
  <script type="text/javascript" src="/plugins/content/plugin_kirousel/kirousel-jquery.js"></script>
  <script type="text/javascript" src="/plugins/content/plugin_kirousel/kirousel-jquery-easing.js"></script>
  <!-- Kinesphère "Kirousel" Plugin (v1.0) starts here -->
	<script type='text/javascript'>
	/* <![CDATA[ */ $(function(){
		$("div.kirousel-0_catalogue").kirousel({ direction: "horizontal", nextBtn: '<img src="/plugins/content/plugin_kirousel/next.png" alt="next" width="30" height="30" />', prevBtn: '<img src="/plugins/content/plugin_kirousel/prev.png" alt="previous" width="30" height="30" />', loop: true });
	}); /* ]]> */
	</script>
	<style type='text/css'>
		.kirousel_container_0_catalogue .kirousel.js .kirousel-wrap { height:616px; width:100%; }
		.kirousel_container_0_catalogue .kirousel.js ul li  { height:636px; width:1023px; }
		.kirousel_container_0_catalogue { width:1023px;  }
		.kirousel_container_0_catalogue .kirousel .previous { top: 286px;}
		.kirousel_container_0_catalogue .kirousel .next { top: 286px;}			
	</style>
  <!-- Kinesphère "Kirousel" Plugin (v1.0) ends here -->
 
<!-- style sheet links -->
 <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/main.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/nav.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/typo.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/moomenuh.css" type="text/css" />
<!--[if lt IE 7]>
<link rel="stylesheet" href="/templates/joomspirit_36/css/ie6.css" type="text/css" />
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/iepngfix_tilebg.js"></script>
<![endif]-->
<!-- MOOMENU HORIZONTAL-->
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/moomenuh.js"></script>
<!-- FIN MOOMENU HORIZONTAL-->
<!--	effect mootools		-->
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/effect_fade.js"></script>
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/tooltips.js"></script>
<script src="/templates/joomspirit_36/lib/js/event.js" type="text/javascript"></script>
<script src="/templates/joomspirit_36/lib/js/scroll.js" type="text/javascript"></script>
<script src="/templates/joomspirit_36/lib/js/scroll_controls.js" type="text/javascript"></script>
<script type="text/javascript" src="/mootools.js"></script>
	<script type="text/javascript" src="/effect.js"></script>
<script type="text/javascript">
 
function init_dw_Scroll() {
    var wndo = new dw_scrollObj('container', 'fondu');
    wndo.setUpScrollControls('scrollLinks');
}
 
// if code supported, link in the style sheet and call the init function onload
if ( dw_scrollObj.isSupported() ) {
    //dw_writeStyleSheet('css/scroll.css');
    dw_Event.add( window, 'load', init_dw_Scroll);
}
 
</script>
<script type="text/javascript">
function switchMenu(obj, toogle, texteQuandFerme, texteQuandOuvert)
{
var el = document.getElementById(obj);
if ( el.style.display != "none" )
{
el.style.display = 'none';
toogle.innerHTML = texteQuandFerme;
}
else
{
el.style.display = '';
toogle.innerHTML = texteQuandOuvert;
}
}
</script>
</head>
<body style="font-size:12px;"  onLoad="Effect.BlindDown('menu-art', { duration: 2.0 });">
<div style="width:1024px; margin: 0px auto 0 auto; border:#000 1px solid" align="center">
<div id="header">
	<div class="wrapper" style="width:990px;">
 
				<div id="logo" >
					<div class="moduletable">
					<p><img src="/images/stories/logo.jpg" border="0" width="174" height="108" /></p>		</div>
 
		</div>
 
					<div id="bottom_menu">
						<div class="moduletable">
 
<ul class="menu">
	<li class="parent item2">
		<a href="http://www.hybride-test11.com/">
			<span>About</span>
		</a>
	</li>
	<li class="item6">
		<a href="/index.php?option=com_content&amp;view=article&amp;id=6&amp;Itemid=17&amp;lang=fr">
			<span>Artisans</span>
		</a>
	</li>
	<li class="parent active item7">
		<a href="/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=8&amp;lang=fr">
			<span>AW10 collection</span>
		</a>
		<ul>
			<li id="current" class="active item8">
				<a href="/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=8&amp;lang=fr">
					<span>Catalogue</span>
				</a>
			</li>
			<li class="item9">
				<a href="/index.php?option=com_content&amp;view=article&amp;id=14&amp;Itemid=9&amp;lang=fr">
					<span>Look book</span>
				</a>
			</li>
			<li class="item10">
				<a href="/index.php?option=com_content&amp;view=article&amp;id=15&amp;Itemid=10&amp;lang=fr">
					<span>Previous collection</span>
				</a>
			</li>
		</ul>
	</li>
	<li class="item11">
		<a href="/index.php?option=com_content&amp;view=article&amp;id=18&amp;Itemid=11&amp;lang=fr">
			<span>Retailers</span>
		</a>
	</li>
	<li class="parent item13">
		<a href="/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=13&amp;lang=fr">
			<span>Press</span>
		</a>
	</li>
	<li class="item12">
		<a href="/index.php?option=com_content&amp;view=article&amp;id=2&amp;Itemid=12&amp;lang=fr">
			<span>Events</span>
		</a>
	</li>
	<li class="item25">
		<a href="http://www.hybride-test11.com" target="_blank">
			<span>eshop</span>
		</a>
	</li>
</ul>		</div>
 
			</div>
      			<div class="clr"></div>	
	</div>	<!--	END OF WRAPPER	-->	
 
</div>	<div id="border"><br /></div><!--	END OF HEADER	-->
<div id="middle_site">
	<div class="wrapper" style="width:990px;">
 
		<div id="content">
 
			<div id="wrapper_content" style="padding: 0px 0px;" >	
 
 
 
				<div id="main_component" >
 
					<div id="fade">
 
 
 
<div id="pageslide">
 
 
 
 
 
 
 
 
 
 
 
 
<div><div class="kirousel_container kirousel_container_0_catalogue">
					<div class="kirousel kirousel-0_catalogue ">
						<ul>							<li><img style="width:1023px;" src='http://www.hybride-test11.com/images/stories/previous/01.jpg' alt='Catalogue'  /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw1.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw10.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw11.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw3.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw4.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw5.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw6.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw7.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw8.jpg' alt='Catalogue' /></li>						<li><img src='http://www.hybride-test11.com/images/stories/previous/catal_fw9.jpg' alt='Catalogue' /></li>						</ul>
				</div>
			</div></div>
 
</div>
 
 
 
						                                 <div id="toggle22">  <div id="toggle2"><a id="etatmenu" href="#" onclick="effect('compo2','state','toggle-v');"><div id="state">Hide</div></a></div><br/>
					<div id="compo2"><div id="container"><div id="fondu">		<div class="moduletable">
					<!-- >>> Articles Anywhere >>> --><p>« Les animaux ont une histoire. Mais ils participent aussi à la nôtre, car les symboles que nous leur associons depuis l’aube des temps témoignent de notre propre conception du monde.»  Enluminures à propos du bestiaire<br /><br />Bestiaire est une collection qui fait allusion à l’univers animalier et végétal très cher à Sylvia Toth, créatrice de la marque ; des tigres blancs et des faisans brodés, ou encore des écharpes inspirés des anémones de mer… <br />Mais ce pourrait s’écrire aussi Vestiaire, comme un clin d’œil à la garde robe que la marque présente pour la première fois cette saison. Trois modèles de base inspirés du vestiaire masculin aux coupes discrètes mais architecturés. Un pantalon, une queue de pie et une robe bustier, constituent cette ligne conçue comme une ‘toile de fond’ pour les accessoires tricotés main en baby alpaga qui s’illustrent plus que jamais comme des compléments de silhouette.</p><!-- <<< Articles Anywhere <<< -->		</div>
	</div></div><div id="scrollLinks">
		<a class="mouseover_up" href="#"><img src="/templates/joomspirit_36/images/slideup.png" alt="" border="0" /></a>
		<a class="mouseover_down" href="#"><img src="/templates/joomspirit_36/images/slidedown.png" alt="" border="0" /></a>
	</div></div> </div>						   						<div style="display:none;text-indent:-9999px;font-size:0;line-height:0;"><a href="http://www.joomspirit.com" title="joomla template">joomla template</a></div>						
					</div>
					</div>
				</div>
 
				<div class="clr"></div>			
 
 
			</div>	
		</div>	<!--	END OF CONTENT	-->
 
	</div>	<!--	END OF WRAPPER	-->
 
</div>	<!--	END OF MIDDLE SITE	-->
<div id="bottom_site">
	<div class="wrapper" style="width:990px;">
 
		<div id="bottom">
 
 
 
 
		</div>	<!--	END OF BOTTOM	-->	
 
	</div>	<!--	END OF WRAPPER	-->
 
</div>		</div><!--	END OF MIDDLE SITE	-->
</body>
</html>

Je me demande si c'est pas a cause de jsquery car dans ce cas la mootools est appeller en dernier, je sais pas si ca peut jouer

10/06/2010, 12h49
Nighty

Bonjour,

Ayant l'expérience de Mootools et Joomla!, j'espère pouvoir apporter un peu de lumière là dessus.

L'effet Toggle n'était pas présent en mootools 1.1.* apparemment, cf la doc de cette version : http://docs111.mootools.net/

Je ne recommande pas non plus de mettre à jour la lib Mootools de Joomla!, à moins de faire de très gros tests auparavant, il me paraît plus raisonnable de "faire sans" l'effet Toggle.

Si jamais tu es vraiment obligé et que tu penses que désactiver /media/system/js/mootools.js peut régler ton problème il y a bien une horreur que tu puisses faire, mais si on te demande, ce n'est pas moi qui te l'ai dit :oops:

Essaye de placer dans ton template :

Code:

<?php $document = JFactory::getDocument(); unset($document->_scripts['/media/system/js/mootools.js']); ?>

Ca devrait retirer l'inclusion Javascript de Joomla!. Et oui, je sais que c'est très mal :aie:.
10/06/2010, 14h39
nanou22

re

Merci pour votre aide

J'ai trouvé comment désactiver la librairie grâce au plugin System - Ki - Mootools Control qui désactive la librairie mootools de système media mais finalement je me demande si ca n'est pas un problème de conflit avec jsquery qui est utiliser par le slider d'image.

Merci

Au pire, vous ajoutez du simple Javascript:
Code:

1 2 3 4 5 //cacher objet.style.display = "none"; //afficher objet.style.display = "";

10/06/2010, 15h24
nanou22

Re

Ok vermine mais a quelle niveau je rajoute le JS

//cacher
objet.style.display = "none";
//afficher
objet.style.display = "";

C'est la solution pour le scriptacoulus ?
10/06/2010, 15h28
vermine

Je n'ai pas analysé le code à fond, je ne sais d'ailleurs pas ce que vous avez au départ comme code et qu'est-ce qui est rajouté par les "includes/pluggins".

Il faudrait déterminer le nom le nom de l'élément1 qui englobe le texte à cacher, ainsi que l'élément2 sur lequel on click.

Une fois fait, vous ajouter l'évènement onclick sur l'élément2 en passant le nom de la fonction qui fera le display de l'élément1.