Thanks Mike for the tip.
It means instead of find-replace, I can modify the splitter.js and wrap the
whole script in jQuery.noConflict()(); ?
Farrukh
On 2010-08-05, at 1:43 AM, Mike Schrag wrote:
> You can do it a little easier, because noConflict can be chained:
>
> jQuery.noConflict()(function() {
> // wrap your code that uses jQuery $
> });
>
> So you might still have to wrap your original lib, but at least you don't
> have to muck with $'s all over the place.
>
> ms
>
> On Aug 4, 2010, at 6:35 PM, Farrukh Ijaz wrote:
>
>> This is not so straight as splitter.js is using jQuery. So even if you use
>> jQuery.noConflict(), it won't work as splitter.js will be using $ sign
>> assuming it's using jQuery but in fact the $ sign is occupied by prototype
>> library.
>>
>> A simple solution to this is copy the splitter.js to
>> splitter-jquery-noconflict.js
>>
>> Use any good text editor and find all the instances of $( and $.( in the
>> splitter-jquery-noconflict.js and replace it with jQuery( and jQuery.(
>> respectively. Make sure you don't replace the string literal $ sign with
>> jQuery :)
>> The instead of using splitter.js in your component, use
>> splitter-jquery-noconflict.js after the <script
>> type="text/javascript">jQuery.noConflict()</script>
>>
>> So it will be something as follows:
>>
>> <script type="text/javascript" src="/path/to/jquery.js"></script>
>> <script type="text/javascript">
>> jQuery.noConflict();
>> </script>
>> <script type="text/javascript"
>> src="/path/to/splitter-jquery-noconflict.js"></script>
>>
>> Farrukh
>>
>> On 2010-08-05, at 2:26 AM, David BON wrote:
>>
>>> Thanks. Seems really straightforward.
>>>
>>> Last doubt: shall I put this onConflict call before the inclusion of the
>>> splitter.js (as it could use the '$')?
>>>
>>> Regards.
>>> David B.
>>>
>>> Le 4 août 10 à 22:19, Farrukh Ijaz a écrit :
>>>
>>>> Hi David,
>>>>
>>>> You simply need to add following two lines in the head section:
>>>>
>>>> <script type="text/javascript" src="/path/to/jquery.js"></script>
>>>> <script type="text/javascript">
>>>> jQuery.noConflict();
>>>> </script>
>>>>
>>>> From there onwards you need to use jQuery instead of $ sign. Alternatively
>>>> you can use a short name such as:
>>>>
>>>> <script type="text/javascript">
>>>> var j = jQuery.noConflict();
>>>> </script>
>>>>
>>>> And instead of using $ sign or jQuery, you can use 'j' to invoke jQuery
>>>> methods.
>>>>
>>>> Hope this would help.
>>>>
>>>> Farrukh
>>>>
>>>> On 2010-08-05, at 2:10 AM, David BON wrote:
>>>>
>>>>> Hi List,
>>>>>
>>>>>
>>>>> I try for the first time to use JQuery in a WO/Wonder/Ajax App (WO 5.3.3).
>>>>>
>>>>> I'm aware of the conflict with WonderAjax library and I know that I have
>>>>> to use jQuery.noConflict(). Problem is I just don't get how to use that
>>>>> :-( !
>>>>>
>>>>> What I want is to use the splitter.js component based on jQuery (to
>>>>> actually get those splitpanes on my pages).
>>>>>
>>>>> Therefore I included in my pageWrapper.wo :
>>>>> <head>
>>>>> /.../
>>>>> <script type="text/javascript"
>>>>> src="JavaScript/jQuery/jquery.js"></script">
>>>>> <script type="text/javascript"
>>>>> src="JavaScript/jQuery/splitter.js"></script>
>>>>> </head>
>>>>>
>>>>> I read on this link: Using jQuery with Other Libraries that I have to
>>>>> insert in the <head> section the noConflict() function:
>>>>> <script type="text/javascript" src="JavaScript/jquery.js"></script">
>>>>> jQuery.noConflict();
>>>>> // Use jQuery via jQuery(...)
>>>>> jQuery(document).ready(function(){
>>>>> jQuery("div").hide();
>>>>> });
>>>>> // Use Prototype with $(...), etc.
>>>>> $('someid').hide();
>>>>> </script>
>>>>>
>>>>> I see with firebug that some Ajax javascript are included in the <head>
>>>>> after those lines and now I'm confused on how to manage that (if it's
>>>>> possible), where exactly shall I put those line, what shall I use in
>>>>> place of the 'someid' in last sentence above?
>>>>>
>>>>> Any hints?
>>>>>
>>>>> Thanks in advance.
>>>>>
>>>>> David B.
>>>>>
>>>>> _______________________________________________
>>>>> Do not post admin requests to the list. They will be ignored.
>>>>> Webobjects-dev mailing list ([email protected])
>>>>> Help/Unsubscribe/Update your Subscription:
>>>>> http://lists.apple.com/mailman/options/webobjects-dev/farrukh.ijaz%40fuegodigitalmedia.com
>>>>>
>>>>> This email sent to [email protected]
>>>>
>>>
>>> _______________________________________________
>>> Do not post admin requests to the list. They will be ignored.
>>> Webobjects-dev mailing list ([email protected])
>>> Help/Unsubscribe/Update your Subscription:
>>> http://lists.apple.com/mailman/options/webobjects-dev/farrukh.ijaz%40fuegodigitalmedia.com
>>>
>>> This email sent to [email protected]
>>
>> _______________________________________________
>> Do not post admin requests to the list. They will be ignored.
>> Webobjects-dev mailing list ([email protected])
>> Help/Unsubscribe/Update your Subscription:
>> http://lists.apple.com/mailman/options/webobjects-dev/mschrag%40pobox.com
>>
>> This email sent to [email protected]
>
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list ([email protected])
Help/Unsubscribe/Update your Subscription:
http://lists.apple.com/mailman/options/webobjects-dev/archive%40mail-archive.com
This email sent to [email protected]
