ansaurus

Question

Prototype code not working when jQuyery library is loaded on top

Answer 1

+4 A:

You need to call jQuery.noConflict(), like this:

jQuery.noConflict(); //or possibly $j = jQuery.noConflict();
function selectAddress () {

Then load jQuery last (but before it's plugins) so that the jQuery.noConflict() will restore the $ to its previous value (Prototype).

Nick Craver 2010-10-08 02:11:36

I think the OP know's that and he means [this](http://docs.jquery.com/Using_jQuery_with_Other_Libraries#Including_jQuery_before_Other_Libraries) - where it says `There is no need for overriding the $-function by calling "jQuery.noConflict()".` - I myself is confused with the docs too.

Reigel 2010-10-08 02:16:17

@Reigel -That only holds true if the library you're including afterwards doesn't do an `if(typeof $ == "undefined")` type check, that documentation is shaky at best, it's an assumption, and not always a correct one.

Nick Craver 2010-10-08 02:19:38

I now wished the docs were clear about this. ;) thanks.

Reigel 2010-10-08 02:22:27

@Reigel You are right, that is exactly what I mean.

superspace 2010-10-08 02:27:35

@Nick Will try that out and see how I go

superspace 2010-10-08 02:27:56

This worked. Thanks

superspace 2010-10-08 03:33:58

Answer 2

+2 A:

If you can help it at all - the code you show doesn't display any compelling need to use both libraries at once - as a general policy, using jQuery and Prototype alongside should be the last resort or a temporary workaround, for example while switching frameworks.

Even if you get the frameworks running together, there are dozens of subtle pitfalls in DOM handling and such that may bite you in the arse later, creating untraceable bugs.

It's really, really best to use one JS framework only.

Pekka 2010-10-08 02:13:01

`It's really, really best to use one JS framework only.` +1 for this.

Reigel 2010-10-08 02:17:22

@Pekka that's because I haven't added the jquery code in yet :) I'm just loading in the jquery library at this stage.

superspace 2010-10-08 02:28:51

superspace 2010-10-08 02:32:04

@superspace that may work okay. I'm strongly against habitually using both frameworks together, but as long as Protoype and jQUery don't manipulate the same DOM elements or stuff like that, chances are everything works out well.

Pekka 2010-10-08 02:37:14

Answer 3

+2 A:

+1 as a general policy, using jQuery and Prototype alongside should be the last resort or a temporary workaround, for example while switching frameworks.

My guess is that you are using jQuery with the $ variable or using a function that will cause conflicting!

when ever you want to use jQuery use jQuery instead of $ like jQuery(#id).click();. in jQuery $ is just an alias for jQuery, so all functionality is available without using $. If we need to use prtotype alongside with jQuery, you can return control of $ back to prototype with a call to $.noConflict() if you wanna use $ for both you can do that. here's how:

...

<script type="text/javascript" src="/js/effects.js"></script>
<script type="text/javascript" src="/js/prototip.js"></script>
<script type="text/javascript" src="/js/dragdrop.js"></script>
<script type="text/javascript" src="/js/default.js"></script>
<script type="text/javascript" src="/js/limitfocus.js"></script>

<script type="text/javascript" src="/js/jquery.min.js"></script>
...
</head>

<body>

<input type="radio" name="useOtherAddress" id="useOtherAddress_y" value="y" onclick="selectAddress()">
<input type="radio" name="useOtherAddress" id="useOtherAddress_n" value="y" onclick="selectAddress()">

<div id="myAddress" style="display: none;">
...
</div>

<script type="text/javascript">
  // the piece of protptype code no longer working 
$.noConflict();
  jQuery(document).ready(function($) {
    //jquery with $

  });
//prototype with $
  function selectAddress () {
    var t = $('myAddress');
    if ($('useOtherAddress_n').checked) {
      Effect.Appear(t);
      return;
    }
    t.hide();
  }
</script>

Neo 2010-10-08 02:58:47

Also if you can tell me what error you are getting, I think it will really help!

Neo 2010-10-08 03:01:08

With my current setup, with firebug turned on, and clicking on the radio buttons, i get zilch. Nothing. No errors. It just doesn't work.

superspace 2010-10-08 03:12:21

@Neo,thanks for your answer. It is also correct and it's an extension of the answer by Nick. Answer has been marked as useful

superspace 2010-10-08 03:33:40

ansaurus

tags:

views:

answers:

Prototype code not working when jQuyery library is loaded on top

related questions