Problems with accented characters (è ò à ù) and RocketLoader

[Norman]

I have this script that grab the latest discussions from an external.php file and parse them using JavaScript:

<script type="text/javascript" 
src="external.php?forumids=106,162,163,107,108,109,103,104,111,112,114,115,169&amp;type=js"></script>

<script type="text/javascript">

<!--

for (x = 0; x < 10; x++)

{

document.writeln("<img class=\"inlineimg\" 
src=\"$stylevar[imgdir_button]/lastpost.gif\" style=\"margin-right: 
5px;\" alt=\"\" /> <a 
href=\"showthread.php?t="+threads[x].threadid+"\">"+(threads[x].title.length
 > 52 ? threads[x].title.substr(0, 52) + '..' : 
threads[x].title)+"</a><br />");

}

//-->

</script>

It was working fine and it displayed the special characters without problems. This happened after I enabled the CloudFlare RocketLoader:

I also tried to disable the RocketLoader for those scripts using this: data-cfasync="false", but it doesn’t work for me. I’d like to leave RL enabled as it seems to really increase my pages performances, but I have first to solve this problem.
You can see the problem live here: http://www.klayz.com/community/index.php (scroll down the page to see the boxes). Do you have some suggestions? As always thank you so much in advance for any reply.

Edit: this problem occur in Firefox and Chrome. Not in Safari.

[Norman]

@Norman

<script type=“text/javascript”
src=“external.php?forumids=106,162,163,107,108,109,103,104,111,112,114,115,169&type=js”></script>

<script type=“text/javascript”>

<!–

for (x = 0; x < 10; x++)

{

document.writeln(“<img class="inlineimg"
src="$stylevar[imgdir_button]/lastpost.gif" style="margin-right:
5px;" alt="" /> <a
href="showthread.php?t=”+threads.threadid+“">”+(threads.title.length
> 52 ? threads.title.substr(0, 52) + ‘…’ :
threads.title)+“</a><br />”);

}

//–>

</script>

I solved adding on both of the scripts this: data-cfasync=“false”. Previously I was adding it only to the first script and not to the second.