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

eZ debug

Timing:	Jan 18 2025 15:55:11
Script start
Timing:	Jan 18 2025 15:55:11
Module start 'layout'
Timing:	Jan 18 2025 15:55:11
Module start 'content'
Timing:	Jan 18 2025 15:55:11
Module end 'content'
Timing:	Jan 18 2025 15:55:11
Script end

Main resources:

Total runtime	0.0189 sec
Peak memory usage	4,096.0000 KB
Database Queries	3

Timing points:

Checkpoint	Start (sec)	Duration (sec)	Memory at start (KB)	Memory used (KB)
Script start	0.0000	0.0076	589.1797	152.6406
Module start 'layout'	0.0076	0.0033	741.8203	39.4766
Module start 'content'	0.0109	0.0060	781.2969	93.4922
Module end 'content'	0.0169	0.0020	874.7891	34.3047
Script end	0.0189		909.0938

Time accumulators:

Accumulator	Duration (sec)	Duration (%)	Count	Average (sec)
Ini load
Load cache	0.0033	17.4851	14	0.0002
Check MTime	0.0012	6.6052	14	0.0001
Mysql Total
Database connection	0.0010	5.1390	1	0.0010
Mysqli_queries	0.0033	17.4435	3	0.0011
Looping result	0.0000	0.0681	1	0.0000
Template Total	0.0016	8.3	1	0.0016
Template load	0.0009	4.5826	1	0.0009
Template processing	0.0007	3.6780	1	0.0007
Override
Cache load	0.0006	3.1379	1	0.0006
General
dbfile	0.0012	6.4601	8	0.0002
String conversion	0.0000	0.0416	4	0.0000
Note: percentages do not add up to 100% because some accumulators overlap

Templates used to render the page:

Usage	Requested template	Template	Template loaded	Edit	Override
1	print_pagelayout.tpl	<No override>	extension/community/design/community/templates/print_pagelayout.tpl
Number of times templates used: 1 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs