This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Front Page > February 2006 > Include Page and Collapsible List problem...
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
Include Page and Collapsible List problem...
|
|
| Fred Schreck 2006-02-27, 6:18 pm |
| Hello:
I've created an FP2003 collapsible list that will be used as an "include
page" in other web pages. The collapsible list functions properly when
tested in it's host page, but does not when it is included in other pages.
How can I fix this problem?
Thanks in advance,
Fred Schreck
San Francisco, CA
| |
| Murray 2006-02-27, 6:18 pm |
| > How can I fix this problem?
Probably by making sure that you contain the required javascript in the head
of the page as well.
But you need to know about the FP collapsible lists - they don't work in
Firefox.
In case you missed my earlier posts, check this out - a quick and easy way
to
get expandible lists. This method solves the problem with FP's collapsible
list code that is NOT FF/NN compatible, and will therefore work in all
browsers.
http://www.murraytestsite.com/collapsiblelist.htm
It uses some CSS, and the FP Change Property behavior.
--
Murray
--------------
MVP FrontPage
"Fred Schreck" <fred@kmd-arch-nospam.com> wrote in message
news:OYLeoA$OGHA.3276@TK2MSFTNGP09.phx.gbl...
> Hello:
>
> I've created an FP2003 collapsible list that will be used as an "include
> page" in other web pages. The collapsible list functions properly when
> tested in it's host page, but does not when it is included in other pages.
>
> How can I fix this problem?
>
>
> Thanks in advance,
>
> Fred Schreck
> San Francisco, CA
>
| |
| Mark Fitzpatrick 2006-02-28, 6:22 pm |
| Fred,
The FrontPage include page function only includes what's between the
<body> elements of the included page. Any JavaScript or CSS that FP may have
crafted for the collapsible list function was most likely placed in the
document header between the <head> elements. When you include this page into
others, those items in the <head> section are ignored and only the body
picked up. What you need to do is either place the items that FP created and
placed in the <head> to the <body>, or place them into the <head> section of
the pages that this will be included in.
Hope this helps,
Mark Fitzpatrick
Microsoft MVP - FrontPage
"Fred Schreck" <fred@kmd-arch-nospam.com> wrote in message
news:OYLeoA$OGHA.3276@TK2MSFTNGP09.phx.gbl...
> Hello:
>
> I've created an FP2003 collapsible list that will be used as an "include
> page" in other web pages. The collapsible list functions properly when
> tested in it's host page, but does not when it is included in other pages.
>
> How can I fix this problem?
>
>
> Thanks in advance,
>
> Fred Schreck
> San Francisco, CA
>
| |
| Fred Schreck 2006-02-28, 6:22 pm |
| Mark:
Thanks for your response- your suggestion worked!
I've got a follow-up question, any help will be greatly appreciated.
When I click on a link in an expanded list, IE loads the new page with the
list collapsed. This is an inconvenience for the end user.
How can I get the expanded list to persist from page to page?
Thanks again,
Fred
"Mark Fitzpatrick" <markfitz@fitzme.com> wrote in message
news:u0$$8oGPGHA.516@TK2MSFTNGP15.phx.gbl...
> Fred,
> The FrontPage include page function only includes what's between
> the <body> elements of the included page. Any JavaScript or CSS that FP
> may have crafted for the collapsible list function was most likely placed
> in the document header between the <head> elements. When you include this
> page into others, those items in the <head> section are ignored and only
> the body picked up. What you need to do is either place the items that FP
> created and placed in the <head> to the <body>, or place them into the
> <head> section of the pages that this will be included in.
>
> Hope this helps,
> Mark Fitzpatrick
> Microsoft MVP - FrontPage
>
> "Fred Schreck" <fred@kmd-arch-nospam.com> wrote in message
> news:OYLeoA$OGHA.3276@TK2MSFTNGP09.phx.gbl...
>
>
| |
| Murray 2006-02-28, 6:22 pm |
| Fred:
Did you see my post about how those expanding lists don't work in
Netscape/Firefox?
--
Murray
--------------
MVP FrontPage
"Fred Schreck" <fred@kmd-arch-nospam.com> wrote in message
news:%23ufX3HIPGHA.312@TK2MSFTNGP12.phx.gbl...
> Mark:
>
> Thanks for your response- your suggestion worked!
> I've got a follow-up question, any help will be greatly appreciated.
>
> When I click on a link in an expanded list, IE loads the new page with the
> list collapsed. This is an inconvenience for the end user.
>
> How can I get the expanded list to persist from page to page?
>
>
> Thanks again,
>
> Fred
>
> "Mark Fitzpatrick" <markfitz@fitzme.com> wrote in message
> news:u0$$8oGPGHA.516@TK2MSFTNGP15.phx.gbl...
>
>
| |
| Fred Schreck 2006-02-28, 6:22 pm |
| Murray:
Yes, I tried your approach and it worked, also. Thanks!
I have a couple of questions for you. Any additional help would be greatly
appreciated.
(1) I used the collapsed list in an "include" page, but can't get the list
state to persist across multiple pages. How can I do this? Would I need
to restrict the use of the script to a frames page design?
(2) As an exercise, I extracted your script code and saved it in a file
named "CollapsingList.js", so the code could be reused across multiple
pages. I tried the following code to call the script, but it wouldn't work
properly. What code would I need to insert?
-------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Collapsible List Demonstration</title>
<style type="text/css">
<!--
..list {font: 8pt Verdana, Arial, Helvetica, sans-serif;}
..list a{text-decoration:none;}
..list a:hover, #list a:focus {color:blue;text-decoration:underline;}
#SubTopic1, #SubTopic2, #SubTopic3, #SubTopic4, #SubTopic5, #SubTopic6,
#SubTopic7 {display: none;}
-->
</style>
<base target="main">
</head>
<body>
<script language="JavaScript1.2" src="../../../CollapsingList.js">
</script>
-----------------------------------------------------------------------------
Regards,
Fred Schreck
| |
| Murray 2006-02-28, 6:23 pm |
| > (1) I used the collapsed list in an "include" page, but can't get the list
> state to persist across multiple pages. How can I do this? Would I need
> to restrict the use of the script to a frames page design?
That would be tricky, I think. At the least it would require a page to be
aware of what the list state was on the page that called the current page,
so you would have to use cookies or a javascript parsing of the URL to strip
out some variables. Other than hand coding, I can't think of an easy way to
do this.
> What code would I need to insert?
You would need to insert the rest of the HTML for the lists, of course, and
it should work. If it's not working then please link me to the page.
--
Murray
--------------
MVP FrontPage
"Fred Schreck" <fred@kmd-arch-nospam.com> wrote in message
news:eLPq23JPGHA.3888@TK2MSFTNGP10.phx.gbl...
> Murray:
>
> Yes, I tried your approach and it worked, also. Thanks!
>
> I have a couple of questions for you. Any additional help would be
> greatly appreciated.
>
> (1) I used the collapsed list in an "include" page, but can't get the list
> state to persist across multiple pages. How can I do this? Would I need
> to restrict the use of the script to a frames page design?
>
> (2) As an exercise, I extracted your script code and saved it in a file
> named "CollapsingList.js", so the code could be reused across multiple
> pages. I tried the following code to call the script, but it wouldn't
> work properly. What code would I need to insert?
>
> -------------------------------------------------
> <html>
> <head>
> <meta http-equiv="Content-Language" content="en-us">
> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
> <title>Collapsible List Demonstration</title>
> <style type="text/css">
> <!--
> .list {font: 8pt Verdana, Arial, Helvetica, sans-serif;}
> .list a{text-decoration:none;}
> .list a:hover, #list a:focus {color:blue;text-decoration:underline;}
>
> #SubTopic1, #SubTopic2, #SubTopic3, #SubTopic4, #SubTopic5, #SubTopic6,
> #SubTopic7 {display: none;}
> -->
>
> </style>
> <base target="main">
> </head>
>
> <body>
>
> <script language="JavaScript1.2" src="../../../CollapsingList.js">
> </script>
> -----------------------------------------------------------------------------
>
>
> Regards,
>
> Fred Schreck
>
>
>
>
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|