Hi Samuel,
I didn’t mention the console as there was nothing there.
Let’s try to give more context:)
I’ve got a component which is supposed to be the content of the modal dialog,
let’s call it “Chart”
This component is
<wo:str value = "$googleChartGenerationString" escapeHTML = "$false"/>
<div id = "chart_points" style = "width: 1000px; height: 600px;">TEST</div>
The $googleChartGenerationString generate something like this for example:
<script>
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('datetime', 'Date');
data.addColumn('number', 'Points');
data.addRows([
[new Date(2015, 4, 3, 23, 44, 48), 1247],
[new Date(2015, 4, 3, 23, 47, 43), 1247],
[new Date(2015, 4, 4, 0, 24, 43), 1247],
[new Date(2015, 4, 4, 4, 34, 55), 1247]]);
var options = {
curveType: 'none',
legend: 'none',
width: 900,
height: 500
};
var chart = new google.charts.Line(document.getElementById('chart_points'));
chart.draw(data, options);
}
</script>
If I’m placing this component inline in its parent component (which is called
via a regular component action, meaning the parent isn’t called from an ajax
request), everything is fine, the chart is displayed.
If I’m placing the component in the “content” part of an AMD, I can see that it
still gets the expected content (using the browser console), but nothing is
displayed, even the “TEST” string isn’t removed which is also why I think the
javascript isn’t executed at all.
So I’m kind of puzzled as to what could prevent my “manual" javascript from
being executed when requested inside an AMD.
I don’t really have much more context than this:(
Xavier
> On 4 mai 2015, at 16:22, Samuel Pelletier <[email protected]> wrote:
>
> Xavier,
>
> Have look at the javascript console, if there is javascript error, it is
> probably your problem. If there is nothing there, you should put way more
> context to explain what you want to achieve and how you tried so far.
>
> Samuel
>
>
>> Le 2015-05-04 à 09:28, Dev WO <[email protected]
>> <mailto:[email protected]>> a écrit :
>>
>> Hi All,
>>
>> I’m trying to display a chart generated with Google Chart inside an AMD.
>>
>> For the Google Chart part, I’m generating a javascript function which is
>> then “written” into the HTML with a simple wo:string/escape=false directly
>> inside the AMD content.
>>
>> If I display it inline with the page, everything is fine. But if I try to
>> display it through an AMD, the javascript isn’t triggered at all.
>> It is there, I can see the response (and it works inline for example), but
>> it doesn’t display/execute at all.
>> I believe it’s not triggered at all because the js update the content of a
>> div, and when called through the AMD the “default" content isn’t changed.
>>
>> I’ve tried using the afterLoad and afterResize bindings of the AMD to
>> trigger the javascript, but it doesn’t do anything.
>>
>> Anyone has any pointer on how to get my javascript executed inside the AMD?
>>
>> Thanks a lot,
>>
>> Xavier
>>
>>
>> _______________________________________________
>> Do not post admin requests to the list. They will be ignored.
>> Webobjects-dev mailing list ([email protected])
>> Help/Unsubscribe/Update your Subscription:
>> https://lists.apple.com/mailman/options/webobjects-dev/samuel%40samkar.com
>> <https://lists.apple.com/mailman/options/webobjects-dev/samuel%40samkar.com>
>>
>> This email sent to [email protected] <mailto:[email protected]>
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list ([email protected])
Help/Unsubscribe/Update your Subscription:
https://lists.apple.com/mailman/options/webobjects-dev/archive%40mail-archive.com
This email sent to [email protected]
