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/archive%40mail-archive.com
This email sent to [email protected]
