Thanks for letting us know kape. I had just posted a demo using the the
latest jQuery, PT & Scriptaculous libs and everything worked.
Rey..
kape wrote:
I upgraded prototype from 1.5.1.1 to 1.6.0.2 and effects, builder, and
dragdrop from 1.7.1b3 to 1.8.1 and everything seems to be working
now. So if anyone is experiencing the same problem, upgrade to the
latest versions of everything.
On May 28, 9:58 am, kape <[EMAIL PROTECTED]> wrote:
Thanks for all the replies. I appreciate when a support forum is
actually useful.
Believe it or not, I think Victor is right, 1.2.6 definitely doesn't
work with prototype. In particular something in prototype's
effects.js library is causing jQuery to act up. This is the test I
performed:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<title>Test Page</title>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/prototype.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/effects.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/builder.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/dragdrop.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/portal.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
jquery/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" language="JavaScript">
jQuery.noConflict();
jQuery(document).ready(function() {
alert(jQuery('#tabs td').html());
});
</script>
</head>
<body>
This is a test page.
<table id="tabs" style="border: solid black 1px;">
<tr>
<td>This is a table cell on the test page.</td>
<td>This is another table cell.</td>
</tr>
</table>
Done.
</body>
</html>
The above page shows an alert with "undefined" on load. If I comment
the effects.js line, the page shows an alert with "This is a table
cell on the test page." as expected.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<title>Test Page</title>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/prototype.js"></script>
<!--
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/effects.js"></script>
-->
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/builder.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/dragdrop.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/portal.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
jquery/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" language="JavaScript">
jQuery.noConflict();
jQuery(document).ready(function() {
alert(jQuery('#tabs td').html());
});
</script>
</head>
<body>
This is a test page.
<table id="tabs" style="border: solid black 1px;">
<tr>
<td>This is a table cell on the test page.</td>
<td>This is another table cell.</td>
</tr>
</table>
Done.
</body>
</html>
It's weird because if I have the alert as
alert(jQuery('#tabs').html()); it works, but others like
alert(jQuery('body').html()); don't.
Again, it is unfortunate that I'm stuck using prototype for now, but
that's the situation. Any ideas on how to get jQuery to work again?
Thanks,
Kape
On May 28, 3:18 am, "John Resig" <[EMAIL PROTECTED]> wrote:
Victor: That shouldn't be the case (if you're using noConflict). Note
that the code he presented worked with 1.2.3.
--John
On Wed, May 28, 2008 at 4:41 AM, Victor <[EMAIL PROTECTED]> wrote:
Kape:
Just read your post again. You are using prototype. I believe that it
conflicts with 1.2.5 and 1.2.6.
Victor
On May 27, 5:26 pm, kape <[EMAIL PROTECTED]> wrote:
OK, I'm sure that someone would have mentioned that the latest
releases don't work, so that can't be it. It's obvious that I'm
missing something.
I've been using jQuery 1.2.3 for months now, and today I wanted to use
the ui.slider plugin which requires offsetWidth() which is not in
1.2.3. So I figured I'd just download the latest release, i.e. 1.2.6
and be done with it. I did just that, but when I ran my app, there
were a whole bunch of JS errors. I figured that's to be expected, my
code isn't perfect. So I started debuging them. So far, I'm still
trying to debug the very first one.
I have something as simple as:
jQuery(document).ready(function() {
alert(jQuery('body').html());
});
If I use 1.2.3 everything works and onLoad I get the html of the body
element. If I change the one line to 1.2.5 or 1.2.6, I get an alert
with "undefined". The reason I'm using jQuery() instead of $() is
that I am also using prototype for their portal plugin. I wish I
wasn't but the jQuery verion just isn't cutting it yet. And yes, I
have the jQuery.noConflict(); line first in my JS code.
So, what am I missing? Do I need to download any other file besides
jquery-1.2.5.pack.js for example? Are the new releases not working
with prototype? Are they using different syntax? I mean, I assume
that if the new releases would have such drastic changes, they
wouldn't be 1.2.6 they would be 2.0.
Anyway, hopefully someone can point out whatever it is that I'm
missing here.
Thanks,
Kape
