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 */ }

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>

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 16:47:20
Script start
Timing:	Jan 20 2025 16:47:20
Module start 'layout'
Timing:	Jan 20 2025 16:47:20
Module start 'content'
Timing:	Jan 20 2025 16:47:20
Module end 'content'
Timing:	Jan 20 2025 16:47:20
Script end

Main resources:

Total runtime	0.0145 sec
Peak memory usage	2,048.0000 KB
Database Queries	3

Timing points:

Checkpoint	Start (sec)	Duration (sec)	Memory at start (KB)	Memory used (KB)
Script start	0.0000	0.0056	589.0469	151.2109
Module start 'layout'	0.0056	0.0020	740.2578	36.6484
Module start 'content'	0.0076	0.0054	776.9063	90.1719
Module end 'content'	0.0130	0.0014	867.0781	29.9922
Script end	0.0145		897.0703

Time accumulators:

Accumulator	Duration (sec)	Duration (%)	Count	Average (sec)
Ini load
Load cache	0.0021	14.5251	14	0.0002
Check MTime	0.0010	6.7490	14	0.0001
Mysql Total
Database connection	0.0020	13.7597	1	0.0020
Mysqli_queries	0.0019	13.0568	3	0.0006
Looping result	0.0000	0.0905	1	0.0000
Template Total	0.0011	7.5	1	0.0011
Template load	0.0008	5.7300	1	0.0008
Template processing	0.0003	1.7597	1	0.0003
Override
Cache load	0.0006	3.9144	1	0.0006
General
dbfile	0.0002	1.3432	8	0.0000
String conversion	0.0000	0.0428	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