[Proto-Scripty] Re: Inheritance question
Thats a good idea. This code works actually. I just cannot (really)
override existing methods. If I include methods with the same name in
MySortable, they are not called, because within Sortable all methods
are called with Sortable.nameOfMethod() - they don't use
this.nameOfMethod().
On 14 Jan., 18:03, nlloyds wrote:
> Cyrus,
>
> On Jan 14, 1:50 am, Cyrus wrote:
>
> > I am seeing myself copying the whole Sortable because it cannot be
> > inherited.
>
> I don't know if it's been mentioned, but you since Sortable is just an
> object you could try extending it with your own methods like this
>
> var MySortable = Object.extend({
> hover : function hover() { ... },
> ...
>
> }, Sortable);
>
> Don't know if it will work in practice, though.
>
> Nathan
--~--~-~--~~~---~--~~
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: Inheritance question
Thanks for correcting me about that. Strange that they would decide to
build the Sortable class in that way.
Dan
On Jan 13, 2:49 pm, "T.J. Crowder" wrote:
> Hi Dan,
>
> > You are confusing constructors with class definition
>
> He's not, actually, though I can see why you would think that. When
> you're creating a straight Sortable from script.aculo.us, you use
> Sortable.create, not new Sortable.[1] It's just the way Sortable was
> written, and it happens to use the same function name ("create") as
> the function for defining classes in Class. Again, Sortable isn't a
> "class" (more accurately, it's not a function used for initializing
> prototypes). It's just a collection of properties (most of which are
> functions).
>
> [1]http://wiki.github.com/madrobby/scriptaculous/sortable
> --
> T.J. Crowder
> tj / crowder software / com
> Independent Software Engineer, consulting services available
>
> On Jan 13, 7:53 pm, Dan wrote:
>
> > You are confusing constructors with class definition.Class.create() is
> > for defining a new "Class" which will support inheritance. To
> > construct an instance of a class you defined with var MyClass =
> > Class.create(baseClass, { ... }) you construct it like you would any
> > other object:
>
> > var myClassInstance = new MyClass();
>
> > So, this should work:
>
> > // extend
> > SortableLabelList = Class.create(Sortable, {
> > // redefine onHover
> > onHover: function($super, element, dropon, overlap) {
> > $super();
> > console.log(element);
> > console.log(dropon);
> > console.log(overlap);
> > }
>
> > });
>
> > // create list
> > var mySortableLabelList = new SortableLabelList("...");
>
> > For more info, see the example in the documentation:
>
> >http://prototypejs.org/api/class/create
>
> > Dan
>
> > On Jan 13, 6:31 am, Cyrus wrote:
>
> > > Ok, thanks.
>
> > > Let me describe my actual problem:
>
> > > I have a list with labels and checkboxes:
>
> > >
> > > My first checkbox
> > > My second checkbox
> > > ...
> > >
>
> > > I wanted to have that list sortable. Very easy task with Sortable:
>
> > > Sortable.create("list");
>
> > > Works fine except one issue:
>
> > > Safari and Firefox interpret the drag and drop as a click on the
> > > label. Clicking on the label changes the status of the checkbox. There
> > > must be a way to prevent this.
>
> > > Do you have any ideas how to do this.
>
> > > I used the Sortable callback onChange to save the checkbox status
> > > before the drop. The other callback onUpdate is fired before the click
> > > on the label takes effect. I would like to add another change listener
> > > to the checkbox that only takes effect when onUpdate was fired.
>
> > > On 13 Jan., 14:44, "T.J. Crowder" wrote:
>
> > > > Hi Cyrus,
>
> > > > I don't know much about script.aculo.us, but looking at it
> > > > (dragdrop.js), Sortable isn't a class (in the loose way we use that
> > > > word in this classless prototypical language JavaScript), it's just an
> > > > object with a bunch of functions assigned as properties. So you won't
> > > > be able to extend it in this way. Perhaps someone who's done more
> > > > with script.aculo.us can point you to a convenient way to achieve the
> > > > result you're looking for.
>
> > > > FWIW,
> > > > --
> > > > T.J. Crowder
> > > > tj / crowder software / com
> > > > Independent Software Engineer, consulting services available
>
> > > > On Jan 13, 1:27 pm, Cyrus wrote:
>
> > > > > Hi,
>
> > > > > I want to extend the Sortable class from the scriptaculous library.
> > > > > Where is my mistake? It's telling me SortableLabelList.create doesn't
> > > > > exist - I assumed it is inherited from Sortable.
>
> > > > > // extend
> > > > > SortableLabelList = Class.create(Sortable, {
> > > > > // redefine onHover
> > > > > onHover: function($super, element, dropon, overlap) {
> > > > > $super();
> > > > > console.log(element);
> > > > > console.log(dropon);
> > > > > console.log(overlap);
> > > > > }
>
> > > > > });
>
> > > > > // create list
> > > > > SortableLabelList.create("...");
--~--~-~--~~~---~--~~
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: Inheritance question
Cyrus,
On Jan 14, 1:50 am, Cyrus wrote:
> I am seeing myself copying the whole Sortable because it cannot be
> inherited.
I don't know if it's been mentioned, but you since Sortable is just an
object you could try extending it with your own methods like this
var MySortable = Object.extend({
hover : function hover() { ... },
...
}, Sortable);
Don't know if it will work in practice, though.
Nathan
--~--~-~--~~~---~--~~
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: Inheritance question
Hi,
thanks, but I already tried that yesterday:
I like the natural behaviour of the label. In every part of our
software you can click on the label to change the status of the
checkbox. I just don't like it happen when you use the drag and drop
function.
Is there a way to stop that event only after a drop?
I am seeing myself copying the whole Sortable because it cannot be
inherited.
On 14 Jan., 04:19, Jerod Venema wrote:
> If you're trying to avoid the default behaviour for the label (which is to
> check/uncheck the appropriate form element), you may want to just use
> prototypes "stop" [1] function. I've never done this, but something like the
> following ought to work (I think):
>
> Event.observe('mylabel', 'click', function(evt){
> Event.stop(evt);
>
> });
>
> You'll probably want a $$('label') call instead of 'mylabel', but you get
> the idea.
>
> [1]http://www.prototypejs.org/api/event/stop
>
>
>
> On Tue, Jan 13, 2009 at 9:31 AM, Cyrus wrote:
>
> > Ok, thanks.
>
> > Let me describe my actual problem:
>
> > I have a list with labels and checkboxes:
>
> >
> > My first checkbox
> > My second checkbox
> > ...
> >
>
> > I wanted to have that list sortable. Very easy task with Sortable:
>
> > Sortable.create("list");
>
> > Works fine except one issue:
>
> > Safari and Firefox interpret the drag and drop as a click on the
> > label. Clicking on the label changes the status of the checkbox. There
> > must be a way to prevent this.
>
> > Do you have any ideas how to do this.
>
> > I used the Sortable callback onChange to save the checkbox status
> > before the drop. The other callback onUpdate is fired before the click
> > on the label takes effect. I would like to add another change listener
> > to the checkbox that only takes effect when onUpdate was fired.
>
> > On 13 Jan., 14:44, "T.J. Crowder" wrote:
> > > Hi Cyrus,
>
> > > I don't know much about script.aculo.us, but looking at it
> > > (dragdrop.js), Sortable isn't a class (in the loose way we use that
> > > word in this classless prototypical language JavaScript), it's just an
> > > object with a bunch of functions assigned as properties. So you won't
> > > be able to extend it in this way. Perhaps someone who's done more
> > > with script.aculo.us can point you to a convenient way to achieve the
> > > result you're looking for.
>
> > > FWIW,
> > > --
> > > T.J. Crowder
> > > tj / crowder software / com
> > > Independent Software Engineer, consulting services available
>
> > > On Jan 13, 1:27 pm, Cyrus wrote:
>
> > > > Hi,
>
> > > > I want to extend the Sortable class from the scriptaculous library.
> > > > Where is my mistake? It's telling me SortableLabelList.create doesn't
> > > > exist - I assumed it is inherited from Sortable.
>
> > > > // extend
> > > > SortableLabelList = Class.create(Sortable, {
> > > > // redefine onHover
> > > > onHover: function($super, element, dropon, overlap) {
> > > > $super();
> > > > console.log(element);
> > > > console.log(dropon);
> > > > console.log(overlap);
> > > > }
>
> > > > });
>
> > > > // create list
> > > > SortableLabelList.create("...");
>
> --
> Jerod Venema
> Frozen Mountain Softwarehttp://www.frozenmountain.com/
> 919-368-5105
--~--~-~--~~~---~--~~
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: Inheritance question
If you're trying to avoid the default behaviour for the label (which is to
check/uncheck the appropriate form element), you may want to just use
prototypes "stop" [1] function. I've never done this, but something like the
following ought to work (I think):
Event.observe('mylabel', 'click', function(evt){
Event.stop(evt);
});
You'll probably want a $$('label') call instead of 'mylabel', but you get
the idea.
[1] http://www.prototypejs.org/api/event/stop
On Tue, Jan 13, 2009 at 9:31 AM, Cyrus wrote:
>
> Ok, thanks.
>
> Let me describe my actual problem:
>
> I have a list with labels and checkboxes:
>
>
> My first checkbox
> My second checkbox
> ...
>
>
> I wanted to have that list sortable. Very easy task with Sortable:
>
> Sortable.create("list");
>
> Works fine except one issue:
>
> Safari and Firefox interpret the drag and drop as a click on the
> label. Clicking on the label changes the status of the checkbox. There
> must be a way to prevent this.
>
> Do you have any ideas how to do this.
>
> I used the Sortable callback onChange to save the checkbox status
> before the drop. The other callback onUpdate is fired before the click
> on the label takes effect. I would like to add another change listener
> to the checkbox that only takes effect when onUpdate was fired.
>
> On 13 Jan., 14:44, "T.J. Crowder" wrote:
> > Hi Cyrus,
> >
> > I don't know much about script.aculo.us, but looking at it
> > (dragdrop.js), Sortable isn't a class (in the loose way we use that
> > word in this classless prototypical language JavaScript), it's just an
> > object with a bunch of functions assigned as properties. So you won't
> > be able to extend it in this way. Perhaps someone who's done more
> > with script.aculo.us can point you to a convenient way to achieve the
> > result you're looking for.
> >
> > FWIW,
> > --
> > T.J. Crowder
> > tj / crowder software / com
> > Independent Software Engineer, consulting services available
> >
> > On Jan 13, 1:27 pm, Cyrus wrote:
> >
> > > Hi,
> >
> > > I want to extend the Sortable class from the scriptaculous library.
> > > Where is my mistake? It's telling me SortableLabelList.create doesn't
> > > exist - I assumed it is inherited from Sortable.
> >
> > > // extend
> > > SortableLabelList = Class.create(Sortable, {
> > > // redefine onHover
> > > onHover: function($super, element, dropon, overlap) {
> > > $super();
> > > console.log(element);
> > > console.log(dropon);
> > > console.log(overlap);
> > > }
> >
> > > });
> >
> > > // create list
> > > SortableLabelList.create("...");
> >
>
--
Jerod Venema
Frozen Mountain Software
http://www.frozenmountain.com/
919-368-5105
--~--~-~--~~~---~--~~
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: Inheritance question
Hi Dan,
> You are confusing constructors with class definition
He's not, actually, though I can see why you would think that. When
you're creating a straight Sortable from script.aculo.us, you use
Sortable.create, not new Sortable.[1] It's just the way Sortable was
written, and it happens to use the same function name ("create") as
the function for defining classes in Class. Again, Sortable isn't a
"class" (more accurately, it's not a function used for initializing
prototypes). It's just a collection of properties (most of which are
functions).
[1] http://wiki.github.com/madrobby/scriptaculous/sortable
--
T.J. Crowder
tj / crowder software / com
Independent Software Engineer, consulting services available
On Jan 13, 7:53 pm, Dan wrote:
> You are confusing constructors with class definition.Class.create() is
> for defining a new "Class" which will support inheritance. To
> construct an instance of a class you defined with var MyClass =
> Class.create(baseClass, { ... }) you construct it like you would any
> other object:
>
> var myClassInstance = new MyClass();
>
> So, this should work:
>
> // extend
> SortableLabelList = Class.create(Sortable, {
> // redefine onHover
> onHover: function($super, element, dropon, overlap) {
> $super();
> console.log(element);
> console.log(dropon);
> console.log(overlap);
> }
>
> });
>
> // create list
> var mySortableLabelList = new SortableLabelList("...");
>
> For more info, see the example in the documentation:
>
> http://prototypejs.org/api/class/create
>
> Dan
>
> On Jan 13, 6:31 am, Cyrus wrote:
>
> > Ok, thanks.
>
> > Let me describe my actual problem:
>
> > I have a list with labels and checkboxes:
>
> >
> > My first checkbox
> > My second checkbox
> > ...
> >
>
> > I wanted to have that list sortable. Very easy task with Sortable:
>
> > Sortable.create("list");
>
> > Works fine except one issue:
>
> > Safari and Firefox interpret the drag and drop as a click on the
> > label. Clicking on the label changes the status of the checkbox. There
> > must be a way to prevent this.
>
> > Do you have any ideas how to do this.
>
> > I used the Sortable callback onChange to save the checkbox status
> > before the drop. The other callback onUpdate is fired before the click
> > on the label takes effect. I would like to add another change listener
> > to the checkbox that only takes effect when onUpdate was fired.
>
> > On 13 Jan., 14:44, "T.J. Crowder" wrote:
>
> > > Hi Cyrus,
>
> > > I don't know much about script.aculo.us, but looking at it
> > > (dragdrop.js), Sortable isn't a class (in the loose way we use that
> > > word in this classless prototypical language JavaScript), it's just an
> > > object with a bunch of functions assigned as properties. So you won't
> > > be able to extend it in this way. Perhaps someone who's done more
> > > with script.aculo.us can point you to a convenient way to achieve the
> > > result you're looking for.
>
> > > FWIW,
> > > --
> > > T.J. Crowder
> > > tj / crowder software / com
> > > Independent Software Engineer, consulting services available
>
> > > On Jan 13, 1:27 pm, Cyrus wrote:
>
> > > > Hi,
>
> > > > I want to extend the Sortable class from the scriptaculous library.
> > > > Where is my mistake? It's telling me SortableLabelList.create doesn't
> > > > exist - I assumed it is inherited from Sortable.
>
> > > > // extend
> > > > SortableLabelList = Class.create(Sortable, {
> > > > // redefine onHover
> > > > onHover: function($super, element, dropon, overlap) {
> > > > $super();
> > > > console.log(element);
> > > > console.log(dropon);
> > > > console.log(overlap);
> > > > }
>
> > > > });
>
> > > > // create list
> > > > SortableLabelList.create("...");
>
>
--~--~-~--~~~---~--~~
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: Inheritance question
You are confusing constructors with class definition.Class.create() is
for defining a new "Class" which will support inheritance. To
construct an instance of a class you defined with var MyClass =
Class.create(baseClass, { ... }) you construct it like you would any
other object:
var myClassInstance = new MyClass();
So, this should work:
// extend
SortableLabelList = Class.create(Sortable, {
// redefine onHover
onHover: function($super, element, dropon, overlap) {
$super();
console.log(element);
console.log(dropon);
console.log(overlap);
}
});
// create list
var mySortableLabelList = new SortableLabelList("...");
For more info, see the example in the documentation:
http://prototypejs.org/api/class/create
Dan
On Jan 13, 6:31 am, Cyrus wrote:
> Ok, thanks.
>
> Let me describe my actual problem:
>
> I have a list with labels and checkboxes:
>
>
> My first checkbox
> My second checkbox
> ...
>
>
> I wanted to have that list sortable. Very easy task with Sortable:
>
> Sortable.create("list");
>
> Works fine except one issue:
>
> Safari and Firefox interpret the drag and drop as a click on the
> label. Clicking on the label changes the status of the checkbox. There
> must be a way to prevent this.
>
> Do you have any ideas how to do this.
>
> I used the Sortable callback onChange to save the checkbox status
> before the drop. The other callback onUpdate is fired before the click
> on the label takes effect. I would like to add another change listener
> to the checkbox that only takes effect when onUpdate was fired.
>
> On 13 Jan., 14:44, "T.J. Crowder" wrote:
>
> > Hi Cyrus,
>
> > I don't know much about script.aculo.us, but looking at it
> > (dragdrop.js), Sortable isn't a class (in the loose way we use that
> > word in this classless prototypical language JavaScript), it's just an
> > object with a bunch of functions assigned as properties. So you won't
> > be able to extend it in this way. Perhaps someone who's done more
> > with script.aculo.us can point you to a convenient way to achieve the
> > result you're looking for.
>
> > FWIW,
> > --
> > T.J. Crowder
> > tj / crowder software / com
> > Independent Software Engineer, consulting services available
>
> > On Jan 13, 1:27 pm, Cyrus wrote:
>
> > > Hi,
>
> > > I want to extend the Sortable class from the scriptaculous library.
> > > Where is my mistake? It's telling me SortableLabelList.create doesn't
> > > exist - I assumed it is inherited from Sortable.
>
> > > // extend
> > > SortableLabelList = Class.create(Sortable, {
> > > // redefine onHover
> > > onHover: function($super, element, dropon, overlap) {
> > > $super();
> > > console.log(element);
> > > console.log(dropon);
> > > console.log(overlap);
> > > }
>
> > > });
>
> > > // create list
> > > SortableLabelList.create("...");
--~--~-~--~~~---~--~~
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: Inheritance question
Ok, thanks.
Let me describe my actual problem:
I have a list with labels and checkboxes:
My first checkbox
My second checkbox
...
I wanted to have that list sortable. Very easy task with Sortable:
Sortable.create("list");
Works fine except one issue:
Safari and Firefox interpret the drag and drop as a click on the
label. Clicking on the label changes the status of the checkbox. There
must be a way to prevent this.
Do you have any ideas how to do this.
I used the Sortable callback onChange to save the checkbox status
before the drop. The other callback onUpdate is fired before the click
on the label takes effect. I would like to add another change listener
to the checkbox that only takes effect when onUpdate was fired.
On 13 Jan., 14:44, "T.J. Crowder" wrote:
> Hi Cyrus,
>
> I don't know much about script.aculo.us, but looking at it
> (dragdrop.js), Sortable isn't a class (in the loose way we use that
> word in this classless prototypical language JavaScript), it's just an
> object with a bunch of functions assigned as properties. So you won't
> be able to extend it in this way. Perhaps someone who's done more
> with script.aculo.us can point you to a convenient way to achieve the
> result you're looking for.
>
> FWIW,
> --
> T.J. Crowder
> tj / crowder software / com
> Independent Software Engineer, consulting services available
>
> On Jan 13, 1:27 pm, Cyrus wrote:
>
> > Hi,
>
> > I want to extend the Sortable class from the scriptaculous library.
> > Where is my mistake? It's telling me SortableLabelList.create doesn't
> > exist - I assumed it is inherited from Sortable.
>
> > // extend
> > SortableLabelList = Class.create(Sortable, {
> > // redefine onHover
> > onHover: function($super, element, dropon, overlap) {
> > $super();
> > console.log(element);
> > console.log(dropon);
> > console.log(overlap);
> > }
>
> > });
>
> > // create list
> > SortableLabelList.create("...");
--~--~-~--~~~---~--~~
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: Inheritance question
Hi Cyrus,
I don't know much about script.aculo.us, but looking at it
(dragdrop.js), Sortable isn't a class (in the loose way we use that
word in this classless prototypical language JavaScript), it's just an
object with a bunch of functions assigned as properties. So you won't
be able to extend it in this way. Perhaps someone who's done more
with script.aculo.us can point you to a convenient way to achieve the
result you're looking for.
FWIW,
--
T.J. Crowder
tj / crowder software / com
Independent Software Engineer, consulting services available
On Jan 13, 1:27 pm, Cyrus wrote:
> Hi,
>
> I want to extend the Sortable class from the scriptaculous library.
> Where is my mistake? It's telling me SortableLabelList.create doesn't
> exist - I assumed it is inherited from Sortable.
>
> // extend
> SortableLabelList = Class.create(Sortable, {
> // redefine onHover
> onHover: function($super, element, dropon, overlap) {
> $super();
> console.log(element);
> console.log(dropon);
> console.log(overlap);
> }
>
> });
>
> // create list
> SortableLabelList.create("...");
--~--~-~--~~~---~--~~
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
-~--~~~~--~~--~--~---
