Jquery

weihsien

Hi there,

I would like to use jquery 1.8.3 but if i were to update the jquery (currently 1.7.2), the whole epesi does not load.
The errors are the following:
> Cannot set property 'visibility' of undefined
> Object [object Object] has no method 'dispatchEvent'

I also noticed the normal way of using jQuery doesnt seem to work:
I tried using the jQuery 1.7.2 from epesi in a test file:

$(document).ready(function () {
$("#flot-placeholder").click(function(){
$(this).hide();
});
});

and it doesnt work.

However it does work in a typical jQuery 1.7.2.
Am I missing out something? 🙁

ajb

Yes. We're loading jquery in noconflict mode.
http://learn.jquery.com/using-jquery-co ... libraries/
http://api.jquery.com/jQuery.noConflict/

We have been using Prototype js library(which also uses $ as default function name), but we've got a lot of custom code that uses Prototype and we're unable to rewrite it at once, so we've decided to include jQuery and it's function is "jq" or "jQuery".

So you should use
jq(document).ready( ...

Regards,
Adam

weihsien

Hi ajb,

Thanks! I have managed to solve it. Now the code works. However, it only loads once.
The graph disappears if I go to a different page.
I used load_js in the php function that calls the template file.
Any advice? 🙂
The codes are below:

var data1 = [
[gd(2013, 1, 2), 1690.25], [gd(2013, 1, 3), 1696.3], [gd(2013, 1, 4), 1659.65],
[gd(2013, 1, 7), 1668.15], [gd(2013, 1, 8), 1656.1], [gd(2013, 1, 9), 1668.65],
[gd(2013, 1, 10), 1668.15], [gd(2013, 1, 11), 1680.2], [gd(2013, 1, 14), 1676.7],
[gd(2013, 1, 15), 1680.7], [gd(2013, 1, 16), 1689.75], [gd(2013, 1, 17), 1687.25],
[gd(2013, 1, 18), 1698.3], [gd(2013, 1, 21), 1696.8], [gd(2013, 1, 22), 1701.3],
[gd(2013, 1, 23), 1700.8], [gd(2013, 1, 24), 1686.75], [gd(2013, 1, 25), 1680],
[gd(2013, 1, 28), 1668.65], [gd(2013, 1, 29), 1671.2], [gd(2013, 1, 30), 1675.7],
[gd(2013, 1, 31), 1684.25]
];

//Buy
var data2 = [
[gd(2013, 1, 2), 1674.15], [gd(2013, 1, 3), 1680.15], [gd(2013, 1, 4), 1643.8],
[gd(2013, 1, 7), 1652.25], [gd(2013, 1, 8), 1640.3], [gd(2013, 1, 9), 1652.75],
[gd(2013, 1, 10), 1652.25], [gd(2013, 1, 11), 1664.2], [gd(2013, 1, 14), 1660.7],
[gd(2013, 1, 15), 1664.7], [gd(2013, 1, 16), 1673.65], [gd(2013, 1, 17), 1671.15],
[gd(2013, 1, 18), 1682.1], [gd(2013, 1, 21), 1680.65], [gd(2013, 1, 22), 1685.1],
[gd(2013, 1, 23), 1684.6], [gd(2013, 1, 24), 1670.65], [gd(2013, 1, 25), 1664],
[gd(2013, 1, 28), 1652.75], [gd(2013, 1, 29), 1655.25], [gd(2013, 1, 30), 1659.7],
[gd(2013, 1, 31), 1668.2]
];

var dataset = [
{
label: "Sell out",
data: data1,
color: "#FF0000",
points: { fillColor: "#FF0000", show: true },
lines: { show: true }
},
{
label: "Buy in",
data: data2,
xaxis:2,
color: "#0062E3",
points: { fillColor: "#0062E3", show: true },
lines: { show: true }
}
];

var dayOfWeek = ["Sun", "Mon", "Tue", "Wed", "Thr", "Fri", "Sat"];

jQuery(document).ready(function () {
jQuery.plot(jQuery("#flot-placeholder"), dataset, options);

});

function gd(year, month, day) {
return new Date(year, month - 1, day).getTime();
}

var previousPoint = null, previousLabel = null;
var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];

weihsien

Hi there,

I managed to solve the issue using eval_js instead. However, I tried to insert javascript into the tpl files so i could make translate the php variables to javascript using {literal}. however, it does not seem to work. The javascript text does appear but it is not recognised.

I added the below codes just to test if javascript does execute on the smarty templates but it does not execute:

ajb

Content of the generated template is transferred as a js string and it's inserted in the proper div element of the page. I think that it should work but it doesn't.

Proper way to do this is create a js file for the template file.

default.js



function my_func() {

  alert('Hello world');

}

default.tpl



<div onclick="my_func">Say hello</div>

Regards,
Adam

weihsien

Hi Adam,

Thanks for your help! I have managed to solve it by creating js files instead.

Epesi ENS | Epesi Academy | epesi.cloud PaaS | GitHub

Help Me! | Download from SourceForge