Hi, fellow DNNers

I promise, I've spent a few hours trying to solve this riddle on my own before posting here, but everything I've found and tried through Google hasn't quite matched the situation I'm experiencing.  (I know, everyone says that, right?)

I've got a pie chart that was done up in Google Charts on a static HTML page, and we're trying to insert it into a DNN page. it's basically an externally linked JavaScript library that creates SVG output in response to user defined data structures that are done via inline JavaScript.  

(At first, I did have an issue with DNN stripping out my JavaScript, but after some Google searching I figured out the whole Text vs. HTML editor issue. So I managed to get that part figured at least.)

Here's the peculiar bit-- it acts as though none of my JavaScript is present, but I can see the Google chart script link and my inline JavaScript when I use "Inspect Element" in my browser.  It definitely isn't being removed or filtered out.  It looks like the script tags and their contents are getting minified into single lines, but that shouldn't present any issue because I've got terminating semicolons in place.  

When I check the console for errors, I'm seeing this message:

Uncaught SyntaxError: Unexpected token < Default.aspx:699

Line 699 isn't one of my JavaScript lines, though.  It appears to be this:

<span><span onclick=" return dnnModal.show('http://hvtechnologies.com/TestsTrack/tabid/389/ctl/Edit/mid/1132/Default.aspx?popUp=true',/*showReturn*/true,550,950,true,'');"><input type="image" name="dnn$ctr1132$dnnACTIONBUTTON1$ctl00$ctl00$ctl00" title="Edit Content" src="/images/edit.gif" alt="Edit Content">&nbsp;<a title="Edit Content" class="CommandButton" href=" __doPostBack('dnn$ctr1132$dnnACTIONBUTTON1$ctl00$ctl00$ctl01','')">Edit Content</a></span>&nbsp;&nbsp;</span>

It's almost like my JavaScript has an extra/invalid opening bracket, but I've copied and pasted the whole HTML output into my editor to check it with color-coding syntax, and nothing seems to be triggering it there.  

Is there some quirk to getting Google Charts' JavaScript to work with DNN that I'm not aware of?  

Or maybe the HTML module isn't the right tool for the job?

three things to look for - a missing script tag opener or closer - a missing { or } or the most common a missing " or ' or a mismatch of those - if there is a " or a ' inside a script it must be closed - or nothing else of the page will be seen until a corresponding ' or " is found. even a close /script will be ignored if the the system thinks its inside " or ' string

Westa

Well, I think I've found part of the issue. I literally couldn't add even the first "block" of JavaScript without creating that same error again.

I even tried a simple Hello, world!") test, and that was causing it too. (I didn't have the CDATA piece at first, but added that after I studied the other JavaScripts I saw DNN was generating. You know, when in Rome, etc.)



It looks like DNN converts the line breaks into
tags when I use the text editor inside the HTML module, and those
tags are playing havoc with the rendering on the client side. That's really odd because the output I was seeing yesterday put all the JavaScript in a single, long line. But even if I did remove all the line breaks manually, that's going to make it a nightmare to maintain/update.

So it looks like putting the JavaScript in the actual HTML module is a no-go for me. Time to investigate the page header field option, I suppose.