That was exactly what I meant, thank you very much! This works well
for the scrolling,
however it doesnt allow me to "see" the drop into the droppables now.
I can make them
if the mouse is over and it works but doesnt show the droppable over
the box anymore, im
guessing there is little I can do about this? If so then its not a
major issue and the scrolling
is much more useful but would be nice to be able to have both. (if i
move the div to include the
droppable box's then they simply scroll with them which isnt what I
need)
Thanks for your help so far :)
On Feb 26, 3:56 pm, "Alex Mcauley" <webmas...@thecarmarketplace.com>
wrote:
> I'm still not sure what you mean by scrollable
>
> If you mean scroll bars in an element you can achieve it like this
>
> <div style="height:100px;width:100px;overflow:auto;">
> Some Content that exceeds 100px by 100px will add automatic scrollbars to
> the element
>
> </div>
>
> ----- Original Message -----
> From: "vanq69" <jaed...@gmail.com>
> To: "Prototype & script.aculo.us" <prototype-scriptaculous@googlegroups.com>
> Sent: Thursday, February 26, 2009 3:49 PM
> Subject: [Proto-Scripty] Re: Adding Scroll bars to list
>
> Thanks for the CSS tip, im certainly not an expert with it at this
> stage so what I have is
> simply a rough mock up to give me some structure whilst I am doing the
> coding.
>
> RE Javascript I have all the javascript working for the sortable list
> and related ajax and
> php elements, its simply the creating of scroll bars for the list im
> unsure of how to do -
> would this need to be in javascript??
>
> ///////////////////////////////////////////////////////////
> /// ///
> /// Droppable 1 ///
> /// Fixed ///
> /// ///
> ///////////////////////////////////////////////////////////
>
> ///////////////////////////////////////////////////////////
> /// ///
> /// Sortable ///
> /// List ///
> /// ///
> /// Scrollable ///
> /// ///
> /// ///
> /// ///
> /// ///
> /// ///
> ///////////////////////////////////////////////////////////
>
> ///////////////////////////////////////////////////////////
> /// ///
> /// Droppable 2 ///
> /// Fixed ///
> /// ///
> ///////////////////////////////////////////////////////////
>
> This is the design format I have at the moment but without the middle
> bit being scrollable - this is what
> I am unsure of how to do.
>
> Hope this clears things up, thanks for the help so far :)
>
> On Feb 26, 1:18 pm, "Alex Mcauley" <webmas...@thecarmarketplace.com>
> wrote:
> > Firstly in your CSS you have float:centre
>
> > There is no float:center as far as i know .. if there were it would be
> > "center" <--- american spelling
>
> > i also cannot see any Javascript in there to help you with
>
> > ----- Original Message -----
> > From: "vanq69" <jaed...@gmail.com>
> > To: "Prototype & script.aculo.us"
> > <prototype-scriptaculous@googlegroups.com>
> > Sent: Thursday, February 26, 2009 11:37 AM
> > Subject: [Proto-Scripty] Re: Adding Scroll bars to list
>
> > > Have had a look into this and havent been able to find a suitable
> > > method.
>
> > > I am aiming for having a space for 12 rows with scrollbars to get to
> > > the rest,
> > > with the top div - "addPage" and the bottom div - "trash" being always
> > > visible.
>
> > > Here is the code im currently trying:
>
> > > <!-- start sidebar2 -->
> > > <div id="sidebar2" class="sidebar">
> > > <ul>
> > > <li id="chunkListModule">
> > > <h2>Chunk List</h2>
> > > <div id = "addPage">
> > > <h4 align="center">DRAG HERE TO ADD TO PAGE</h4>
> > > </div>
> > > <br />
> > > <ul setsize=12 id="chunksList" class="sortableList"
> > > onmouseup="processChunk('chunksList', 'recreateList')">
> > > <?php
> > > $myChunksList = new ChunksList();
> > > echo $myChunksList->BuildChunksList();
> > > ?>
> > > </ul>
> > > <br />
> > > <div id = "trash">
> > > <h4 align="center">DRAG HERE TO DELETE</h4>
> > > </div>
> > > </ul>
> > > </div>
> > > <!-- end sidebar2 -->
>
> > > And here is the relevant parts of the CSS:
>
> > > /* Sidebar2 CSS */
>
> > > #sidebar2 {
> > > float: centre;
> > > padding: 20px 20px;
> > > }
>
> > > #addPage
> > > {
> > > border: 4px solid #ffd90f;
> > > width: 190px;
> > > padding: 10px;
> > > }
>
> > > ul.sortableList
> > > {
> > > list-style-type: none;
> > > padding: 0px;
> > > margin: 0px;
> > > width: 220px;
> > > }
>
> > > ul.sortableList li
> > > {
> > > cursor: move;
> > > padding: 2px 2px;
> > > margin: 2px 0px;
> > > border: 1px solid #ffd90f;
> > > background-color: #eee;
> > > }
>
> > > #trash
> > > {
> > > border: 4px solid #ffd90f;
> > > width: 190px;
> > > padding: 10px;
> > > }
>
> > > Any thoughts or help would be great :)
>
> > > Regards
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
