ansaurus

Question

using JQuery and Prototype in the same page

Answer 1

+4 A:

It would seem that the most simple answer would be to bite the bullet, and include your noConflict lines. Of course if your pages aren't using a shared header, that solution might not be the best.

Jonathan Sampson 2009-01-16 18:01:13

Answer 2

+2 A:

document.write(unescape('%3Cscript type="text/javascript" src="/obp/js/jquery.js"%3E%3C/script%3C');
jQuery.noConflict();
var $j = jQuery;

or

var scripty = document.createElement('script');
scripty.href="/obp/js/jquery.js";
document.getElementsByTagName('head')[0].appendChild(scripty);
jQuery.noConflict();
var $j = jQuery;

EDIT:

I tried out this suggestion but the last 2 lines produce the error

jQuery is not defined

jacobangel 2009-01-16 18:08:08

Good thinking ;)

Jonathan Sampson 2009-01-16 18:13:03

You need to specify a callback when the script loads to run the noconflict code... just do a .appendChild(scripty)scripty.onload = setNoconflict;function setNoconflict(){ jQuery.noConflict(); $j = jQuery; }

CodeJoust 2009-10-27 16:58:57

Answer 3

A:

I went through this for a while. It is very annoying and in the end I decided to weed out all of my old prototype stuff and replace it with jquery. I do like the way prototype handles some Ajax tasks but it wasnt worth the trade off of maintaining all of the no conflict stuff.

Nick 2009-01-16 19:25:44

Answer 4

A:

Don,

If I were you, I'd drop my no conflict code into a javascript include file like you opined about above, and then figure out some process where I'd be setting these things I need to include in all my pages in one central place. If you are working with straight HTML files and you don't have any kind of templating/scripting capability server-side for what gets included in a document, there's always the possibility of doing a Server-Side Include.

Either way, the pain you'll experience updating each of your pages this time will come back again when you need to update your analytics code or the site footer.

Cheers, Billy

Billy Gray 2009-01-16 19:44:42

Answer 5

A:

You could call jquery first and then set

var $j = jQuery;

prototype will take control of $ in this case.

Or, you could just refer to jquery by using the full jquery function name (jQuery).

RobKohr 2009-05-20 22:43:18

Answer 6

+2 A:

Could you not just include the jQuery = noConflict() code in the jquery.js source file? Why would it need to be defined that way?

Chris 2009-10-27 16:53:23

Answer 7

A:

use prototype below the jQuery .. like below . it will work

but in this case jquery function will create some problem . so u can use

jQuery.noConflict(); var JQ = jQuery;//rename $ function

to solve the problem .

Curzon Rahman 2010-05-25 08:06:59

Answer 8

A:

this solution worked fine.

jQuery.noConflict();

var $j = jQuery;

Now use $j in place of $ for your jquery code like

$j(document).ready(function() {

$j('#div_id').innerfade({ 

     // some stuff

});

});

AJCE 2010-09-04 08:30:23

ansaurus

tags:

views:

answers:

using JQuery and Prototype in the same page

related questions