There are two things here: 1) You left the trailing </script> tag at the end of the url, it should be this exactly: $.getScript(document.location.protocol + '//wow.weather.com/weather/wow/module/' + wx_locID + '?config=' + wx_config + '&proto=' + document.location.protocol + '&target=' + wx_targetDiv);
2) The loading time has something to do with making the request from a secure connection (https); I get a 503 error when I try that. You might want to try asking the weather channel's API support<http://portal.theweatherchannel.com/support.aspx>team or on StackOverflow <http://stackoverflow.com/> On Wednesday, July 11, 2012 5:06:25 PM UTC-4, shown wrote: > > It effectively increased the load time to no avail. > > On Wednesday, July 11, 2012 1:43:17 PM UTC-7, asgallant wrote: >> >> You are probably missing the jQuery library. Put this in your HTML file, >> above the other javascript: >> >> <script type="text/javascript" src=" >> http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";></script> >> >> On Wednesday, July 11, 2012 3:35:42 PM UTC-4, shown wrote: >>> >>> The script still does not work for me when plugged into the html file. >>> Is there some import I'm missing? >>> >>> On Wednesday, July 11, 2012 11:51:25 AM UTC-7, asgallant wrote: >>>> >>>> I'm not sure why it doesn't work, but I made a work-around using >>>> jQuery's AJAX getScript method: http://jsfiddle.net/asgallant/5ENLu/ >>>> >>>> On Wednesday, July 11, 2012 2:07:04 PM UTC-4, shown wrote: >>>>> >>>>> Here's my attempt at it with pie chart. >>>>> >>>>> <html> >>>>> <head> >>>>> <script type="text/javascript" src="https://www.google.com/jsapi >>>>> "></script> >>>>> <script type="text/javascript"> >>>>> google.load("visualization", "1", {packages:["corechart"]}); >>>>> google.setOnLoadCallback(drawChart); >>>>> function drawChart() { >>>>> var data = google.visualization.arrayToDataTable([ >>>>> ['Task', 'Hours per Day'], >>>>> ['Work', 11], >>>>> ['Eat', 2], >>>>> ['Commute', 2], >>>>> ['Watch TV', 2], >>>>> ['Sleep', 7] >>>>> ]); >>>>> >>>>> var options = { >>>>> title: 'My Daily Activities' >>>>> }; >>>>> >>>>> var chart = new >>>>> google.visualization.PieChart(document.getElementById('chart_div')); >>>>> chart.draw(data, options); >>>>> } >>>>> /* Locations can be edited manually by updating 'wx_locID' below. >>>>> Please also update */ >>>>> /* the location name and link in the above div (wx_module) to >>>>> reflect any changes made. */ >>>>> var wx_locID = '98501'; >>>>> >>>>> /* If you are editing locations manually and are adding multiple >>>>> modules to one page, each */ >>>>> /* module must have a unique div id. Please append a unique # to >>>>> the div above, as well */ >>>>> /* as the one referenced just below. If you use the builder to >>>>> create individual modules */ >>>>> /* you will not need to edit these parameters. */ >>>>> var wx_targetDiv = 'wx_module_1232'; >>>>> >>>>> /* Please do not change the configuration value [wx_config] >>>>> manually - your module */ >>>>> /* will no longer function if you do. If at any time you wish to >>>>> modify this */ >>>>> /* configuration please use the graphical configuration tool found >>>>> at */ >>>>> /* https://registration.weather.com/ursa/wow/step2 */ >>>>> var >>>>> wx_config='SZ=180x150*WX=FHW*LNK=SSNL*UNT=F*BGI=boat*MAP=null|null*DN= >>>>> sunminer.net >>>>> *TIER=0*PID=1321037092*MD5=123f1e22777f0c5289a4e21d5737f728'; >>>>> >>>>> document.write('<scr'+'ipt src="'+document.location.protocol+'// >>>>> wow.weather.com/weather/wow/module/'+wx_locID+'?config='+wx_config+'&proto='+document.location.protocol+'&target='+wx_targetDiv+'"></scr'+'ipt>'); >>>>> >>>>> >>>>> </script> >>>>> </head> >>>>> <body> >>>>> <div id="chart_div" style="width: 900px; height: 500px;"></div> >>>>> <div id="wx_module_1232"> >>>>> <a href="http://www.weather.com/weather/local/98501";>Olympia >>>>> Weather Forecast, WA (98501)</a> >>>>> </div> >>>>> </body> >>>>> </html> >>>>> >>>>> >>>>> On Tuesday, July 10, 2012 2:15:55 PM UTC-7, shown wrote: >>>>>> >>>>>> I can't seem to integrate this Weather Channel script into any Google >>>>>> page. >>>>>> >>>>>> <div id="wx_module_1742"> >>>>>> <a href="http://www.weather.com/weather/local/98501";>98501 >>>>>> (Olympia Weather Forecast, WA)</a> >>>>>> </div> >>>>>> >>>>>> <script type="text/javascript"> >>>>>> >>>>>> /* Locations can be edited manually by updating 'wx_locID' below. >>>>>> Please also update */ >>>>>> /* the location name and link in the above div (wx_module) to >>>>>> reflect any changes made. */ >>>>>> var wx_locID = '98501'; >>>>>> >>>>>> /* If you are editing locations manually and are adding multiple >>>>>> modules to one page, each */ >>>>>> /* module must have a unique div id. Please append a unique # to >>>>>> the div above, as well */ >>>>>> /* as the one referenced just below. If you use the builder to >>>>>> create individual modules */ >>>>>> /* you will not need to edit these parameters. */ >>>>>> var wx_targetDiv = 'wx_module_1742'; >>>>>> >>>>>> /* Please do not change the configuration value [wx_config] >>>>>> manually - your module */ >>>>>> /* will no longer function if you do. If at any time you wish to >>>>>> modify this */ >>>>>> /* configuration please use the graphical configuration tool found >>>>>> at */ >>>>>> /* https://registration.weather.com/ursa/wow/step2 */ >>>>>> var >>>>>> wx_config='SZ=728x90*WX=FHW*LNK=SSNL*UNT=F*BGI=seasonal2*MAP=null|null*DN= >>>>>> ggec.co*TIER=0*PID=1321037092*MD5=df13eede52f7dfbd9177391832184da2'; >>>>>> >>>>>> document.write('<scr'+'ipt src="'+document.location.protocol+'// >>>>>> wow.weather.com/weather/wow/module/'+wx_locID+'?config='+wx_config+'&proto='+document.location.protocol+'&target='+wx_targetDiv+'"></scr'+'ipt>'); >>>>>> >>>>>> >>>>>> </script> >>>>>> >>>>> -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/vo6rp1qJ564J. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
