Results 1 to 10 of 10
  1. #1
    5 Star Lounger
    Join Date
    Jul 2001
    Location
    Terneuzen, Netherlands
    Posts
    895
    Thanks
    0
    Thanked 0 Times in 0 Posts

    HTML basic question (??)

    I'm a terrible newby in the HTML world and have a -hopefully- simple problem that maybe someone can help me with...

    Actually, I have a request and a problem... Look at this code:

    <font color=blue>
    <ul>[*]Test
    <a name="SubFolder"></a>
    <li id="foldheader">SubFolder
    <ul id="foldinglist" style="display:none" style=&{head};>[*]A file in a subfolder[/list][/list][/list]
    </font color=blue>

    My question... what does this do exectly... I can read and understand a bit and I can see the outcome but I'm missing some of the details. E.g. what is "foldheader" and where do I find that.

    My problem: When I display this in IE I get a screen with two bullets, the first has a link. When the mouse is over the link, it shows me "This is a test" in a pop-up. The next line just displays "subfolder", there's NO LINK however and nothing pops-up.
    When I display in Frontpage however the second bullet DOES show a link & a pop-up... I don't understand why this behaves different...

    Thanks for any tips and/or help!

    EJ

  2. #2
    Super Moderator WebGenii's Avatar
    Join Date
    Jan 2001
    Location
    Redcliff, Alberta, Canada
    Posts
    4,066
    Thanks
    2
    Thanked 5 Times in 5 Posts

    Re: HTML basic question (??)

    This is the code for a list with collapsing sublists. Whether you can see that or not depends on your version of IE. FrontPage can show it to you because it has all the bells/whistles built in.
    foldheader is a style name, as is foldinglist. You may find the styles described in the style section at the beginning of the HTML page or in an external style sheet that this page is linked to.

    Hope this helps
    [b]Catharine Richardson (WebGenii)
    WebGenii Home Page
    Moderator: Spreadsheets, Other MS Apps, Presentation Apps, Visual Basic for Apps, Windows Mobile

  3. #3
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: HTML basic question (??)

    Yah, it's a bit confusing, and I don't consider this to be very logically coded. The key is to understand the different attributes:

    <ul>

    [*]<a title="This is a test" href="Test.htm">Test</a>

    <UL>The Title attribute is simply mouse-over text for the user's reference. the href is the address that loads (or the script that runs) if the user clicks the link.[/list] <a name="SubFolder"></a>
    <UL>This is an empty link with a name. This doesn't seem like a logical way to design an expanding list.[/list] <li id="foldheader">SubFolder

    <UL>An id is an alternative to name for identifying specific HTML elements. I usually use ID outside of forms, because the tools for manipulating HTML elements work well with IDs.[/list] <ul id="foldinglist" style="display:none" style=&{head};>

    <UL>The style attribute lets you directly modify the appearance or behavior of an element. In this case, the list encompassed by this <ul> tag, through the[/list]tag, will be hidden when the page loads. To apply a predefined style, you can use the class attribute. I can't think of any reason to have two style attributes... I don't understand what the &{head} does.[/list] [*]A file in a subfolder

    [/list]

    [/list]

    Here's another possible way to do it, a very old design (and an obsolete page) but it might give you some ideas: http://www.carrferrell.com/pubs/html/faq3.html

  4. #4
    5 Star Lounger
    Join Date
    Jul 2001
    Location
    Terneuzen, Netherlands
    Posts
    895
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML basic question (??)

    Catharine & JSCHER2000,

    Thanks for your explanations... I've read through them and, of course <img src=/S/blackteeth.gif border=0 alt=blackteeth width=20 height=20>, this generates new questions.... Allow me to summarize:

    * I understand that "foldheader" and "foldinglist" are styles and are defined elsewhere
    * I see the page that JSCHER2000 suggests but that's full of script/JAVA code....

    Would there be ways to simplify the code so it sort of opens subfolder contents on a page when the user clicks on it and use bulleted lists without the need for scripts and/or style-sheets???

    EJ

  5. #5
    Super Moderator WebGenii's Avatar
    Join Date
    Jan 2001
    Location
    Redcliff, Alberta, Canada
    Posts
    4,066
    Thanks
    2
    Thanked 5 Times in 5 Posts

    Re: HTML basic question (??)

    Yes there certainly is. Are you planning to use FP for this? (If so, tell us what version) or plain HTML.
    [b]Catharine Richardson (WebGenii)
    WebGenii Home Page
    Moderator: Spreadsheets, Other MS Apps, Presentation Apps, Visual Basic for Apps, Windows Mobile

  6. #6
    5 Star Lounger
    Join Date
    Jul 2001
    Location
    Terneuzen, Netherlands
    Posts
    895
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML basic question (??)

    Actually (as there's a little more to it -- code might be partly generated) I'd prefer plain HTML

  7. #7
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: HTML basic question (??)

    <P ID="edit" class=small>(Edited by jscher2000 on 18-Mar-04 12:16. )</P>> * I understand that "foldheader" and "foldinglist" are styles

    This is not quite right. These are simply IDs, names for specific parts of the document. If you want code to operate on specific parts of the document, you need to tell the code the names of those parts. That's what these are for. By themselves, they do nothing.

    Creating interactivity without code is difficult. HTML is just a layout description language. What I suggest is to create your list with everything showing, then decide what interactivity you want to add to that list. For example, you might want some not to show until the user clicks something. At that point, you will need some code. It certainly doesn't need to be as ugly as the example I gave above, but plain HTML isn't going to get you all the way there.

    Added: If you are content to load a new page (rather than alter the appearance of the existing page), then no script code would be needed, you just end up with a lot more pages.

  8. #8
    5 Star Lounger
    Join Date
    Jul 2001
    Location
    Terneuzen, Netherlands
    Posts
    895
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML basic question (??)

    All,

    Here's an update... I've read your feedback and would like to redefine the problem a bit so it might become somewhat more feasible.

    I'd still like 'plain' HTML, need some links as shown in my initial example. As soon as a 'subfolder' displays, it need not be hidden anymore however, instead I'd like to see it indented (bulleted), obviously the sub-folder name itself shouldn't be a link... Also, I'd like to get away from styles and control the indent and bullet-type myself...

    Here's an example that hopefully clarifies: suppose I have this "structure"
    <font color=red>
    file1
    file2
    Subdir1
    FileSub1
    Subdir2
    FileSub2
    </font color=red>

    I'd like some HTML code that would display this as:
    <font color=blue>
    file1
    file2

    Subdir1
    <UL><LI>FileSub1[/list]
    Subdir2
    <UL><LI>FileSub2[/list]
    </font color=blue>

    (without the extra line-feeds... couldn't get rid of them here... sorry).

    Thanks,

    Erik Jan

  9. #9
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: HTML basic question (??)

    Writing out this sort of code by hand is incredibly tedious. Do you have FrontPage? If so, I suggest to create your desired lists, and add the links to the relevant elements, in FrontPage. I think it will allow you to nest a list inside another list (if not, obviously this suggestion won't work).

    After the complete list is done, we can turn to the showing and hiding part and see if there is any alternative to JavaScript for that. I doubt it, but maybe someone will have an inspiration.

  10. #10
    Super Moderator WebGenii's Avatar
    Join Date
    Jan 2001
    Location
    Redcliff, Alberta, Canada
    Posts
    4,066
    Thanks
    2
    Thanked 5 Times in 5 Posts

    Re: HTML basic question (??)

    Yes FP will let you nest a list inside a list, use the indent button (twice).

    Cheers
    [b]Catharine Richardson (WebGenii)
    WebGenii Home Page
    Moderator: Spreadsheets, Other MS Apps, Presentation Apps, Visual Basic for Apps, Windows Mobile

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •