jQuery: The Write Less, Do More JavaScript Library

Help needed with allowing edit of dropped text

View: New views
3 Messages — Rating Filter:   Alert me  

Help needed with allowing edit of dropped text

by barb-14 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi,

I am trying to build a planner using draggable from menu items to a
calendar style grid. So I have set up a textarea as dropabble. I can
sucessfully drop multiple menu items into my textarea by appending
them to the html for the textarea, but if I change the text in the
textarea, by removing one of the items, which I would like to allow.
The item is not removed from the html, and any new entries dragged in
after this, even though added to the html are not visible in the
textarea. I see no errors in Firebug.

Is there a way to achieve this, or am I going to have to use different
droppable containers for each menu item dragged. How would I allow
deletion of an item?

Any help with strategy would be appreciated.

You can see what I mean by going here

http://webrecipemanager.com/ and logging in with

user demo
password demo99

then entering URL http://webrecipemanager.com/menuplanner.php

--

You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@....
To unsubscribe from this group, send email to jquery-ui+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.



Re: Help needed with allowing edit of dropped text

by Richard D. Worth-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

I would use an item other than a textarea. A div would do. Or you could use a UL and have each droppable item be a LI. As far as allowing for deletion, you could have a little X appear to the left or the right of the item when it's hovered over. Or you could allow for it to be dragged out, just as it was dragged in.

- Richard

On Tue, Nov 3, 2009 at 7:59 AM, barb <barbara.woolums@...> wrote:
Hi,

I am trying to build a planner using draggable from menu items to a
calendar style grid. So I have set up a textarea as dropabble. I can
sucessfully drop multiple menu items into my textarea by appending
them to the html for the textarea, but if I change the text in the
textarea, by removing one of the items, which I would like to allow.
The item is not removed from the html, and any new entries dragged in
after this, even though added to the html are not visible in the
textarea. I see no errors in Firebug.

Is there a way to achieve this, or am I going to have to use different
droppable containers for each menu item dragged. How would I allow
deletion of an item?

Any help with strategy would be appreciated.

You can see what I mean by going here

http://webrecipemanager.com/ and logging in with

user demo
password demo99

then entering URL http://webrecipemanager.com/menuplanner.php

--

You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@....
To unsubscribe from this group, send email to jquery-ui%2Bunsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.



--

You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@....
To unsubscribe from this group, send email to jquery-ui+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.

Re: Help needed with allowing edit of dropped text

by barb-14 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Thanks Richard.

I'm making great progress following your advice.

On Nov 3, 2:23 pm, "Richard D. Worth" <rdwo...@...> wrote:

> I would use an item other than a textarea. A div would do. Or you could use
> a UL and have each droppable item be a LI. As far as allowing for deletion,
> you could have a little X appear to the left or the right of the item when
> it's hovered over. Or you could allow for it to be dragged out, just as it
> was dragged in.
>
> - Richard
>
> On Tue, Nov 3, 2009 at 7:59 AM, barb <barbara.wool...@...> wrote:
> > Hi,
>
> > I am trying to build a planner using draggable from menu items to a
> > calendar style grid. So I have set up a textarea as dropabble. I can
> > sucessfully drop multiple menu items into my textarea by appending
> > them to the html for the textarea, but if I change the text in the
> > textarea, by removing one of the items, which I would like to allow.
> > The item is not removed from the html, and any new entries dragged in
> > after this, even though added to the html are not visible in the
> > textarea. I see no errors in Firebug.
>
> > Is there a way to achieve this, or am I going to have to use different
> > droppable containers for each menu item dragged. How would I allow
> > deletion of an item?
>
> > Any help with strategy would be appreciated.
>
> > You can see what I mean by going here
>
> >http://webrecipemanager.com/and logging in with
>
> > user demo
> > password demo99
>
> > then entering URLhttp://webrecipemanager.com/menuplanner.php
>
> > --
>
> > You received this message because you are subscribed to the Google Groups
> > "jQuery UI" group.
> > To post to this group, send email to jquery-ui@....
> > To unsubscribe from this group, send email to
> > jquery-ui+unsubscribe@...<jquery-ui%2Bunsubscribe@...>
> > .
> > For more options, visit this group at
> >http://groups.google.com/group/jquery-ui?hl=en.

--

You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@....
To unsubscribe from this group, send email to jquery-ui+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.