473,406 Members | 2,371 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,406 software developers and data experts.

Pages as collapsible outlines w/ preview?

I am looking for something I have seen a few months ago. Maybe someone
here remembers where this site is or has built something similar ... I
couldn't find it.

What I am looking for is a web page that presents its content as an
outliner. Ie, the page is divided into sections with headlines. On
load, only those headlines are visible. Beside each headline is an
arrow pointing to the right.

Hovering the mouse over a headline will bring up a layer - like a very
large tool tip - that shows all the attached/included content, i.e.,
subheads and text paragraphs.

Clicking the headline will open the relevant section (the pop-up
disappears, and the text appears as part of the page), and the arrow
beside the headline now points downwards. In short, it is like the
folder view in MacOS.

The whole page is/was an (unofficial? experimental?)
front-end/presentation module for Radio Userland, but AFAIR not by
Dave Winer & Co. Couldn't find it there, though.

I would really appreciate if someone could tell me where this page
went or if a similar site/presentation is available somewhere else. I
really like the whole concept. I understand this can be done in
standards-compliant browsers using DOM and CSS magic, but I am not
sure about the details.

TIA.
Jul 20 '05 #1
4 2493
David Winter wrote:
What I am looking for is a web page that presents its content as an
outliner. Ie, the page is divided into sections with headlines. On
load, only those headlines are visible. Beside each headline is an
arrow pointing to the right.

Hovering the mouse over a headline will bring up a layer - like a very
large tool tip - that shows all the attached/included content, i.e.,
subheads and text paragraphs.

Clicking the headline will open the relevant section (the pop-up
disappears, and the text appears as part of the page), and the arrow
beside the headline now points downwards. In short, it is like the
folder view in MacOS.


Here's a simple example I just put together:
http://tw.ecritters.biz/html_examples/expand/. I didn't do the tooltip
hover feature, because that would be very annoying in my opinion:
imagine a large quantity of text covering what you're trying to read if
your cat happens to walk too close to your mouse. If you want to see
what's in a section, just open the section normally!
Jul 20 '05 #2
In article <2k***********@uni-berlin.de>,
Leif K-Brooks <eu*****@ecritters.biz> wrote:
If you want to see
what's in a section, just open the section normally!


Hence, use a descriptive title and possibly a short description under it.

--
Kris
<kr*******@xs4all.netherlands> (nl)
Jul 20 '05 #3
Leif K-Brooks wrote:
Here's a simple example I just put together:
http://tw.ecritters.biz/html_examples/expand/


Thank you - great. It also works in Opera!
May I borrow this? :)

And after some more Googling, I found what I had been looking for in
the first place:

http://www.activerenderer.com

I find the preview feature very convenient: You can hover over
sections with lots of collapsed content and open the one you are
interested in. No extensive clicking or scrolling. Check the demos -
some impressing stuff there.
Jul 20 '05 #4
David Winter wrote:
Leif K-Brooks wrote:
http://tw.ecritters.biz/html_examples/expand/
May I borrow this? :)


If you want it, you're welcome to it.
http://www.activerenderer.com

I find the preview feature very convenient: You can hover over
sections with lots of collapsed content and open the one you are
interested in. No extensive clicking or scrolling. Check the demos -
some impressing stuff there.


It does have some benifits, I'll admit that. But what happens when I'm
reading something, when my elbow suddenly brushes against my mouse and
causes a large article to cover the one I'm reading? I'll be distracted,
annoyed, lose my place, and maybe even stop reading the whole article.
That's a bad thing.
Jul 20 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

12
by: MikeT | last post by:
I have a page that produces little thumbnails of the 3D models it finds in a specified directory (and iterates down through any sub directories). It basically scans each directory for 3D Studio...
1
by: Bootstrap bill | last post by:
I'm looking to create collapsible tables, similar to the outlines available in Microsoft Excel and Open Office spreadsheet. I'd prefer something cross platform. Is something like this available...
1
by: jj | last post by:
I created a dynamic report and the fields is displayed base on the query. The report contains about 34 fields so if the query has 34 fields, all 34 fields in the report shows up. But if the query...
7
by: Kamal | last post by:
Hello all, I have a very simple html table with collapsible rows and sorting capabilities. The collapsible row is hidden with css rule (display:none). When one clicks in the left of the...
1
by: mahesh123 | last post by:
I am using Collapsible Panel in my project.But in other form of my project i want to use collapsible panel inside other Collapsible panel.Is it possible. Both panels are to be dinamic.Is it possible...
0
by: =?Utf-8?B?R2lvcmdpbw==?= | last post by:
Hi, I am having a problem and I need some help. I have a listview with a collapsible panel that has a updatepanel and listview inside updatepanel and I have a button that triggers the...
11
by: =?Utf-8?B?UGV0ZXIgSw==?= | last post by:
I am working with Visual Studio or alternately with Expression Web. I need to create about 50 aspx pages with about 1200 thumbnali images, typically arranged in three to four groups per page,...
0
by: wojski696969 | last post by:
Hi.. I'm using ASP.NET AJAX Control Toolkit. I've got collapsible extender (CE) putted inside of modal popup extender (MPE), and there is a problem if i scroll the page when collapsible area is...
5
by: veenna | last post by:
i have a grid inside a collapsible panel in my page. on expand of collapsible panel i want to bind data to grid. how can i do this? how to get the events of collapsible panel. please help ...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.