[RESOLVED] Problem with document.write

[Igniseus]

Hi all,

I'm working on an internal site for my company and I have a snippet of code that works 100% fine indepentantly but when I try to use document.write I can get it to work. I'm pretty sure it's down to the structure of it but I'm inexperienced with JS so I'm not sure how do correctly structure it.

Here is the code I want inside of a document.write():

<a href='javascript: void(0);' style="text-decoration:none; font-size:14px;" onclick="
document.getElementById('my_hidden_div_id_1').innerHTML = '<iframe src=\'{file:link}\' width=\'880\' height=\'500\'></iframe>'
$('#my_hidden_div_id_1').koverlay({title: '{file:filename}'});
$('.css_koverlay').css({'background-color':'#9c183a'});
;
">

Could anyone help me correctly code it so that it outputs without errors?

Thanks!

[Igniseus]

I missed a little from the code snipped. Here it correctly this time. As an example I have put it inside a document.write(). I know some of the characters need to be escaped, but that is where some of my trouble lies I think, whatever I try it still gives errors.

document.write ("<a href='javascript: void(0);' style="text-decoration:none; font-size:14px;" onclick="
document.getElementById('my_hidden_div_id_1').innerHTML = '<iframe src=\'{file:link}\' width=\'880\' height=\'500\'></iframe>'
$('#my_hidden_div_id_1').koverlay({title: '{file:filename}'});
$('.css_koverlay').css({'background-color':'#9c183a'});
;
">
Pop-Up</a>")

[Fang]

document.write ('<a href="javascript: void(0);" style="text-decoration:none; font-size:14px;" onclick="document.getElementById(\'my_hidden_div_id_1\').innerHTML = \'<iframe src=&quot;{file:link}&quot; width=&quot;880&quot; height=&quot;500&quot;></iframe>\'; $(\'#my_hidden_div_id_1\').koverlay({title: \'{file:filename}\'}); $(\'.css_koverlay\').css({\'background-color\':\'#9c183a\'});">Pop-Up</a>');

[Igniseus]

Thanks Fang, thats worked brilliantly!