[jQuery] JQuery and DOM functions
<html>
<head>
<style>
P
{
margin:0px;
padding:0px
}
body
{
FONT-SIZE: 10pt;
FONT-FAMILY:Tahoma
}
</style>
</head>
<body>Greetings,<BR>
<BR>
before explaining my problem, I must advise you that I'm a beginner in Javascript, DOM and everything around it. I currently continue a web app that uses DOM so I'm learning at the same time.<BR>
<BR>
My problem is that I got incompatibility problem with JQuery and DOM. Let me explain a bit more...<BR>
<BR>
I use the ThickBox function into my webapp to display pop-ups. The ThickBox, uses JQuery librairy. When I import the JQuery Librairy into the project, and the DOM librairy has to be imported aswell (otherwise the project won't work), many DOM functions won't work. Best exemple, sometimes I call DOM.Show(..,..) in order to display a control. When I include the JQuery librairy into the project, DOM.Show still exists of course, but the objects aren't DOM anymore, they are JQuery types.<BR>
<BR>
Our DOM.Show function looks like that :<BR>
<BR><FONT size=2>
show : </FONT><FONT color=#0000ff size=2>function</FONT><FONT size=2>(id, style)<BR>
{<BR>
</FONT><FONT color=#0000ff size=2>var</FONT><FONT size=2> o = $(id);<BR>
</FONT><FONT color=#0000ff size=2>if</FONT><FONT size=2>(!o)<BR>
</FONT><FONT color=#0000ff size=2>return</FONT><FONT size=2>;<BR>
o.style.display = style || </FONT><FONT color=#800000 size=2>""<BR></FONT><FONT size=2>
}<BR>
<BR>
The ID is the id's element of the form.<BR>
</FONT> <BR>
When I don't implement JQuery.js into the project, everything works fine. If I do implement JQuery (also with DOM), the "style" property of the o object doesn't exist. It seems to have become a JQuery object somehow and I don't have access to DOM properties. Since the DOM.js file is a common file among many teams, I cannot change it.<BR>
<BR>
Overall, my question is, how can I still access the DOM properties and functions while implementing JQuery librairy ?<BR>
<BR>
I might not be very clear, and I'm deeply sorry for that. I hope you see my point.<BR>
<BR>Thank you,<BR>
<BR>
Guillaume L.<BR></body>
</html>_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/