[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
On Jan 24, 8:46 am, Радослав Станков wrote: > Some time ago I played with prototype to make it more other frameworks > friendly. So I wrapped all prototype.js code in closure, and in the > end just pass to the window all needed objects defined by prototype, I > excluded some objects like - Abstract, Field, Form, Try, Insertation, > witch I think should not be global variables or are deprecated. So I I agree. It seems like those "globals" are almost never used. Unfortunately, there's to much of a legacy code relying on all of this. > this way I released from the framework only the variable I needed and > use. Obviously I didn't prevent javascript prototype extensions, but I > didn't want to do so :) Err... Extending host objects is not any better (if not worse) than spawning global variables. You can find plenty of evidence in a bug tracker. -- kangax --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
Some time ago I played with prototype to make it more other frameworks friendly. So I wrapped all prototype.js code in closure, and in the end just pass to the window all needed objects defined by prototype, I excluded some objects like - Abstract, Field, Form, Try, Insertation, witch I think should not be global variables or are deprecated. So I this way I released from the framework only the variable I needed and use. Obviously I didn't prevent javascript prototype extensions, but I didn't want to do so :) I also was thinking of firing a ticket for cleaning some of the internal variables defined by prototype such as Abstract, Field, Form, but I haven't got enough free time lately On Jan 23, 8:10 pm, kangax wrote: > On Jan 23, 10:11 am, Jan Hansen wrote: > > > I've been in the same problematic situation as well. However, we managed > > to use jQuerys noConflict mode in the 3'rd part component so that was > > great - but two questions: > > > 1) > > Would it be possible to implement a noConflict mode in prototype? (why > > isn't there one already?) > > Because the actual philosophy of prototype.js goes somewhat against > such mode. There are quite few native and host objects being > augmented. There are also quite few global properties being created/ > modified. Eliminating all of that would take a good portion of what > prototype.js is all about. Such thing is also impossible to accomplish > without breaking backwards compatibility. There are plans to change > current approach in next major (backwards-incompatible) release but > it's not clear when it will be done and how it will be done. > > > > > 2) > > Why use the "$" per default? is it "by nature" of some javascript thing > > I havent realized - or is it just "by convention", aka could it have > > been "P" or "£" just as well? > > `$` is just one of the characters allowed to be part of (and a first > character) of `Identifier` (in other words, variable name) as per > ECMAScript specs. Back in the days when libraries "picked it up", it > was probably due to the fact that it looked distinguishable enough and > short enough for such frequently-used functionality (querying element > by id and/or extending element) > > [...] > > -- > kangax --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
Wow, so only robot programmers can write a $() function? -Hector On Fri, Jan 23, 2009 at 12:16 PM, kangax wrote: > > On Jan 23, 3:00 pm, Gabriel Gilini wrote: > > Quoting the Ecma-262: > > > > This standard specifies one departure from the grammar given in the > Unicode > > standard: The dollar sign ($) > > and the underscore (_) are permitted anywhere in an identifier. The > dollar > > sign is intended for use only in > > mechanically generated code. > > Thank god they removed the last sentence from ES3.1 (as of current > draft) > > -- > kangax > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
On Jan 23, 3:00 pm, Gabriel Gilini wrote: > Quoting the Ecma-262: > > This standard specifies one departure from the grammar given in the Unicode > standard: The dollar sign ($) > and the underscore (_) are permitted anywhere in an identifier. The dollar > sign is intended for use only in > mechanically generated code. Thank god they removed the last sentence from ES3.1 (as of current draft) -- kangax --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
Quoting the Ecma-262: This standard specifies one departure from the grammar given in the Unicode standard: The dollar sign ($) and the underscore (_) are permitted anywhere in an identifier. The dollar sign is intended for use only in mechanically generated code. Gabriel Gilini www.usosim.com.br gabr...@usosim.com.br gabr...@souagil.com.br On Fri, Jan 23, 2009 at 4:10 PM, kangax wrote: > > On Jan 23, 10:11 am, Jan Hansen wrote: > > I've been in the same problematic situation as well. However, we managed > > to use jQuerys noConflict mode in the 3'rd part component so that was > > great - but two questions: > > > > 1) > > Would it be possible to implement a noConflict mode in prototype? (why > > isn't there one already?) > > Because the actual philosophy of prototype.js goes somewhat against > such mode. There are quite few native and host objects being > augmented. There are also quite few global properties being created/ > modified. Eliminating all of that would take a good portion of what > prototype.js is all about. Such thing is also impossible to accomplish > without breaking backwards compatibility. There are plans to change > current approach in next major (backwards-incompatible) release but > it's not clear when it will be done and how it will be done. > > > > > 2) > > Why use the "$" per default? is it "by nature" of some javascript thing > > I havent realized - or is it just "by convention", aka could it have > > been "P" or "£" just as well? > > `$` is just one of the characters allowed to be part of (and a first > character) of `Identifier` (in other words, variable name) as per > ECMAScript specs. Back in the days when libraries "picked it up", it > was probably due to the fact that it looked distinguishable enough and > short enough for such frequently-used functionality (querying element > by id and/or extending element) > > [...] > > -- > kangax > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
On Jan 23, 10:11 am, Jan Hansen wrote: > I've been in the same problematic situation as well. However, we managed > to use jQuerys noConflict mode in the 3'rd part component so that was > great - but two questions: > > 1) > Would it be possible to implement a noConflict mode in prototype? (why > isn't there one already?) Because the actual philosophy of prototype.js goes somewhat against such mode. There are quite few native and host objects being augmented. There are also quite few global properties being created/ modified. Eliminating all of that would take a good portion of what prototype.js is all about. Such thing is also impossible to accomplish without breaking backwards compatibility. There are plans to change current approach in next major (backwards-incompatible) release but it's not clear when it will be done and how it will be done. > > 2) > Why use the "$" per default? is it "by nature" of some javascript thing > I havent realized - or is it just "by convention", aka could it have > been "P" or "£" just as well? `$` is just one of the characters allowed to be part of (and a first character) of `Identifier` (in other words, variable name) as per ECMAScript specs. Back in the days when libraries "picked it up", it was probably due to the fact that it looked distinguishable enough and short enough for such frequently-used functionality (querying element by id and/or extending element) [...] -- kangax --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
I've been in the same problematic situation as well. However, we managed
to use jQuerys noConflict mode in the 3'rd part component so that was
great - but two questions:
1)
Would it be possible to implement a noConflict mode in prototype? (why
isn't there one already?)
2)
Why use the "$" per default? is it "by nature" of some javascript thing
I havent realized - or is it just "by convention", aka could it have
been "P" or "£" just as well?
/Jan
On 22-01-2009 01:10, Hector Virgen wrote:
> I'm not sure how Drupal has their Javascript set up, but generally you
> should be able to wrap their JS in an anonymous function:
>
> (function($){
> // Drupal JS code goes here
> // Within this block, '$' represents jQuery
> $('#foo').click(function() {
> alert('jQuery event');
> });
> })(jQuery);
>
> // Outside that block, $ is for prototype
> $('foo').observe('click', function()
> {
> alert('Prototype event');
> });
>
> I hope this helps.
>
> -Hector
>
>
> On Wed, Jan 21, 2009 at 4:02 PM, Phil W > wrote:
>
>
> jQuery is used by my CMS, and I don't really want to mess around below
> the hood of Drupal. Using noConflict would mean I'd have to change
> Drupal's js code that uses jQuery to use the new variable and I don't
> want to do that as it could cause errors if I don't do it perfectly,
> and when I upgrade the CMS the changes will just be overwritten.
>
> I'm hoping to find a way to modify scriptaculous and prototype so that
> they behave as if they have their own noConflict mode, and that it was
> activated.
>
> Hope that's cleared things up. I wish it was that simple!
>
> On Jan 21, 11:37 pm, Tobie Langel > wrote:
> > Why don't you just use jQuery's noConflict mode ?
> >
> > On Jan 21, 11:28 pm, Phil W > wrote:
> >
> >
> >
> > > Thanks a lot for the response, I've gone through prototype.js,
> > > scriptaculous.js, builder.js, controls.js etc etc and replaced all
> > > instances of $ with _$.
> >
> > > I've uploaded to my server, but now when I click on a link with a
> > > onClick scroll event handler (using > > onclick="Effect.ScrollTo('restofhomepage'); return
> false;">read) I
> > > get this error:
> >
> > > JavaScript -http://liverpoolstudentmedia.com/
> > > Event thread: click
> > > Error:
> > > name: ReferenceError
> > > message: Statement on line 1: Undefined variable: Effect
> > > Backtrace:
> > > Line 1 of function script
> > > Effect.ScrollTo('restofhomepage'); return false;
> > > ...
> > > stacktrace: n/a; see 'opera:config#UserPrefs|Exceptions Have
> > > Stacktrace'
> >
> > > Any ideas what is going wrong?
> >
> > > Thanks,
> >
> > > Phil
> >
> > > On Jan 21, 5:16 pm, kangax > wrote:
> >
> > > > On Jan 21, 11:30 am, Phil W > wrote:> I suppose I could use
> jQuery UI as it wouldn't clash, but I'd like to
> > > > > stick with Scriptaculous as the code can be in onClick etc
> events
> > > > > rather than all specified in the region.
> >
> > > > [...]
> >
> > > > I'm pretty sure simply replacing all occurrences of `$`
> with, say `_
> > > > $`, should work just fine. What exactly did you do last time
> and how
> > > > did it "break"?
> >
> > > > --
> > > > kangax
>
>
>
> >
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
I'm not sure how Drupal has their Javascript set up, but generally you
should be able to wrap their JS in an anonymous function:
(function($){
// Drupal JS code goes here
// Within this block, '$' represents jQuery
$('#foo').click(function() {
alert('jQuery event');
});
})(jQuery);
// Outside that block, $ is for prototype
$('foo').observe('click', function()
{
alert('Prototype event');
});
I hope this helps.
-Hector
On Wed, Jan 21, 2009 at 4:02 PM, Phil W wrote:
>
> jQuery is used by my CMS, and I don't really want to mess around below
> the hood of Drupal. Using noConflict would mean I'd have to change
> Drupal's js code that uses jQuery to use the new variable and I don't
> want to do that as it could cause errors if I don't do it perfectly,
> and when I upgrade the CMS the changes will just be overwritten.
>
> I'm hoping to find a way to modify scriptaculous and prototype so that
> they behave as if they have their own noConflict mode, and that it was
> activated.
>
> Hope that's cleared things up. I wish it was that simple!
>
> On Jan 21, 11:37 pm, Tobie Langel wrote:
> > Why don't you just use jQuery's noConflict mode ?
> >
> > On Jan 21, 11:28 pm, Phil W wrote:
> >
> >
> >
> > > Thanks a lot for the response, I've gone through prototype.js,
> > > scriptaculous.js, builder.js, controls.js etc etc and replaced all
> > > instances of $ with _$.
> >
> > > I've uploaded to my server, but now when I click on a link with a
> > > onClick scroll event handler (using > > onclick="Effect.ScrollTo('restofhomepage'); return false;">read) I
> > > get this error:
> >
> > > JavaScript -http://liverpoolstudentmedia.com/
> > > Event thread: click
> > > Error:
> > > name: ReferenceError
> > > message: Statement on line 1: Undefined variable: Effect
> > > Backtrace:
> > > Line 1 of function script
> > > Effect.ScrollTo('restofhomepage'); return false;
> > > ...
> > > stacktrace: n/a; see 'opera:config#UserPrefs|Exceptions Have
> > > Stacktrace'
> >
> > > Any ideas what is going wrong?
> >
> > > Thanks,
> >
> > > Phil
> >
> > > On Jan 21, 5:16 pm, kangax wrote:
> >
> > > > On Jan 21, 11:30 am, Phil W wrote:> I
> suppose I could use jQuery UI as it wouldn't clash, but I'd like to
> > > > > stick with Scriptaculous as the code can be in onClick etc events
> > > > > rather than all specified in the region.
> >
> > > > [...]
> >
> > > > I'm pretty sure simply replacing all occurrences of `$` with, say `_
> > > > $`, should work just fine. What exactly did you do last time and how
> > > > did it "break"?
> >
> > > > --
> > > > kangax
> >
>
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
jQuery is used by my CMS, and I don't really want to mess around below
the hood of Drupal. Using noConflict would mean I'd have to change
Drupal's js code that uses jQuery to use the new variable and I don't
want to do that as it could cause errors if I don't do it perfectly,
and when I upgrade the CMS the changes will just be overwritten.
I'm hoping to find a way to modify scriptaculous and prototype so that
they behave as if they have their own noConflict mode, and that it was
activated.
Hope that's cleared things up. I wish it was that simple!
On Jan 21, 11:37 pm, Tobie Langel wrote:
> Why don't you just use jQuery's noConflict mode ?
>
> On Jan 21, 11:28 pm, Phil W wrote:
>
>
>
> > Thanks a lot for the response, I've gone through prototype.js,
> > scriptaculous.js, builder.js, controls.js etc etc and replaced all
> > instances of $ with _$.
>
> > I've uploaded to my server, but now when I click on a link with a
> > onClick scroll event handler (using > onclick="Effect.ScrollTo('restofhomepage'); return false;">read) I
> > get this error:
>
> > JavaScript -http://liverpoolstudentmedia.com/
> > Event thread: click
> > Error:
> > name: ReferenceError
> > message: Statement on line 1: Undefined variable: Effect
> > Backtrace:
> > Line 1 of function script
> > Effect.ScrollTo('restofhomepage'); return false;
> > ...
> > stacktrace: n/a; see 'opera:config#UserPrefs|Exceptions Have
> > Stacktrace'
>
> > Any ideas what is going wrong?
>
> > Thanks,
>
> > Phil
>
> > On Jan 21, 5:16 pm, kangax wrote:
>
> > > On Jan 21, 11:30 am, Phil W wrote:> I suppose I
> > > could use jQuery UI as it wouldn't clash, but I'd like to
> > > > stick with Scriptaculous as the code can be in onClick etc events
> > > > rather than all specified in the region.
>
> > > [...]
>
> > > I'm pretty sure simply replacing all occurrences of `$` with, say `_
> > > $`, should work just fine. What exactly did you do last time and how
> > > did it "break"?
>
> > > --
> > > kangax
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
Why don't you just use jQuery's noConflict mode ?
On Jan 21, 11:28 pm, Phil W wrote:
> Thanks a lot for the response, I've gone through prototype.js,
> scriptaculous.js, builder.js, controls.js etc etc and replaced all
> instances of $ with _$.
>
> I've uploaded to my server, but now when I click on a link with a
> onClick scroll event handler (using onclick="Effect.ScrollTo('restofhomepage'); return false;">read) I
> get this error:
>
> JavaScript -http://liverpoolstudentmedia.com/
> Event thread: click
> Error:
> name: ReferenceError
> message: Statement on line 1: Undefined variable: Effect
> Backtrace:
> Line 1 of function script
> Effect.ScrollTo('restofhomepage'); return false;
> ...
> stacktrace: n/a; see 'opera:config#UserPrefs|Exceptions Have
> Stacktrace'
>
> Any ideas what is going wrong?
>
> Thanks,
>
> Phil
>
> On Jan 21, 5:16 pm, kangax wrote:
>
> > On Jan 21, 11:30 am, Phil W wrote:> I suppose I
> > could use jQuery UI as it wouldn't clash, but I'd like to
> > > stick with Scriptaculous as the code can be in onClick etc events
> > > rather than all specified in the region.
>
> > [...]
>
> > I'm pretty sure simply replacing all occurrences of `$` with, say `_
> > $`, should work just fine. What exactly did you do last time and how
> > did it "break"?
>
> > --
> > kangax
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
Thanks a lot for the response, I've gone through prototype.js,
scriptaculous.js, builder.js, controls.js etc etc and replaced all
instances of $ with _$.
I've uploaded to my server, but now when I click on a link with a
onClick scroll event handler (using read) I
get this error:
JavaScript - http://liverpoolstudentmedia.com/
Event thread: click
Error:
name: ReferenceError
message: Statement on line 1: Undefined variable: Effect
Backtrace:
Line 1 of function script
Effect.ScrollTo('restofhomepage'); return false;
...
stacktrace: n/a; see 'opera:config#UserPrefs|Exceptions Have
Stacktrace'
Any ideas what is going wrong?
Thanks,
Phil
On Jan 21, 5:16 pm, kangax wrote:
> On Jan 21, 11:30 am, Phil W wrote:> I suppose I could
> use jQuery UI as it wouldn't clash, but I'd like to
> > stick with Scriptaculous as the code can be in onClick etc events
> > rather than all specified in the region.
>
> [...]
>
> I'm pretty sure simply replacing all occurrences of `$` with, say `_
> $`, should work just fine. What exactly did you do last time and how
> did it "break"?
>
> --
> kangax
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
On Jan 21, 11:30 am, Phil W wrote: > I suppose I could use jQuery UI as it wouldn't clash, but I'd like to > stick with Scriptaculous as the code can be in onClick etc events > rather than all specified in the region. [...] I'm pretty sure simply replacing all occurrences of `$` with, say `_ $`, should work just fine. What exactly did you do last time and how did it "break"? -- kangax --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Modifying prototype&scriptaculous to work alongside jQuery
I suppose I could use jQuery UI as it wouldn't clash, but I'd like to
stick with Scriptaculous as the code can be in onClick etc events
rather than all specified in the region.
On Jan 19, 11:45 am, Phil W wrote:
> Hi everyone,
>
> I'm desperate to use Protoype and Scriptaculous in a projetct I'm
> working on. I'm having the standard jQuery vs Prototype
> incompatibility because of the shared use of the dollar symbol.
>
> I can't use the tips
> athttp://docs.jquery.com/Using_jQuery_with_Other_Libraries
> because I can't modify any of the jQuery files as they are tied into
> my CMS (Drupal) - and I don't want to mess around with Drupal's files
> as any changes will only be overwritten when I upgrade.
>
> Instead I'd like to edit the Prototype and Scriptaculous files to
> remove the conflict over the $ sign. I've tried doing this myself, but
> broke the code, so it would be amazing if someone with more skill
> could help me explain how to change all the Prototype and
> Scriptaculous files to remove the conflict, and then how I would adapt
> the code I am currently using within my actual content, for example
> onclick="Effect.ScrollTo('restofhomepage'); return false;".
>
> Thanks a lot.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
