Rails spinoffs - Nov 2007 - Problems with draggable area

Hi guys, I''ve been trying to make an online note-taking tool, using
script.aculo.us. I''ve solved every problem I''ve encountered
until now,
but this is a hard one. The draggable area in the sticky exceeds the
sticky itself, but only on the right side of the sticky. My site is
here: http://jrundruud.110mb.com/activedesktop/desktop.html

Some code:
[desktop.html]
<div class="sticky" id="sticky1">
	<div class="dragbox" id="dragbox"></div>
	<div class="dragbox" id="dragbox" style="left:
245px;"></div>
	<textarea style=" margin: 20px; background-color: transparent;
border: none; width: 245px; height:245px; font-family: Georgia; font-
size: 16px; font-style: italic;
      overflow: auto;" name="code"
wrap="logical">Press and drag the
corners to move the sticky. Also, you can simulate a drag''n drop
delete-function by clicking or dragging the note in it''s bottom right
corner (only this note!)</textarea>
	<div class="dragbox" id="dragbox" style="top:
245px;"></div>
    <div class="dragbox" id="dragbox" style="top:
245px; left: 245px;"
    onMouseDown="new Effect.Appear(''removearea'',
{duration: 1.5})"
onMouseUp="new
Effect.Fade(''removearea'');"></div>
</div>

<div id="removearea" class="removearea"
style="display: none;"></div>
   <script type="text/javascript" language="javascript"
charset="utf-8">
   new
Draggable(''sticky1'',{handle:''dragdragbox1''});
</script>


Any help appreciated


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

You have a couple of problems.  First, you''re duplicating the id  
"dragbox", which is a no-no.  Ids must be unique within the page.

Second, it looks like your div ("sticky1") doesn''t have a
width
constraint.  Try giving it a border:2px solid red; and you''ll see  
what I mean.

Lastly, the handle you specified ("dragdragbox1") doesn''t
exist.


TAG

On Nov 7, 2007, at 8:15 AM, jrundruud-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org
wrote:
>
> Hi guys, I''ve been trying to make an online note-taking tool,
using
> script.aculo.us. I''ve solved every problem I''ve
encountered until now,
> but this is a hard one. The draggable area in the sticky exceeds the
> sticky itself, but only on the right side of the sticky. My site is
> here: http://jrundruud.110mb.com/activedesktop/desktop.html
>
> Some code:
> [desktop.html]
> <div class="sticky" id="sticky1">
> 	<div class="dragbox" id="dragbox"></div>
> 	<div class="dragbox" id="dragbox" style="left:
245px;"></div>
> 	<textarea style=" margin: 20px; background-color: transparent;
> border: none; width: 245px; height:245px; font-family: Georgia; font-
> size: 16px; font-style: italic;
>       overflow: auto;" name="code"
wrap="logical">Press and drag the
> corners to move the sticky. Also, you can simulate a drag''n drop
> delete-function by clicking or dragging the note in it''s bottom
right
> corner (only this note!)</textarea>
> 	<div class="dragbox" id="dragbox" style="top:
245px;"></div>
>     <div class="dragbox" id="dragbox"
style="top: 245px; left: 245px;"
>     onMouseDown="new Effect.Appear(''removearea'',
{duration: 1.5})"
> onMouseUp="new
Effect.Fade(''removearea'');"></div>
> </div>
>
> <div id="removearea" class="removearea"
style="display: none;"></div>
>    <script type="text/javascript"
language="javascript"
> charset="utf-8">
>    new
Draggable(''sticky1'',{handle:''dragdragbox1''});
> </script>
>
>
> Any help appreciated
>
>
> >

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Thank you wery much!


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---