[Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Hi,
That code looks...unexamined. In addition to the typo Alex pointed
out (which will prevent it from ever entering the loop, presumably),
there's the pretty major issue of what it would do inside the loop if
it ever entered it: Repeatedly re-search for elements of class drag
and then pass an array of them into the Draggable constructor.
Draggable doesn't accept an array (not according to the docs[1],
anyway), it accepts the ID of an element (or the element itself).
[1] http://wiki.github.com/madrobby/scriptaculous/draggable
--
T.J. Crowder
tj / crowder software / com
Independent Software Engineer, consulting services available
On Jun 18, 1:36 pm, Rafael M Ximenes rmalv...@gmail.com wrote:
Well.
Still with the code provided by the author's site, the important
section of code was:
function () {
...
var drags = $$('.drag');
for (var i=0; idrags.lenght;i++){
new Draggable($$('.drag'));
}
initCorners('.drag',settings);
...
}
:)
On Jun 17, 2:48 pm, Rick Waldron waldron.r...@gmail.com wrote:
Before I take a look at your issue... I have a rewrite of CurvyCorners that
i did that makes it run way faster. I was using it in a project and was
annoyed by how long it took to render the corners. I can't say its any
cleaner, but I corrected an unecessary loop. I've attched the rewrite to
this email along with an example usage (same file, its at the bottom).
Can you post your code?http://jsbin.com
Rick
On Wed, Jun 17, 2009 at 9:58 AM, Rafael M Ximenes rmalv...@gmail.comwrote:
Hi, everybody!
I'm a Brazilian WebDev and I've found a script to round corners
without images (Script's name is Curvy Corners:
http://www.curvycorners.net/demos/).
I was trying to round corners of the draggables, but they lose your
functions.
Some help?
Regards.
Rafael
curvy-doesnt-suck.js
51KViewDownload
--~--~-~--~~~---~--~~
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: Curvy Corners + draggables (script.aculo.us)
Hey, guys.
I know both of your suggestions (type correction and don't array)
but I just recreate the code here, just an error on type.
My code, in app is correct (length).
Thanks, anyway.
Waiting for a suggestion to solve the real problem.
:D
On Jun 18, 10:05 am, T.J. Crowder t...@crowdersoftware.com wrote:
Hi,
That code looks...unexamined. In addition to the typo Alex pointed
out (which will prevent it from ever entering the loop, presumably),
there's the pretty major issue of what it would do inside the loop if
it ever entered it: Repeatedly re-search for elements of class drag
and then pass an array of them into the Draggable constructor.
Draggable doesn't accept an array (not according to the docs[1],
anyway), it accepts the ID of an element (or the element itself).
[1]http://wiki.github.com/madrobby/scriptaculous/draggable
--
T.J. Crowder
tj / crowder software / com
Independent Software Engineer, consulting services available
On Jun 18, 1:36 pm, Rafael M Ximenes rmalv...@gmail.com wrote:
Well.
Still with the code provided by the author's site, the important
section of code was:
function () {
...
var drags = $$('.drag');
for (var i=0; idrags.lenght;i++){
new Draggable($$('.drag'));
}
initCorners('.drag',settings);
...
}
:)
On Jun 17, 2:48 pm, Rick Waldron waldron.r...@gmail.com wrote:
Before I take a look at your issue... I have a rewrite of CurvyCorners
that
i did that makes it run way faster. I was using it in a project and was
annoyed by how long it took to render the corners. I can't say its any
cleaner, but I corrected an unecessary loop. I've attched the rewrite to
this email along with an example usage (same file, its at the bottom).
Can you post your code?http://jsbin.com
Rick
On Wed, Jun 17, 2009 at 9:58 AM, Rafael M Ximenes
rmalv...@gmail.comwrote:
Hi, everybody!
I'm a Brazilian WebDev and I've found a script to round corners
without images (Script's name is Curvy Corners:
http://www.curvycorners.net/demos/).
I was trying to round corners of the draggables, but they lose your
functions.
Some help?
Regards.
Rafael
curvy-doesnt-suck.js
51KViewDownload
--~--~-~--~~~---~--~~
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: Curvy Corners + draggables (script.aculo.us)
Well to implement that code as TJ says .. Draggables do not respond to
classes only ID's . so you would have to at minimum change it to
$$('.drags').each(function(e){
new Draggable(e,settings);
initCorners(e,settings); // not sure about this as i am not sure what it
expects (element or array)
});
HTH
..
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 2:35 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Hey, guys.
I know both of your suggestions (type correction and don't array)
but I just recreate the code here, just an error on type.
My code, in app is correct (length).
Thanks, anyway.
Waiting for a suggestion to solve the real problem.
:D
On Jun 18, 10:05 am, T.J. Crowder t...@crowdersoftware.com wrote:
Hi,
That code looks...unexamined. In addition to the typo Alex pointed
out (which will prevent it from ever entering the loop, presumably),
there's the pretty major issue of what it would do inside the loop if
it ever entered it: Repeatedly re-search for elements of class drag
and then pass an array of them into the Draggable constructor.
Draggable doesn't accept an array (not according to the docs[1],
anyway), it accepts the ID of an element (or the element itself).
[1]http://wiki.github.com/madrobby/scriptaculous/draggable
--
T.J. Crowder
tj / crowder software / com
Independent Software Engineer, consulting services available
On Jun 18, 1:36 pm, Rafael M Ximenes rmalv...@gmail.com wrote:
Well.
Still with the code provided by the author's site, the important
section of code was:
function () {
...
var drags = $$('.drag');
for (var i=0; idrags.lenght;i++){
new Draggable($$('.drag'));
}
initCorners('.drag',settings);
...
}
:)
On Jun 17, 2:48 pm, Rick Waldron waldron.r...@gmail.com wrote:
Before I take a look at your issue... I have a rewrite of CurvyCorners
that
i did that makes it run way faster. I was using it in a project and
was
annoyed by how long it took to render the corners. I can't say its any
cleaner, but I corrected an unecessary loop. I've attched the rewrite
to
this email along with an example usage (same file, its at the bottom).
Can you post your code?http://jsbin.com
Rick
On Wed, Jun 17, 2009 at 9:58 AM, Rafael M Ximenes
rmalv...@gmail.comwrote:
Hi, everybody!
I'm a Brazilian WebDev and I've found a script to round corners
without images (Script's name is Curvy Corners:
http://www.curvycorners.net/demos/).
I was trying to round corners of the draggables, but they lose your
functions.
Some help?
Regards.
Rafael
curvy-doesnt-suck.js
51KViewDownload
--~--~-~--~~~---~--~~
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: Curvy Corners + draggables (script.aculo.us)
Sorry, guys.
My fail.
I'll paste the code here, we'll don't lose more time with a code
created right on time that I wrote the first e-mail.
One more time: sorry. =$
Here's the REAL code of my app:
function Init(event){
var drags = $$('.drag');
InitDragEvents(drags); //don't matter for the problem.
InitDrag(event, drags);
InitCorners(drags);
}
function InitDrag(event, drags){
for (var i=0; i drags.length; i++){
new Draggable(drags[i].id.toString(), { window : scroll,
ghosting:true});
}
//adiciona os Drop Areas
var test = Droppables.add('dropArea', {
hoverclass: 'hover',
onDrop:
function(element, dropon, event)
{onDropItem(element, dropon, event)}
});
}
function InitCorners(drags) {
var settings = {
tl: { radius: 0 },
tr: { radius: 5 },
bl: { radius: 5 },
br: { radius: 0 },
antiAlias: true
}
/*
Usage:
curvyCorners(settingsObj, selectorStr);
*/
for (var i = 0; i=drags.length;i+=1){
curvyCorners(settings, drags[i] );
}
}
If I do this:
function Init(event){
var drags = $$('.drag');
InitDragEvents(drags); //don't matter for the problem.
InitDrag(event, drags);
//InitCorners(drags);
}
The draggable objects will work properly, but with rouded corners
don't!
So... It is..
Sorry, again =/
On Jun 18, 10:53 am, Alex McAuley webmas...@thecarmarketplace.com
wrote:
Well to implement that code as TJ says .. Draggables do not respond to
classes only ID's . so you would have to at minimum change it to
$$('.drags').each(function(e){
new Draggable(e,settings);
initCorners(e,settings); // not sure about this as i am not sure what it
expects (element or array)
});
HTH
..
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 2:35 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Hey, guys.
I know both of your suggestions (type correction and don't array)
but I just recreate the code here, just an error on type.
My code, in app is correct (length).
Thanks, anyway.
Waiting for a suggestion to solve the real problem.
:D
On Jun 18, 10:05 am, T.J. Crowder t...@crowdersoftware.com wrote:
Hi,
That code looks...unexamined. In addition to the typo Alex pointed
out (which will prevent it from ever entering the loop, presumably),
there's the pretty major issue of what it would do inside the loop if
it ever entered it: Repeatedly re-search for elements of class drag
and then pass an array of them into the Draggable constructor.
Draggable doesn't accept an array (not according to the docs[1],
anyway), it accepts the ID of an element (or the element itself).
[1]http://wiki.github.com/madrobby/scriptaculous/draggable
--
T.J. Crowder
tj / crowder software / com
Independent Software Engineer, consulting services available
On Jun 18, 1:36 pm, Rafael M Ximenes rmalv...@gmail.com wrote:
Well.
Still with the code provided by the author's site, the important
section of code was:
function () {
...
var drags = $$('.drag');
for (var i=0; idrags.lenght;i++){
new Draggable($$('.drag'));
}
initCorners('.drag',settings);
...
}
:)
On Jun 17, 2:48 pm, Rick Waldron waldron.r...@gmail.com wrote:
Before I take a look at your issue... I have a rewrite of CurvyCorners
that
i did that makes it run way faster. I was using it in a project and
was
annoyed by how long it took to render the corners. I can't say its any
cleaner, but I corrected an unecessary loop. I've attched the rewrite
to
this email along with an example usage (same file, its at the bottom).
Can you post your code?http://jsbin.com
Rick
On Wed, Jun 17, 2009 at 9:58 AM, Rafael M Ximenes
rmalv...@gmail.comwrote:
Hi, everybody!
I'm a Brazilian WebDev and I've found a script to round corners
without images (Script's name is Curvy Corners:
http://www.curvycorners.net/demos/).
I was trying to round corners of the draggables, but they lose your
functions.
Some help?
Regards.
Rafael
curvy-doesnt-suck.js
51KViewDownload
--~--~-~--~~~---~--~~
You received this message because you
[Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Does IE or FF throw any errors and if so which errors do they throw?
Alex
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 3:19 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Sorry, guys.
My fail.
I'll paste the code here, we'll don't lose more time with a code
created right on time that I wrote the first e-mail.
One more time: sorry. =$
Here's the REAL code of my app:
function Init(event){
var drags = $$('.drag');
InitDragEvents(drags); //don't matter for the problem.
InitDrag(event, drags);
InitCorners(drags);
}
function InitDrag(event, drags){
for (var i=0; i drags.length; i++){
new Draggable(drags[i].id.toString(), { window : scroll,
ghosting:true});
}
//adiciona os Drop Areas
var test = Droppables.add('dropArea', {
hoverclass: 'hover',
onDrop: function(element, dropon, event)
{onDropItem(element, dropon, event)}
});
}
function InitCorners(drags) {
var settings = {
tl: { radius: 0 },
tr: { radius: 5 },
bl: { radius: 5 },
br: { radius: 0 },
antiAlias: true
}
/*
Usage:
curvyCorners(settingsObj, selectorStr);
*/
for (var i = 0; i=drags.length;i+=1){
curvyCorners(settings, drags[i] );
}
}
If I do this:
function Init(event){
var drags = $$('.drag');
InitDragEvents(drags); //don't matter for the problem.
InitDrag(event, drags);
//InitCorners(drags);
}
The draggable objects will work properly, but with rouded corners
don't!
So... It is..
Sorry, again =/
On Jun 18, 10:53 am, Alex McAuley webmas...@thecarmarketplace.com
wrote:
Well to implement that code as TJ says .. Draggables do not respond to
classes only ID's . so you would have to at minimum change it to
$$('.drags').each(function(e){
new Draggable(e,settings);
initCorners(e,settings); // not sure about this as i am not sure what it
expects (element or array)
});
HTH
..
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us
prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 2:35 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Hey, guys.
I know both of your suggestions (type correction and don't array)
but I just recreate the code here, just an error on type.
My code, in app is correct (length).
Thanks, anyway.
Waiting for a suggestion to solve the real problem.
:D
On Jun 18, 10:05 am, T.J. Crowder t...@crowdersoftware.com wrote:
Hi,
That code looks...unexamined. In addition to the typo Alex pointed
out (which will prevent it from ever entering the loop, presumably),
there's the pretty major issue of what it would do inside the loop if
it ever entered it: Repeatedly re-search for elements of class drag
and then pass an array of them into the Draggable constructor.
Draggable doesn't accept an array (not according to the docs[1],
anyway), it accepts the ID of an element (or the element itself).
[1]http://wiki.github.com/madrobby/scriptaculous/draggable
--
T.J. Crowder
tj / crowder software / com
Independent Software Engineer, consulting services available
On Jun 18, 1:36 pm, Rafael M Ximenes rmalv...@gmail.com wrote:
Well.
Still with the code provided by the author's site, the important
section of code was:
function () {
...
var drags = $$('.drag');
for (var i=0; idrags.lenght;i++){
new Draggable($$('.drag'));
}
initCorners('.drag',settings);
...
}
:)
On Jun 17, 2:48 pm, Rick Waldron waldron.r...@gmail.com wrote:
Before I take a look at your issue... I have a rewrite of
CurvyCorners
that
i did that makes it run way faster. I was using it in a project and
was
annoyed by how long it took to render the corners. I can't say its
any
cleaner, but I corrected an unecessary loop. I've attched the
rewrite
to
this email along with an example usage (same file, its at the
bottom).
Can you post your code?http://jsbin.com
Rick
On Wed, Jun 17, 2009 at 9:58 AM, Rafael M Ximenes
rmalv...@gmail.comwrote:
Hi, everybody!
I'm a Brazilian WebDev and I've found a script to round corners
without images (Script's name is Curvy Corners:
http://www.curvycorners.net/demos/).
I was trying to round corners of the draggables, but they lose
your
functions.
Some help?
Regards.
Rafael
curvy-doesnt-suck.js
51KViewDownload
--~--~-~--~~~---~--~~
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
[Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Nop.
Any error.
But:
Now I've identified a secondary error. A logical error on this for -
the equal.
for (var i = 0; i= drags.length;i+=1){
curvyCorners(settings, drags[i] );
}
Plus: I don't know why, but, the error disappear!
Plus²: Now, I have a new problem. Each section added to the initial
div, is now affected by the $$('.drag').onClick(); :S
Sample at: www.ideawebsites.com.br/test/prot.html
On Jun 18, 11:21 am, Alex McAuley webmas...@thecarmarketplace.com
wrote:
Does IE or FF throw any errors and if so which errors do they throw?
Alex
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 3:19 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Sorry, guys.
My fail.
I'll paste the code here, we'll don't lose more time with a code
created right on time that I wrote the first e-mail.
One more time: sorry. =$
Here's the REAL code of my app:
function Init(event){
var drags = $$('.drag');
InitDragEvents(drags); //don't matter for the problem.
InitDrag(event, drags);
InitCorners(drags);
}
function InitDrag(event, drags){
for (var i=0; i drags.length; i++){
new Draggable(drags[i].id.toString(), { window : scroll,
ghosting:true});
}
//adiciona os Drop Areas
var test = Droppables.add('dropArea', {
hoverclass: 'hover',
onDrop: function(element, dropon, event)
{onDropItem(element, dropon, event)}
});
}
function InitCorners(drags) {
var settings = {
tl: { radius: 0 },
tr: { radius: 5 },
bl: { radius: 5 },
br: { radius: 0 },
antiAlias: true
}
/*
Usage:
curvyCorners(settingsObj, selectorStr);
*/
for (var i = 0; i=drags.length;i+=1){
curvyCorners(settings, drags[i] );
}
}
If I do this:
function Init(event){
var drags = $$('.drag');
InitDragEvents(drags); //don't matter for the problem.
InitDrag(event, drags);
//InitCorners(drags);
}
The draggable objects will work properly, but with rouded corners
don't!
So... It is..
Sorry, again =/
On Jun 18, 10:53 am, Alex McAuley webmas...@thecarmarketplace.com
wrote:
Well to implement that code as TJ says .. Draggables do not respond to
classes only ID's . so you would have to at minimum change it to
$$('.drags').each(function(e){
new Draggable(e,settings);
initCorners(e,settings); // not sure about this as i am not sure what it
expects (element or array)
});
HTH
..
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us
prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 2:35 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Hey, guys.
I know both of your suggestions (type correction and don't array)
but I just recreate the code here, just an error on type.
My code, in app is correct (length).
Thanks, anyway.
Waiting for a suggestion to solve the real problem.
:D
On Jun 18, 10:05 am, T.J. Crowder t...@crowdersoftware.com wrote:
Hi,
That code looks...unexamined. In addition to the typo Alex pointed
out (which will prevent it from ever entering the loop, presumably),
there's the pretty major issue of what it would do inside the loop if
it ever entered it: Repeatedly re-search for elements of class drag
and then pass an array of them into the Draggable constructor.
Draggable doesn't accept an array (not according to the docs[1],
anyway), it accepts the ID of an element (or the element itself).
[1]http://wiki.github.com/madrobby/scriptaculous/draggable
--
T.J. Crowder
tj / crowder software / com
Independent Software Engineer, consulting services available
On Jun 18, 1:36 pm, Rafael M Ximenes rmalv...@gmail.com wrote:
Well.
Still with the code provided by the author's site, the important
section of code was:
function () {
...
var drags = $$('.drag');
for (var i=0; idrags.lenght;i++){
new Draggable($$('.drag'));
}
initCorners('.drag',settings);
...
}
:)
On Jun 17, 2:48 pm, Rick Waldron waldron.r...@gmail.com wrote:
Before I take a look at your issue... I have a rewrite of
CurvyCorners
that
i did that makes it run way faster. I was using it in a project and
was
annoyed by how long it took to render the corners. I can't say its
any
cleaner, but I corrected an unecessary loop. I've attched the
rewrite
to
this email along with an example usage (same file, its at the
bottom).
Can you post your code?http://jsbin.com
Rick
On Wed, Jun 17, 2009 at 9:58 AM, Rafael M Ximenes
rmalv...@gmail.comwrote:
Hi, everybody!
I'm a Brazilian WebDev and I've found a script to round corners
[Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
that page works fine for me
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 4:13 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Nop.
Any error.
But:
Now I've identified a secondary error. A logical error on this for -
the equal.
for (var i = 0; i= drags.length;i+=1){
curvyCorners(settings, drags[i] );
}
Plus: I don't know why, but, the error disappear!
Plus²: Now, I have a new problem. Each section added to the initial
div, is now affected by the $$('.drag').onClick(); :S
Sample at: www.ideawebsites.com.br/test/prot.html
On Jun 18, 11:21 am, Alex McAuley webmas...@thecarmarketplace.com
wrote:
Does IE or FF throw any errors and if so which errors do they throw?
Alex
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us
prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 3:19 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Sorry, guys.
My fail.
I'll paste the code here, we'll don't lose more time with a code
created right on time that I wrote the first e-mail.
One more time: sorry. =$
Here's the REAL code of my app:
function Init(event){
var drags = $$('.drag');
InitDragEvents(drags); //don't matter for the problem.
InitDrag(event, drags);
InitCorners(drags);
}
function InitDrag(event, drags){
for (var i=0; i drags.length; i++){
new Draggable(drags[i].id.toString(), { window : scroll,
ghosting:true});
}
//adiciona os Drop Areas
var test = Droppables.add('dropArea', {
hoverclass: 'hover',
onDrop: function(element, dropon, event)
{onDropItem(element, dropon, event)}
});
}
function InitCorners(drags) {
var settings = {
tl: { radius: 0 },
tr: { radius: 5 },
bl: { radius: 5 },
br: { radius: 0 },
antiAlias: true
}
/*
Usage:
curvyCorners(settingsObj, selectorStr);
*/
for (var i = 0; i=drags.length;i+=1){
curvyCorners(settings, drags[i] );
}
}
If I do this:
function Init(event){
var drags = $$('.drag');
InitDragEvents(drags); //don't matter for the problem.
InitDrag(event, drags);
//InitCorners(drags);
}
The draggable objects will work properly, but with rouded corners
don't!
So... It is..
Sorry, again =/
On Jun 18, 10:53 am, Alex McAuley webmas...@thecarmarketplace.com
wrote:
Well to implement that code as TJ says .. Draggables do not respond to
classes only ID's . so you would have to at minimum change it to
$$('.drags').each(function(e){
new Draggable(e,settings);
initCorners(e,settings); // not sure about this as i am not sure what it
expects (element or array)
});
HTH
..
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us
prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 2:35 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables
(script.aculo.us)
Hey, guys.
I know both of your suggestions (type correction and don't array)
but I just recreate the code here, just an error on type.
My code, in app is correct (length).
Thanks, anyway.
Waiting for a suggestion to solve the real problem.
:D
On Jun 18, 10:05 am, T.J. Crowder t...@crowdersoftware.com wrote:
Hi,
That code looks...unexamined. In addition to the typo Alex pointed
out (which will prevent it from ever entering the loop, presumably),
there's the pretty major issue of what it would do inside the loop if
it ever entered it: Repeatedly re-search for elements of class drag
and then pass an array of them into the Draggable constructor.
Draggable doesn't accept an array (not according to the docs[1],
anyway), it accepts the ID of an element (or the element itself).
[1]http://wiki.github.com/madrobby/scriptaculous/draggable
--
T.J. Crowder
tj / crowder software / com
Independent Software Engineer, consulting services available
On Jun 18, 1:36 pm, Rafael M Ximenes rmalv...@gmail.com wrote:
Well.
Still with the code provided by the author's site, the important
section of code was:
function () {
...
var drags = $$('.drag');
for (var i=0; idrags.lenght;i++){
new Draggable($$('.drag'));
}
initCorners('.drag',settings);
...
}
:)
On Jun 17, 2:48 pm, Rick Waldron waldron.r...@gmail.com wrote:
Before I take a look at your issue... I have a rewrite of
CurvyCorners
that
i did that makes it run way faster. I was using it in a project
and
was
annoyed by how long it took to render the corners. I can't say its
any
cleaner, but I corrected an unecessary loop. I've attched the
rewrite
to
this email along with an example usage (same file, its at the
bottom).
Can you
[Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Have you tried to move the orange blocks?
Explaining:
Gray Area: Div Droppable.
Orange Column: lot of div Draggables
PS: Gray Area is a Draggable too!
Suggestion of test:
1) Handle orange blocks by the center-top; right-top; center-bottom;
center-center;
For me, results in little areas highlighting, not the block.
2) Handle gray block to everywhere. Then, try to drop orange blocks IN
gray Area. Now, move gray area again.
For me, results in lot of orange blocks in a random x,y, but all of
them linked with the gray area.
On Jun 18, 12:21 pm, Alex McAuley webmas...@thecarmarketplace.com
wrote:
that page works fine for me
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 4:13 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Nop.
Any error.
But:
Now I've identified a secondary error. A logical error on this for -
the equal.
for (var i = 0; i = drags.length;i+=1){
curvyCorners(settings, drags[i] );
}
Plus: I don't know why, but, the error disappear!
Plus²: Now, I have a new problem. Each section added to the initial
div, is now affected by the $$('.drag').onClick(); :S
Sample at:www.ideawebsites.com.br/test/prot.html
On Jun 18, 11:21 am, Alex McAuley webmas...@thecarmarketplace.com
wrote:
Does IE or FF throw any errors and if so which errors do they throw?
Alex
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us
prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 3:19 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Sorry, guys.
My fail.
I'll paste the code here, we'll don't lose more time with a code
created right on time that I wrote the first e-mail.
One more time: sorry. =$
Here's the REAL code of my app:
function Init(event){
var drags = $$('.drag');
InitDragEvents(drags); //don't matter for the problem.
InitDrag(event, drags);
InitCorners(drags);
}
function InitDrag(event, drags){
for (var i=0; i drags.length; i++){
new Draggable(drags[i].id.toString(), { window : scroll,
ghosting:true});
}
//adiciona os Drop Areas
var test = Droppables.add('dropArea', {
hoverclass: 'hover',
onDrop: function(element, dropon, event)
{onDropItem(element, dropon, event)}
});
}
function InitCorners(drags) {
var settings = {
tl: { radius: 0 },
tr: { radius: 5 },
bl: { radius: 5 },
br: { radius: 0 },
antiAlias: true
}
/*
Usage:
curvyCorners(settingsObj, selectorStr);
*/
for (var i = 0; i=drags.length;i+=1){
curvyCorners(settings, drags[i] );
}
}
If I do this:
function Init(event){
var drags = $$('.drag');
InitDragEvents(drags); //don't matter for the problem.
InitDrag(event, drags);
//InitCorners(drags);
}
The draggable objects will work properly, but with rouded corners
don't!
So... It is..
Sorry, again =/
On Jun 18, 10:53 am, Alex McAuley webmas...@thecarmarketplace.com
wrote:
Well to implement that code as TJ says .. Draggables do not respond to
classes only ID's . so you would have to at minimum change it to
$$('.drags').each(function(e){
new Draggable(e,settings);
initCorners(e,settings); // not sure about this as i am not sure what it
expects (element or array)
});
HTH
..
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us
prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 2:35 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables
(script.aculo.us)
Hey, guys.
I know both of your suggestions (type correction and don't array)
but I just recreate the code here, just an error on type.
My code, in app is correct (length).
Thanks, anyway.
Waiting for a suggestion to solve the real problem.
:D
On Jun 18, 10:05 am, T.J. Crowder t...@crowdersoftware.com wrote:
Hi,
That code looks...unexamined. In addition to the typo Alex pointed
out (which will prevent it from ever entering the loop, presumably),
there's the pretty major issue of what it would do inside the loop if
it ever entered it: Repeatedly re-search for elements of class drag
and then pass an array of them into the Draggable constructor.
Draggable doesn't accept an array (not according to the docs[1],
anyway), it accepts the ID of an element (or the element itself).
[1]http://wiki.github.com/madrobby/scriptaculous/draggable
--
T.J. Crowder
tj / crowder software / com
Independent Software Engineer, consulting services available
On Jun 18, 1:36 pm, Rafael M Ximenes rmalv...@gmail.com wrote:
Well.
Still with the code provided by the author's site, the important
[Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Depending on which browsers your website needs to be compatible with,
I'd recommend using a pure CSS solution:
.rounded {
-webkit-border-radius: 5px; /* Safari */
-moz-border-radius: 5px;/* Firefox */
}
For Internet Explorer you could use some extra span elements in
combination with background images, there are plenty of examples on if
you search on Google.
--~--~-~--~~~---~--~~
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: Curvy Corners + draggables (script.aculo.us)
Yes, Alex! Everything moves, but, e.g.: if I click on the rounded
corner, its highlight alone and not the block!.
If I drag the Gray Area for anywhere and then add some orange block,
its appear on a random x,y.
Here, the problem is in FF3, IE7, Chrome.
Note: On jQueryUI, I've done exactly what I want, but I want to do it
in scrpt.aculo.us too.
Maarten: Thanks, man.
But I'm tired to write more and more compliant code... that's the
reason to adopt the Script.
On Jun 18, 5:04 pm, Alex McAuley webmas...@thecarmarketplace.com
wrote:
yer everything moves for me
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 6:23 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Have you tried to move the orange blocks?
Explaining:
Gray Area: Div Droppable.
Orange Column: lot of div Draggables
PS: Gray Area is a Draggable too!
Suggestion of test:
1) Handle orange blocks by the center-top; right-top; center-bottom;
center-center;
For me, results in little areas highlighting, not the block.
2) Handle gray block to everywhere. Then, try to drop orange blocks IN
gray Area. Now, move gray area again.
For me, results in lot of orange blocks in a random x,y, but all of
them linked with the gray area.
On Jun 18, 12:21 pm, Alex McAuley webmas...@thecarmarketplace.com
wrote:
that page works fine for me
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us
prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 4:13 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Nop.
Any error.
But:
Now I've identified a secondary error. A logical error on this for -
the equal.
for (var i = 0; i = drags.length;i+=1){
curvyCorners(settings, drags[i] );
}
Plus: I don't know why, but, the error disappear!
Plus²: Now, I have a new problem. Each section added to the initial
div, is now affected by the $$('.drag').onClick(); :S
Sample at:www.ideawebsites.com.br/test/prot.html
On Jun 18, 11:21 am, Alex McAuley webmas...@thecarmarketplace.com
wrote:
Does IE or FF throw any errors and if so which errors do they throw?
Alex
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us
prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 3:19 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables
(script.aculo.us)
Sorry, guys.
My fail.
I'll paste the code here, we'll don't lose more time with a code
created right on time that I wrote the first e-mail.
One more time: sorry. =$
Here's the REAL code of my app:
function Init(event){
var drags = $$('.drag');
InitDragEvents(drags); //don't matter for the problem.
InitDrag(event, drags);
InitCorners(drags);
}
function InitDrag(event, drags){
for (var i=0; i drags.length; i++){
new Draggable(drags[i].id.toString(), { window : scroll,
ghosting:true});
}
//adiciona os Drop Areas
var test = Droppables.add('dropArea', {
hoverclass: 'hover',
onDrop: function(element, dropon, event)
{onDropItem(element, dropon, event)}
});
}
function InitCorners(drags) {
var settings = {
tl: { radius: 0 },
tr: { radius: 5 },
bl: { radius: 5 },
br: { radius: 0 },
antiAlias: true
}
/*
Usage:
curvyCorners(settingsObj, selectorStr);
*/
for (var i = 0; i=drags.length;i+=1){
curvyCorners(settings, drags[i] );
}
}
If I do this:
function Init(event){
var drags = $$('.drag');
InitDragEvents(drags); //don't matter for the problem.
InitDrag(event, drags);
//InitCorners(drags);
}
The draggable objects will work properly, but with rouded corners
don't!
So... It is..
Sorry, again =/
On Jun 18, 10:53 am, Alex McAuley webmas...@thecarmarketplace.com
wrote:
Well to implement that code as TJ says .. Draggables do not respond to
classes only ID's . so you would have to at minimum change it to
$$('.drags').each(function(e){
new Draggable(e,settings);
initCorners(e,settings); // not sure about this as i am not sure what
it
expects (element or array)
});
HTH
..
- Original Message -
From: Rafael M Ximenes rmalv...@gmail.com
To: Prototype script.aculo.us
prototype-scriptaculous@googlegroups.com
Sent: Thursday, June 18, 2009 2:35 PM
Subject: [Proto-Scripty] Re: Curvy Corners + draggables
(script.aculo.us)
Hey, guys.
I know both of your suggestions (type correction and don't array)
but I just recreate the code here, just an error on type.
My code, in app is correct (length).
Thanks, anyway.
Waiting for a suggestion to solve the real problem.
:D
On Jun 18, 10:05 am
[Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Before I take a look at your issue... I have a rewrite of CurvyCorners that i did that makes it run way faster. I was using it in a project and was annoyed by how long it took to render the corners. I can't say its any cleaner, but I corrected an unecessary loop. I've attched the rewrite to this email along with an example usage (same file, its at the bottom). Can you post your code? http://jsbin.com Rick On Wed, Jun 17, 2009 at 9:58 AM, Rafael M Ximenes rmalv...@gmail.comwrote: Hi, everybody! I'm a Brazilian WebDev and I've found a script to round corners without images (Script's name is Curvy Corners: http://www.curvycorners.net/demos/). I was trying to round corners of the draggables, but they lose your functions. Some help? Regards. Rafael --~--~-~--~~~---~--~~ 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 -~--~~~~--~~--~--~--- curvy-doesnt-suck.js Description: JavaScript source
