Ajax Page Problem

[ziycon]

I have a page which loads the below code on a button click, if i access the page(ajax-150-null/) via its direct link the javascript function 'radio' works fine but if i click the button on the webpage the radio function doesn't seem to work?

N.B. - The forward slashes are there because its in a PHP function.

<div id="radio_wrapper">
      <form>
      <script src="../sys/js/radio.js" type="text/javascript">
        radio(\'width\',\'450\',\'height\',\'120\',\'data\',\'http://raid.radiocrackle.com/3.swf\',\'type\',\'application/x-shockwave-flash\',\'src\',\'http://raid.radiocrackle.com/3\');
      </script>
      <noscript>
        <object width="450" height="120" data="http://raid.radiocrackle.com/3.swf" type="application/x-shockwave-flash">
          <param name="src" value="http://raid.radiocrackle.com/3.swf" />
        </object>
      </noscript>
      <div id="radio_refresh_button_wrapper">
        <input type="submit" value="Refresh Radio" onclick="getcontent(\'ajax-150-null/\',\'radio_wrapper\'); return false;"/>
      </div>
      </form>
      </div>

[gits]

when loading something through ajax then the inculded javascript is not evaluated when you just add the content ... you would need to eval() the script part explicitly and then call the function when the call is successfully ready.

kind regards

[ziycon]

I understand what your saying, not sure how i go about resolving the issue though?

[acoder]

Separate the JavaScript from the HTML and either eval or add to the head (of the calling/parent page) via a script tag, e.g.

var script = document.createElement("script");
script.type= "text/javascript";
script.src = "src/to/js/file.js"
document.getElementsByTagName("head")[0].appendChild(script);

I notice that you're mixing src and actual code together too. Separate that into:

<script src="../sys/js/radio.js" type="text/javascript"></script>
<script type="text/javascript">
    radio(\'width\',\'450\',\'height\',\'120\',\'data\',\'http://raid.radiocrackle.com/3.swf\',\'type\',\'application/x-shockwave-flash\',\'src\',\'http://raid.radiocrackle.com/3\');
</script>

though in this case, it'd be better to put the radio() call in the same file or another file which you can reference easily.