IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques & Frameworks Discussion :

Utilisation toggle


Sujet :

Bibliothèques & Frameworks

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    50
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 50
    Par défaut 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 : Sélectionner tout - Visualiser dans une fenêtre à part
        <script type="text/javascript" src="/media/system/js/mootools.js"></script>
    Mais dès que je la rajoute (voici le code en entier)
    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
    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

  2. #2
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Bonjour,

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

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    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 ?

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    50
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 50
    Par défaut 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 ?

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    50
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 50
    Par défaut 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.

  5. #5
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    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.

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    50
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 50
    Par défaut re
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  7. #7
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Hum, je ne connais pas Joomla.
    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

    ?

  8. #8
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    50
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 50
    Par défaut Code HTML mootools version 1.2.4
    Effet toggle texte non défilement images ok

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

  9. #9
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    50
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 50
    Par défaut Code HTML mootools version 1.2.0
    Effet toggle texte non défilement images ok

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

  10. #10
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    50
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 50
    Par défaut 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 : 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
    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

  11. #11
    Membre chevronné

    Homme Profil pro
    Développeur Web
    Inscrit en
    Février 2003
    Messages
    253
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Février 2003
    Messages : 253
    Par défaut
    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

    Essaye de placer dans ton template :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <?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 .

  12. #12
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    50
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 50
    Par défaut 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

Discussions similaires

  1. utiliser les tag [MFC] [Win32] [.NET] [C++/CLI]
    Par hiko-seijuro dans le forum Visual C++
    Réponses: 8
    Dernier message: 08/06/2005, 15h57
  2. Réponses: 4
    Dernier message: 05/06/2002, 14h35
  3. utilisation du meta type ANY
    Par Anonymous dans le forum CORBA
    Réponses: 1
    Dernier message: 15/04/2002, 12h36
  4. [BCB5] Utilisation des Ressources (.res)
    Par Vince78 dans le forum C++Builder
    Réponses: 2
    Dernier message: 04/04/2002, 16h01
  5. Réponses: 2
    Dernier message: 20/03/2002, 23h01

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo