How to include mootools?

**partisanentity** · 04/19/2011, 16:30

Hi all,

What javascript code snippet do I need to include into my page.tpl file in order to make it support mootools?

I have tried searching the forum, but could not find what I am looking for.

Thank you

**partisanentity** · 04/19/2011, 17:02

Or this is what I have done:

Added a new element: Accordion (single)

Gave it a header name and added some text.

In the page layout settings I enabled moo_accordion

But when I view the page in the frontend, the header text and the body text appear and there is no accordion effect.

I'm sure I am missing something, but at this point I am unsure what it is.

**partisanentity** · 04/19/2011, 17:20

I tried adding this to the <HEAD> section of my page template but it didn't work:

Code:

<script type="text/javascript">
<![CDATA[//><!--
window.addEvent('domready', function() {
  new Accordion($$('div.toggler'), $$('div.accordion'), {
    alwaysHide: true,
    opacity: false
  });
});
//--><!]]>
</script>

**Medianomaly** · 04/19/2011, 20:04

You don't need to add anything to the template.

Mootools core/more is automatically added to the head, and if you select moo_accordion in the page layout, the file "moo_accordion.tpl" will get inserted before the body close tag.

If it's not working for you, post a URL to an example page where it isn't working and we'll take a look.

**xchs** · 04/20/2011, 00:31

I guess there's a problem with the MooTools framework scripts.

Have you modified the standard page template "fe_page.tpl"?

**partisanentity** · 04/21/2011, 17:10

Yes, a completely new template was created for me.

I assume whatever code snippet that is required by mootools to work has been taken out.

Anyone know what the default code is?

**xchs** · 04/21/2011, 17:16

This is the default page template code: http://dev.contao.org/projects/typoligh ... e_page.tpl

**partisanentity** · 04/21/2011, 18:02

Thanks very much, and do you know where the actual mootools framework files are stored in the file structure of contao? I think those were removed as well because after adding all mootools relevant code sections to my template still nothing happens.

**xchs** · 04/21/2011, 18:14

Originally Posted by partisanentity

Do you know where the actual mootools framework files are stored in the file structure of contao?

"plugins/mootools"

I would recommend running the Contao System Check Tool to check whether some core files are missing or corrupt.

**partisanentity** · 04/21/2011, 18:17

Sorry for the confusion, all files are in the right place.

But what I noticed is that when I view the html...

There is nothing where this tag is supposed to be:

Code:

<?php echo $this->mooScripts; ?>

Otherwise with this tag:

Code:

<?php echo $this->mootools; ?>

It displays this:

Code:

<script type="text/javascript" src="plugins/mediabox/js/mediabox.js"></script>
<script type="text/javascript">
<![CDATA[//><!--
Mediabox.scanPage = function() {
  var links = $$("a").filter(function(el) {
    return el.rel && el.rel.test(/^lightbox/i);
  });
  $$(links).mediabox({/* Put custom options here */}, null, function(el) {
    var rel0 = this.rel.replace(/[[]|]/gi," ");
    var relsize = rel0.split(" ");
    return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
  });
};
window.addEvent("domready", Mediabox.scanPage);
//--><!]]>
</script>

<script type="text/javascript">
<![CDATA[//><!--
window.addEvent('domready', function() {
  new Accordion($$('div.toggler'), $$('div.accordion'), {
    alwaysHide: true,
    opacity: false
  });
});
//--><!]]>
</script>

So it seems the only issue I am having now is that nothing gets displayed with this tag:

Code:

<?php echo $this->mooScripts; ?>

**xchs** · 04/21/2011, 18:28

First of all, it's always a good idea to indicate the version number from the system you're talking about. It looks like you have an older Contao installation...

**partisanentity** · 04/21/2011, 18:29

I have 2.8.3, sorry for not having mentioned this earlier.

**xchs** · 04/21/2011, 18:37

Ah, ok, then of course

Code:

<?php echo $this->mooScripts; ?>

does not work!

The page template for version 2.8.3 looks like this: http://dev.contao.org/projects/typoligh ... e_page.tpl

And here you find the System Check Tool for version 2.8.3: http://www.contao.glen-langer.de/System ... .8.3.0.zip

**partisanentity** · 04/22/2011, 09:42

Okay I think there is an incompatibility with some of the scripts on my page because I tested the default fe_page.tpl and the accordion worked.

But when I test the accordion on my default template it doesn't work.

I'm going to make a copy of the template I use, and slowly start eliminating sections until the accordion works.

I will post back.

Thanks very much for your help so far xchs

Thread: How to include mootools?

Thread Tools

Search Thread

How to include mootools?

Re: How to include mootools?

Re: How to include mootools?

Re: How to include mootools?

Re: How to include mootools?

Re: How to include mootools?

Re: How to include mootools?

Re: How to include mootools?

Re: How to include mootools?

Re: How to include mootools?

Re: How to include mootools?

Re: How to include mootools?

Re: How to include mootools?

Re: How to include mootools?

Bookmarks

Bookmarks

Posting Permissions