We have a plugins page ... how about a libraries page where people can post
.zip's of libraries they have assembled and debugged with different plugins and
different toolkits included?
----- Original Message ----
From: Sapphire <[EMAIL PROTECTED]>
To: jquery-en@googlegroups.com
Sent: Wednesday, April 25, 2007 7:16:17 AM
Subject: [jQuery] Re: library conflict
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/
>
>
>
