<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><span lang=IS>Hi all.<o:p></o:p></span></p>
<p class=MsoNormal><span lang=IS><o:p> </o:p></span></p>
<p class=MsoNormal><span lang=IS>I have been trying to do what seems now an
impossible feat. That is changing the class of an element inside a page that is
loaded with Ajax requests into a Jx.Dialog. Sounds complicated ? Well the thing
is I wanted to try and use another very, very great Javascript library called
jQuery. It‘s very easy to use and changes „document.getElementById('id')“
to „$('#id'). Anyways what I‘m trying to do is this:<o:p></o:p></span></p>
<p class=MsoNormal><span lang=IS><o:p> </o:p></span></p>
<p class=MsoNormal><span lang=IS>document.getElementById(elem).className = "activeRow"
<o:p></o:p></span></p>
<p class=MsoNormal><span lang=IS><o:p> </o:p></span></p>
<p class=MsoNormal><span lang=IS>Now I tried some debugging and found out
eventually that this is impossible. It‘s very easy with jQuery, and it
handles all extra stuff as keeping all other class names of an element with
this function $(elem).addClass("activeRow"). I know that the
javascript function being called inside the page, that is displayed in
Jx.Dialog I have running is logging some data and that appears in the console.<o:p></o:p></span></p>
<p class=MsoNormal><span lang=IS><o:p> </o:p></span></p>
<p class=MsoNormal><span lang=IS>Now when I include the jquery file I get
errors all over the place „document.geteleement. ... style“ is not
defined“ etc. And I was wandering, does fusion not allow extra libraries
to be used or is it just too fragile to include something else ? Also does
anyone have a clue why I can‘t edit the className of this element ? I
tried setting it to null and firebug showed me it had no effect.<o:p></o:p></span></p>
<p class=MsoNormal><span lang=IS><o:p> </o:p></span></p>
<p class=MsoNormal><span lang=IS>Also, styling web pages inside a Jx.Dialog is
not working as it should in IE 7? Is this a known bug as well ?<o:p></o:p></span></p>
<p class=MsoNormal><span lang=IS><o:p> </o:p></span></p>
<p class=MsoNormal><span lang=IS>Regards<o:p></o:p></span></p>
<p class=MsoNormal><span lang=IS>Tómas.<o:p></o:p></span></p>
</div>
</body>
</html>