Forums / Setup & design / Call javascript functions in template ? [to use ajax]

"Please Note:

At the specific request of Ibexa we are changing this projects name to "Exponential" or "Exponential (CMS)" effective as of August, 11th 2025.
This project is not associated with the original eZ Publish software or its original developer, eZ Systems or Ibexa".

Call javascript functions in template ? [to use ajax]

Previous topic

Setup & design

Next topic

Author	Message
Eder Silva	Wednesday 04 July 2007 3:31:03 pm Hello, I want use ajax in some templates... How can I call javascript functions in template ? I have this code: <head> <script type="text/javascript" src="/dajax/lib/prototype.js"></script> <script type="text/javascript" src="dajax/src/scriptaculous.js"></script> </head> But the problem is, a template pages doesn't have <head></head>, only pagelayout.tpl have it, I try insert this lines in pagelayout.tpl, but my template doesn't work... I need use this js functions in my template... My template have this code: <ul id="movies_list"> <li id="movie_1">test 1</li> <li id="movie_2">test 2</li> </ul> <script type="text/javascript"> Sortable.create('movies_list'); </script> Thanks for any help ! [eZ 3.9]
Bruce Morrison	Wednesday 04 July 2007 6:27:44 pm Hi Eder You have (at least) 2 options Add the scripts to the design.ini of the siteacesss you want them used in [JavaScriptSettings] JavaScriptList[]=dajax/lib/prototype.js JavaScriptList[]=dajax/src/scriptaculous.js This method assumes they are under design/site_design/javascript directory (e.g. design/site_design/javascript/dajax/lib/prototype.js) and will add them to the head of each page. The other method is to add them to the template e.g. {run-once} <script type="text/javascript" src={"javascript/dajax/lib/prototype.js"\|ezdesign}></script> <script type="text/javascript" src={"javascript/dajax/src/scriptaculous.js"\|ezdesign}></script> {/run-once} <ul id="movies_list"> <li id="movie_1">test 1</li> <li id="movie_2">test 2</li> </ul> <script type="text/javascript"> Sortable.create('movies_list'); </script> The run-once tags are there so if the template is used multiple times the javascripts are only included once. They may not be necessary. Cheers Bruce My Blog: http://www.stuffandcontent.com/ Follow me on twitter: http://twitter.com/brucemorrison Consolidated eZ Publish Feed : http://friendfeed.com/rooms/ez-publish
Eder Silva	Friday 13 July 2007 8:22:51 am Thanks so much !!

Author

Message

Eder Silva

Wednesday 04 July 2007 3:31:03 pm

Hello,
I want use ajax in some templates...

How can I call javascript functions in template ?

I have this code:

<head>
<script type="text/javascript" src="/dajax/lib/prototype.js"></script>
<script type="text/javascript" src="dajax/src/scriptaculous.js"></script>
</head>

But the problem is, a template pages doesn't have <head></head>, only pagelayout.tpl have it, I try insert this lines in pagelayout.tpl, but my template doesn't work...

I need use this js functions in my template...

My template have this code:

<ul id="movies_list">
        <li id="movie_1">test 1</li>
        <li id="movie_2">test 2</li>
</ul>
        <script type="text/javascript">
            Sortable.create('movies_list');
        </script>

Thanks for any help !

[eZ 3.9]

Bruce Morrison

Wednesday 04 July 2007 6:27:44 pm

Hi Eder

You have (at least) 2 options

Add the scripts to the design.ini of the siteacesss you want them used in

[JavaScriptSettings]
JavaScriptList[]=dajax/lib/prototype.js
JavaScriptList[]=dajax/src/scriptaculous.js

This method assumes they are under design/site_design/javascript directory (e.g. design/site_design/javascript/dajax/lib/prototype.js) and will add them to the head of each page.

The other method is to add them to the template e.g.

{run-once}
<script type="text/javascript" src={"javascript/dajax/lib/prototype.js"|ezdesign}></script>
<script type="text/javascript" src={"javascript/dajax/src/scriptaculous.js"|ezdesign}></script>
{/run-once}

<ul id="movies_list">
       <li id="movie_1">test 1</li>
       <li id="movie_2">test 2</li>
</ul>
       <script type="text/javascript">
           Sortable.create('movies_list');
       </script>

The run-once tags are there so if the template is used multiple times the javascripts are only included once. They may not be necessary.

Cheers
Bruce

My Blog: http://www.stuffandcontent.com/
Follow me on twitter: http://twitter.com/brucemorrison
Consolidated eZ Publish Feed : http://friendfeed.com/rooms/ez-publish

Eder Silva

Friday 13 July 2007 8:22:51 am

Thanks so much !!