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

Call javascript functions in template ? [to use ajax]

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 11:34:35
Script start
Timing: Jan 18 2025 11:34:35
Module start 'content'
Timing: Jan 18 2025 11:34:36
Module end 'content'
Timing: Jan 18 2025 11:34:36
Script end

Main resources:

Total runtime1.1819 sec
Peak memory usage4,096.0000 KB
Database Queries194

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0074 587.8594180.8125
Module start 'content' 0.00741.0384 768.6719554.2344
Module end 'content' 1.04580.1361 1,322.9063336.7422
Script end 1.1819  1,659.6484 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00400.3379210.0002
Check MTime0.00170.1437210.0001
Mysql Total
Database connection0.00120.099310.0012
Mysqli_queries1.105793.55101940.0057
Looping result0.00200.17051920.0000
Template Total1.146297.020.5731
Template load0.00210.176520.0010
Template processing1.144196.796220.5720
Template load and register function0.00010.009310.0001
states
state_id_array0.00120.100610.0012
state_identifier_array0.00080.066020.0004
Override
Cache load0.00180.1484300.0001
Sytem overhead
Fetch class attribute can translate value0.00160.136430.0005
Fetch class attribute name0.00120.099650.0002
XML
Image XML parsing0.00140.120130.0005
class_abstraction
Instantiating content class attribute0.00000.001960.0000
General
dbfile0.00190.1613330.0001
String conversion0.00000.000930.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1node/view/full.tplfull/forum_topic.tplextension/sevenx/design/simple/override/templates/full/forum_topic.tplEdit templateOverride template
3content/datatype/view/ezimage.tpl<No override>extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tplEdit templateOverride template
3content/datatype/view/ezxmltext.tpl<No override>extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tplEdit templateOverride template
2content/datatype/view/ezxmltags/line.tpl<No override>design/standard/templates/content/datatype/view/ezxmltags/line.tplEdit templateOverride template
8content/datatype/view/ezxmltags/paragraph.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tplEdit templateOverride template
4content/datatype/view/ezxmltags/literal.tpl<No override>extension/community/design/standard/templates/content/datatype/view/ezxmltags/literal.tplEdit templateOverride template
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 22
 Number of unique templates used: 7

Time used to render debug report: 0.0001 secs