| Re: Javascript et Xoops 2.4.4 |
Titre du sujet : Re: Javascript et Xoops 2.4.4
par xpected sur 15/04/2010 13:44:24
bon je m'y remets suite à une pause due à diverses soucis de santé.
Je me suis donc pencher sur la question et je suis tombée sur ce tuto: http://docs.jquery.com/Tutorials:Accordion_Menu_%28Screencast%29
Jusque là rien de grave je le comprends, je crois juste que je ne sais pas le transposer sous xoops.
J'ai donc mis dans mon thème.html, son code:
<script type="text/javascript" src="<{xoAppUrl /jseffects/jquery/jquery.js}>"></script>
<script> $(document).ready(fonction(){
$(*dd:not(:first)*).hide();
$(*dt a*).click(function(){
$(*dd:visible*).slide(*slow*); $(this).parent().next().slideDown(*slow*);
return false;
});
</script>
<style>
body { font-family: Arial; font-size: 16px; }
dl { width: 300px; }
dl,dd { margin: 0; }
dt { background: #F39; font-size: 18px; padding: 5px; margin: 2px; }
dt a { color: #FFF; }
dd a { color: #000; }
ul { list-style: none; padding: 5px; }
</style>
Puis dans mon article sous publisher j'ai mis le code qui suit, à savoir:
<dl>
<dt><a href="/">jQuery</a></dt>
<dd>
<ul>
<li><a href="/src/">Download</a></li>
<li><a href="/docs/">Documentation</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</dd>
<dt><a href="/discuss/">Community</a></dt>
<dd>
<ul>
<li><a href="/discuss/">Mailing List</a></li>
<li><a href="/tutorials/">Tutorials</a></li>
<li><a href="/demos/">Demos</a></li>
<li><a href="/plugins/">Plugins</a></li>
</ul>
</dd>
<dt><a href="/dev/">Development</a></dt>
<dd>
<ul>
<li><a href="/src/">Source Code</a></li>
<li><a href="/dev/bugs/">Bug Tracking</a></li>
<li><a href="/dev/recent/">Recent Changes</a></li>
</ul>
</dd>
</dl>
Que j'ai simplement collé dans publisher en passant par la fonction "html".
Le résultat est le suivant:
http://www.s149789846.onlinehome.fr/x ... lisher/item.php?itemid=66
C'est "pas mal" mais c'est loin de ressembler à son résultat à lui lol
|
|
