What's up guys, anyone seen this before, using rails 2.0.2, If I put a button on the page and try and call this javascript function all works well, but if I use rjs to call this javascripot function that is defined in my layout, I ge the above error, I can call the same function if it contains something simple like an alert box, but it seems to freak out on new element('div') which is a mootools thing.
Any ideas?
my view: call_it.rhtml <%=render :update do |page| page << ' <SCRIPT type="text/javascript">' page.call 'myfunction', 'pics\test1.jpeg' page << ' </script>' end %>
my layout
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1- strict.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Your title</title> <script type="text/javascript" src="mootools.js"></script> <script type="text/javascript" src="croppr.js"></script> <link rel="stylesheet" type="text/css" href="main.css"/> <script type="text/javascript">
function myfunction(src) {
container = new Element('div').setStyles({ position: 'absolute', top: 0, left: 0, overflow: 'hidden', width: '100%', height: window.getHeight()+'px' //background: '#00C' });}
</script>
</head> <body> <div id="controls"> <form> <%#*<input type="button"%> <%#*onclick="myfunction('/pics/test1.jpeg')"%> <%#*value="Call function">%> <%#*</form>%> </div> </body> <%= yield :layout %> </html>