Forums / Setup & design / using Javascript with eZ

using Javascript with eZ

« 
Previous topic
|
Setup & design
|
Next topic
 »
Author Message

Claudia Kosny

Friday 05 January 2007 3:46:58 am

Hi there

I am looking for tips on how to use Javascript with eZ. I have two, pretty similar, problems:

I use Ajax to reload some parts of a page. To do this I need the url of the server script that is to be called by the Ajax request. The problem is that if I follow the motto of keeping design and functionality apart, my whole Javascript is in an external js file. But in this file I do not have the option to call ezurl() to create a full url, so I have to hardcode the url which can be quite annoying if you move servers. Another option would be to add a script block in the pagelayout.tpl where I add these urls as global variables, so the scripts in the external files can see them always. But this quite error prone as the code for executing one function is separated in several places and if I have lots of scripts, this gets very confusing.

Has anyone a better idea how to solve this?

A similar problem is having messages in the Javascript. As I cannot call the i18n operator, I cannot translate the messages properly.

Any ideas?

Claudia

Betsy Gamrat

Tuesday 09 January 2007 8:38:37 pm

Claudia,

I would recommend adding an init or config function in the external js file. That function would be called by script code in pagelayout.tpl that would set the variables you need.

Good luck,

Betsy

For example:

<b>pagelayout.tpl</b>

<script src="{'ajax.js'|ezdesign}"></script>
<script>init_ajax('{$node.url_alias|ezurl}',30)</script>

<b>ajax.js</b>

target_url=''
timeout=0

function init_ajax(in_url,timelimit)
{
  target_url=in_url
  timeout=timelimit
}

function do_ajax()
{
  sendRequest(target_url)  /* Sample code, may not be correct syntax/call */
}

eZ debug

Timing: Jan 20 2025 17:26:18
Script start
Timing: Jan 20 2025 17:26:18
Module start 'content'
Timing: Jan 20 2025 17:26:19
Module end 'content'
Timing: Jan 20 2025 17:26:19
Script end

Main resources:

Total runtime0.8308 sec
Peak memory usage4,096.0000 KB
Database Queries191

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0058 587.7109180.8359
Module start 'content' 0.00580.7262 768.5469522.4141
Module end 'content' 0.73200.0987 1,290.9609332.7500
Script end 0.8308  1,623.7109 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00350.4265210.0002
Check MTime0.00140.1652210.0001
Mysql Total
Database connection0.00110.129910.0011
Mysqli_queries0.770192.68731910.0040
Looping result0.00140.17401890.0000
Template Total0.804896.920.4024
Template load0.00200.236920.0010
Template processing0.802896.625220.4014
Template load and register function0.00010.014510.0001
states
state_id_array0.00060.073310.0006
state_identifier_array0.00090.106320.0004
Override
Cache load0.00160.1949210.0001
Sytem overhead
Fetch class attribute can translate value0.00130.156830.0004
Fetch class attribute name0.00080.092130.0003
XML
Image XML parsing0.00070.089730.0002
class_abstraction
Instantiating content class attribute0.00000.000830.0000
General
dbfile0.00610.7374270.0002
String conversion0.00000.000430.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
2content/datatype/view/ezxmltext.tpl<No override>extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tplEdit templateOverride template
3content/datatype/view/ezxmltags/paragraph.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tplEdit templateOverride template
1content/datatype/view/ezimage.tpl<No override>extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tplEdit templateOverride template
2content/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: 10
 Number of unique templates used: 6

Time used to render debug report: 0.0002 secs