Thanks for the input. Thing is I've tried this and other variations and
it just wont work.
Here, for example, is what I have done:
<!-- Start ordered js section -->
<script src="[(base_url)]assets/js/protoscript/prototype.js"
type="text/javascript"></script>
<script src="[(base_url)]assets/js/protoscript/scriptaculous.js"
type="text/javascript"></script>
<script src="[(base_url)]assets/js/jQuery/jquery.js"
type="text/javascript"></script>
<script src="[(base_url)]assets/js/jQuery/interface.js"
type="text/javascript"></script>
<script src="[(base_url)]assets/js/jQuery/jquery.corner.js"
type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
var $jquery = jQuery.noConflict();
$jquery.meta.setType("class");
// ]]>
</script>
<!-- END ordered js section -->
And here is my rounded corners calls:
<!-- start -->
<script type="text/javascript">
$jquery(document).ready(function() {
$jquery("#box").corner("round 20px");
$jquery("#banner").corner("bottom 20px").corner("top bevel");
$jquery("#header").corner("top 20px");
});
</script>
<!-- end -->
And what I'm trying to do with prototype (this is just a basic example.
There are fancier ones:
<!-- start -->
<div>
<div id="notme" style="display:none">This site is a feature demo site,
and it's contents
have NOT been endorsed by ECKANKAR or any of its affiliates. All ECK
terms on
this page and related pages are copyrights of ECKANKAR - Religion of the
Light and
Sound of God. </div> <br />
<a href="javascript:void(0)" onclick=”Effect.toggle('notme’, ’slide’);
return false”
style="text-decoration:none">Disclaimer</a> </div>
<!-- end -->
Now, when I load the page, the box corners are rounded, but the slide
effect will not.
If I disable the jQuery call, the slide effect works just fine.
Is there something I've left out?
wls wrote:
On Apr 23, 5:01 am, Sapphire <[EMAIL PROTECTED]> wrote:
Has anyone figured out how to make jQuery play nice with
prototype/scriptaculous?
Play nice... no. Get along... yes.
<!-- THESE MUST GO FIRST AND IN THIS ORDER -->
<script src="javascript/prototype.js" type="text/javascript"></script>
<script src="javascript/scriptaculous.js" type="text/javascript"></
script>
<script src="javascript/jquery.js" type="text/javascript"></script>
<script src="javascript/metadata.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
var $jquery = jQuery.noConflict();
$jquery.meta.setType("class");
// ]]>
</script>
<!-- END ORDER SPECIFIC LIBRARY -->
What I'm doing, and what seems to work so far, load prototype, then
third party libraries that are known to build off prototype directly,
then jQuery (which steals the $() function), load libraries that
require jQuery (like metadata), and then at the very last minute
unhook jQuery from the $() with .noConflict.
At that point I use $() for prototype and $jquery() for jQuery. It
isn't pretty, but the other library calls seem to handle things
famously.
-wls
http://www.wwco.com/~wls/blog/2007/04/04/understanding-jquery/
