Rails partial not rendering with JavaScript -

-

i'm trying render partial in app, reason not render. think has asset pipeline , fact not correctly implementing javascript want use in partial. test partial simple sentence works fine. can direct me in proper use of javascript in app?

here jsfiddle of trying show: http://jsfiddle.net/yzqg4/

problematic partial: 

<%= javascript_include_tag "highcharts", "exporting", "jquery-1.4.2.min", "rails" %>  <script type="text/javascript" charset="utf-8">   $(function() {     var chart;     $(document).ready(function() {         chart = new highcharts.chart({             chart: {                 renderto: 'panel_contents',                 type: 'column'             },              xaxis: {                 categories: ['automotive', 'agency', 'contractor', 'country club', 'other']             },             yaxis: {                 min: 0,                  title: {                     text: 'business summary'                 },                 stacklabels: {                     enabled: true,                     style: {                         fontweight: 'bold',                         color: (highcharts.theme && highcharts.theme.textcolor) || 'gray'                     }                 }             },             legend: {                 align: 'right',                 x: 100,                 verticalalign: 'top',                 y: 0,                 floating: true,                 backgroundcolor: (highcharts.theme && highcharts.theme.legendbackgroundcolorsolid) || 'white',                 bordercolor: '#ccc',                 borderwidth: 1,                 shadow: false             },             tooltip: {                 formatter: function() {                     return '<b>' + this.x + '</b><br/>' + this.series.name + ': ' + this.y + '<br/>' + 'total: ' + this.point.stacktotal;                 }             },             plotoptions: {                 column: {                     stacking: 'normal',                     datalabels: {                         enabled: true,                         color: (highcharts.theme && highcharts.theme.datalabelscolor) || 'white'                     }                 }             },             series: [{                 name: 'mobile',                 data: [5, 3, 4, 27, 2]},             {                 name: 'foursquare',                 data: [2, 2, 3, 2, 1]},             {                 name: 'facebook',                 data: [3, 4, 4, 2, 5]},             {                 name: 'yelp',                 data: [3, 4, 4, 2, 5]},             {                 name: 'google',                 data: [3, 4, 4, 2, 5]}]         });     });  });​​ </script>

working test partial: 

<h1> hello world </h1>

thanks!

add before javascript code this:

<div id="panel_contents"></div>

p.s. besides it's better move javascript inclusion out of partial or using content_for


Comments

Post a Comment

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

-
i trying reposotries using c# code process svncommand = null; var psi = new processstartinfo("svnadmin"); psi.redirectstandardoutput = true; psi.redirectstandarderror = true; psi.useshellexecute = false; psi.arguments= @"dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump"; using (svncommand = process.start(psi)) { var myoutput = svncommand.standardoutput; var myerror = svncommand.standarderror; debug.write("output :" + environment.newline + environment.newline + myoutput.readtoend() + environment.newline + "error :" + environment.newline + environment.newline + myerror.readtoend()); svncommand.close(); } when use dump command commandline svnadmin dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump it works fine when try ...
Read more

c# - Copy ObservableCollection to another ObservableCollection -

-
how copy observablecollection item observablecollection without reference of first collection? here observablecollection item value changes affecting both collections. code private observablecollection<ratemodel> _allmetalrate = new observablecollection<ratemodel>(); private observablecollection<ratemodel> _metalrateondate = new observablecollection<ratemodel>(); public observablecollection<ratemodel> allmetalrate { { return this._allmetalrate; } set { this._allmetalrate = value; notifypropertychanged("metalrate"); } } public observablecollection<ratemodel> metalrateondate { { return this._metalrateondate; } set { this._metalrateondate = value; notifypropertychanged("metalrateondate"); } } foreach (var item in metalrateondate) allmetalrate.add(item); what causing , how can solve it? you need clone object referenced item before it's a...
Read more

All overlapping substrings matching a java regex -

-
is there api method returns (possibly overlapping) substrings match regular expression? for example, have text string: string t = 04/31 412-555-1235; , , have pattern: pattern p = new pattern("\\d\\d+"); matches strings of 2 or more characters. the matches are: 04, 31, 412, 555, 1235. how overlapping matches? i want code return: 04, 31, 41, 412, 12, 55, 555, 55, 12, 123, 1235, 23, 235, 35. theoretically should possible -- there obvious o(n^2) algorithm enumerates , checks substrings against pattern. edit rather enumerating substrings, safer use region(int start, int end) method in matcher . checking pattern against separate, extracted substring might change result of match (e.g. if there non-capturing group or word boundary check @ start/end of pattern). edit 2 actually, it's unclear whether region() expect zero-width matches. specification vague, , experiments yield disappointing results. for example: string line = "xx90xx"; strin...
Read more