Re: How to use noConflict to get JQuery and Ajax(Wonder)workingtogether?
Re: How to use noConflict to get JQuery and Ajax(Wonder)workingtogether?
- Subject: Re: How to use noConflict to get JQuery and Ajax(Wonder)workingtogether?
- From: Ravi Mendis <email@hidden>
- Date: Thu, 05 Aug 2010 10:29:08 +1000
You may find conflicts even within the Prototype + Scriptaculous "family" of javascripts available out there...
...adding jQuery and its set of plugins to the mix is really not worth the headache :)
I'd use one or the other NOT both.
Just my 2cents...
On 05/08/2010, at 9:47 AM, David BON <email@hidden> wrote:
> You're right, all that is to achieve my goal to include splitpanes in
> a webObjects app.
>
> What you say with a prototype solution sounds perfect! I'll try that.
>
> I suppose I will have another opportunity later to enter into this
> jQuery thing...
>
> Thanks a lot.
>
> David B.
>
> Le 4 août 10 à 23:01, Farrukh Ijaz a écrit :
>
>> David, I guess you're struggling with the issue of implementing
>> split panes.
>>
>> Check the following site:
>>
>> http://www.jools.net/projects/javascript/splitpanes/ (right-click
>> and view source to see which *.js are included)
>>
>> It shows split panes demo but does not use jQuery. It's based on
>> prototype extensions. You may need to use this.
>>
>> Farrukh
>>
>> On 2010-08-05, at 2:44 AM, David BON wrote:
>>
>>> Thanks again, and it is what I was "affraid" of (and what confuses
>>> me) :-(...
>>>
>>> I really dislike such local modification of external library as
>>> any forthcoming update could leave this copy changed aside (or
>>> erase the changes)...
>>>
>>> We miss a mecanism that could allow to change automatically all
>>> '$' of an included resources in a wod file at the moment where we
>>> include it (like a replace attribute with a regex in the include
>>> instruction <script>)...
>>> No idea how to do that for now (and no time to think more to it).
>>>
>>> Thanks again,
>>>
>>> Regards.
>>> David B.
>>>
>>> Le 4 août 10 à 22:35, Farrukh Ijaz a écrit :
>>>
>>>> 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@hidden)
>>>>>>> Help/Unsubscribe/Update your Subscription:
>>>>>>> email@hidden
>>>>>>>
>>>>>>> This email sent to email@hidden
>>>>>>
>>>>>
>>>>> _______________________________________________
>>>>> Do not post admin requests to the list. They will be ignored.
>>>>> Webobjects-dev mailing list (email@hidden)
>>>>> Help/Unsubscribe/Update your Subscription:
>>>>> email@hidden
>>>>>
>>>>> This email sent to email@hidden
>>>>
>>>
>>
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list (email@hidden)
Help/Unsubscribe/Update your Subscription:
This email sent to email@hidden