My collapsible list won't collapse

J

janet

I am trying to follow the procedure for making collapsible lists, but it is
not working or I am not understanding it.

I position cursor, select Bullets and Numbering, select bullet type, click
OK. There is no bullet on the page as implied by the procedure.

I type the list and apply bulleting to it, check the Enable collapsible
outlines and Initially collapsed boxes. I get bullets, but the list is not
collapsed when I view it, and the check boxes are no longer checked when I
review the bullet properties.

Am I missing something?

janet
 
M

Murray

Actually, not - you can just copy the supporting js and paste it into the
page. But, yeah, to do the actual creation of the effect de novo, you're
right.
 
J

janet

OK, I can use your code. But we are requiring the user to use IE6. It's on
our company intranet. Why won't the list hold the properties I set? The
procedure as laid out in Article 825491 says

"1. In Design view, put the insertion point where you want to create an
outline.
2. On the Format menu, click Bullets and Numbering.
3. On the Numbers tab, select the style of numbers or letters that you want
to start with, and then click OK. "

It implies there should then be a bullet at the insertion point. There
isn't one. Then, the procedure says

"3. If you want the list to be collapsed when the page is first opened in a
Web browser, click to select the Initially collapsed check box, and then
click OK.
Note If your list contains many items that are on the same level, each of
these will be collapsible and all levels below the first level will also be
collapsible. "

I check these check boxes, but the properties aren't checked when I re-open
the properties box. Why aren't the properties held?

janet
 
M

Murray

Which FP are you using?

--
Murray
============

janet said:
OK, I can use your code. But we are requiring the user to use IE6. It's
on
our company intranet. Why won't the list hold the properties I set? The
procedure as laid out in Article 825491 says

"1. In Design view, put the insertion point where you want to create an
outline.
2. On the Format menu, click Bullets and Numbering.
3. On the Numbers tab, select the style of numbers or letters that you
want
to start with, and then click OK. "

It implies there should then be a bullet at the insertion point. There
isn't one. Then, the procedure says

"3. If you want the list to be collapsed when the page is first opened in
a
Web browser, click to select the Initially collapsed check box, and then
click OK.
Note If your list contains many items that are on the same level, each of
these will be collapsible and all levels below the first level will also
be
collapsible. "

I check these check boxes, but the properties aren't checked when I
re-open
the properties box. Why aren't the properties held?

janet
Click to expand...
 
M

Murray

"1. In Design view, put the insertion point where you want to create an
Make sure you enable collapsible lists using the checkbox, and then decide
if you want the list initially collapsed or expanded.

I see one there - depending on the kind of bullet I have selected, of
course.

When I follow those instructions, I get this markup -

<ol dynamicoutline initcollapsed type="a">
<li></li>
</ol>

Is that what you get?
 
J

Jennifer

Hi Murray,

I am having the same problem as Janet. When I preview my page using the
'Preview in Browser' option, it works. When I post it live, the page is all
messed up - the lists are not collapsed, some of the font formatting is not
correct.

I tried using both codes you provided, but it still does not work. Am I
missing something?

Thanks so much.

Jennifer
 
J

Jennifer

http://www.paradigmbiodevices.com/training.html

The above is the original page so it does not have your coding. The page
was created in Dreamweaver (by an outside designer) and I edit it in FP.
Hopefully, that is not what is causing the problem.

http://www.paradigmbiodevices.com/training.html

The above is the page I tried to play with before changing my page. I just
typed your coding exactly.

I like the code that causes the other lists to 'collapse' back up. I know I
am doing something wrong, I just don't know what.

Thanks so much.
Jennifer
 
M

Murray

Heheh - both links are the same.

On your page, this link is obviously not going to work -

<link rel="stylesheet"
href="Macintosh%20HD:Desktop%20Folder:invivo_web:nyvsc.css" type="text/css">

You would need to remake that so that it was not pointing to your hard
drive.

You also need to be careful about using file/pathnames that contain spaces -
these'll come back to bite you one of these days.

Anyhow - wanna show me what your second link should be?
 
J

Jennifer

LOL. I forgot to change the file name. Sorry about that. Try this:

http://www.paradigmbiodevices.com/list_item_1.htm

The link you mentioned below, I copy / pasted from another website I manage,
and I haven't changed that information yet - thanks for reminding me.

And thanks for the tip on the file/pathnames that contain spaces. I didn't
know that.

Thanks for all your help. I really appreciate it.

Jennifer
 
M

Murray

Heh - well, you kinda left out a bunch of pretty important stuff. Try
this -

<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>
<script language="JavaScript">
<!--
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return
el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return
el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}

function FP_changePropRestore() {//v1.0
var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) {
x=d.$cpe;
if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; }
}

function FP_changeProp() {//v1.0
var
args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}
// -->
</script>
<style type="text/css">
<!--
body {
margin:50px;
background-color:#F9FAC7;
font: 18px/22px Verdana, arial, helvetica, sans-serif;
color:black;
}
..list {
font: 14px/18px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
..list a{
text-decoration:none;
color:green;

}
..list a:hover, #list a:focus {
text-decoration:eek:verline;
border-bottom:1px solid purple;
color:purple;

}
#suba1, #suba2, #suba3,#subb1, #subb2, #subb3 {
display: none;
}
-->
</style>
</head>
<body>
<ul>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb1',1,'style.display','block')/">List
Item 1</a>
<ul id="subb1">
<li>Subb1-1</li>
<li>Subb1-2</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb2',1,'style.display','block')/">List
Item 2</a>
<ul id="subb2">
<li>Subb2-1</li>
<li>Subb2-2</li>
<li>Subb2-3</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb3',1,'style.display','block')/">List
Item 3</a>
<ul id="subb2">
<li>Subb3-1</li>
<li>Subb-2</li>
</ul>
</li>
</ul>
</body>
</html>
 
J

Jennifer

I am stumped. I typed in everything EXACTLY as you have it below and it is
still not working. Is it because FP doesn't want to play nicely?

Jennifer

Murray said:
Heh - well, you kinda left out a bunch of pretty important stuff. Try
this -

<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>
<script language="JavaScript">
<!--
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return
el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return
el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}

function FP_changePropRestore() {//v1.0
var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) {
x=d.$cpe;
if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; }
}

function FP_changeProp() {//v1.0
var
args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}
// -->
</script>
<style type="text/css">
<!--
body {
margin:50px;
background-color:#F9FAC7;
font: 18px/22px Verdana, arial, helvetica, sans-serif;
color:black;
}
..list {
font: 14px/18px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
..list a{
text-decoration:none;
color:green;

}
..list a:hover, #list a:focus {
text-decoration:eek:verline;
border-bottom:1px solid purple;
color:purple;

}
#suba1, #suba2, #suba3,#subb1, #subb2, #subb3 {
display: none;
}
-->
</style>
</head>
<body>
<ul>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb1',1,'style.display','block')/">List
Item 1</a>
<ul id="subb1">
<li>Subb1-1</li>
<li>Subb1-2</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb2',1,'style.display','block')/">List
Item 2</a>
<ul id="subb2">
<li>Subb2-1</li>
<li>Subb2-2</li>
<li>Subb2-3</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb3',1,'style.display','block')/">List
Item 3</a>
<ul id="subb2">
<li>Subb3-1</li>
<li>Subb-2</li>
</ul>
</li>
</ul>
</body>
</html>


--
Murray
============

Jennifer said:
LOL. I forgot to change the file name. Sorry about that. Try this:

http://www.paradigmbiodevices.com/list_item_1.htm

The link you mentioned below, I copy / pasted from another website I
manage,
and I haven't changed that information yet - thanks for reminding me.

And thanks for the tip on the file/pathnames that contain spaces. I
didn't
know that.

Thanks for all your help. I really appreciate it.

Jennifer
Click to expand...
Click to expand...
 
J

JCO

Maybe it should be called "Expandable List"
Since it never collapses (unless you refresh).

Murray said:
Heh - well, you kinda left out a bunch of pretty important stuff. Try
this -

<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>
<script language="JavaScript">
<!--
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return
el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return
el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}

function FP_changePropRestore() {//v1.0
var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) {
x=d.$cpe;
if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; }
}

function FP_changeProp() {//v1.0
var
args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}
// -->
</script>
<style type="text/css">
<!--
body {
margin:50px;
background-color:#F9FAC7;
font: 18px/22px Verdana, arial, helvetica, sans-serif;
color:black;
}
.list {
font: 14px/18px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
.list a{
text-decoration:none;
color:green;

}
.list a:hover, #list a:focus {
text-decoration:eek:verline;
border-bottom:1px solid purple;
color:purple;

}
#suba1, #suba2, #suba3,#subb1, #subb2, #subb3 {
display: none;
}
-->
</style>
</head>
<body>
<ul>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb1',1,'style.display','block')/">List
Item 1</a>
<ul id="subb1">
<li>Subb1-1</li>
<li>Subb1-2</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb2',1,'style.display','block')/">List
Item 2</a>
<ul id="subb2">
<li>Subb2-1</li>
<li>Subb2-2</li>
<li>Subb2-3</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb3',1,'style.display','block')/">List
Item 3</a>
<ul id="subb2">
<li>Subb3-1</li>
<li>Subb-2</li>
</ul>
</li>
</ul>
</body>
</html>


--
Murray
============

Jennifer said:
LOL. I forgot to change the file name. Sorry about that. Try this:

http://www.paradigmbiodevices.com/list_item_1.htm

The link you mentioned below, I copy / pasted from another website I
manage,
and I haven't changed that information yet - thanks for reminding me.

And thanks for the tip on the file/pathnames that contain spaces. I
didn't
know that.

Thanks for all your help. I really appreciate it.

Jennifer
Click to expand...
Click to expand...
 
M

Murray

It does if you read the whole thing.

http://www.murraytestsite.com/collapsiblelist.htm

--
Murray
============

JCO said:
Maybe it should be called "Expandable List"
Since it never collapses (unless you refresh).

Murray said:
Heh - well, you kinda left out a bunch of pretty important stuff. Try
this -

<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>
<script language="JavaScript">
<!--
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return
el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return
el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}

function FP_changePropRestore() {//v1.0
var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) {
x=d.$cpe;
if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; }
}

function FP_changeProp() {//v1.0
var
args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}
// -->
</script>
<style type="text/css">
<!--
body {
margin:50px;
background-color:#F9FAC7;
font: 18px/22px Verdana, arial, helvetica, sans-serif;
color:black;
}
.list {
font: 14px/18px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
.list a{
text-decoration:none;
color:green;

}
.list a:hover, #list a:focus {
text-decoration:eek:verline;
border-bottom:1px solid purple;
color:purple;

}
#suba1, #suba2, #suba3,#subb1, #subb2, #subb3 {
display: none;
}
-->
</style>
</head>
<body>
<ul>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb1',1,'style.display','block')/">List
Item 1</a>
<ul id="subb1">
<li>Subb1-1</li>
<li>Subb1-2</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb2',1,'style.display','block')/">List
Item 2</a>
<ul id="subb2">
<li>Subb2-1</li>
<li>Subb2-2</li>
<li>Subb2-3</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb3',1,'style.display','block')/">List
Item 3</a>
<ul id="subb2">
<li>Subb3-1</li>
<li>Subb-2</li>
</ul>
</li>
</ul>
</body>
</html>


--
Murray
============

Jennifer said:
LOL. I forgot to change the file name. Sorry about that. Try this:

http://www.paradigmbiodevices.com/list_item_1.htm

The link you mentioned below, I copy / pasted from another website I
manage,
and I haven't changed that information yet - thanks for reminding me.

And thanks for the tip on the file/pathnames that contain spaces. I
didn't
know that.

Thanks for all your help. I really appreciate it.

Jennifer


:

Heheh - both links are the same.

On your page, this link is obviously not going to work -

<link rel="stylesheet"
href="Macintosh%20HD:Desktop%20Folder:invivo_web:nyvsc.css"
type="text/css">

You would need to remake that so that it was not pointing to your hard
drive.

You also need to be careful about using file/pathnames that contain
spaces -
these'll come back to bite you one of these days.

Anyhow - wanna show me what your second link should be?

--
Murray
============

http://www.paradigmbiodevices.com/training.html

The above is the original page so it does not have your coding. The
page
was created in Dreamweaver (by an outside designer) and I edit it in
FP.
Hopefully, that is not what is causing the problem.

http://www.paradigmbiodevices.com/training.html

The above is the page I tried to play with before changing my page. I
just
typed your coding exactly.

I like the code that causes the other lists to 'collapse' back up.
I
know
I
am doing something wrong, I just don't know what.

Thanks so much.
Jennifer


:

Show me what you have tried, please. Can you post a link to the page?

--
Murray
============

Hi Murray,

I am having the same problem as Janet. When I preview my page using
the
'Preview in Browser' option, it works. When I post it live, the
page
is
all
messed up - the lists are not collapsed, some of the font formatting
is
not
correct.

I tried using both codes you provided, but it still does not
work.
Am
I
missing something?

Thanks so much.

Jennifer

:

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
============

I am trying to follow the procedure for making collapsible lists,
but
it
is
not working or I am not understanding it.

I position cursor, select Bullets and Numbering, select bullet
type,
click
OK. There is no bullet on the page as implied by the procedure.

I type the list and apply bulleting to it, check the Enable
collapsible
outlines and Initially collapsed boxes. I get bullets, but
the
list
is
not
collapsed when I view it, and the check boxes are no longer
checked
when I
review the bullet properties.

Am I missing something?

janet
Click to expand...
Click to expand...
Click to expand...
 
M

Murray

Heh - maybe I should read it too.

Janet - here is the page the way it should be -

http://www.murraytestsite.com/collapsible_list_demonstration2.htm

--
Murray
============

Murray said:
It does if you read the whole thing.

http://www.murraytestsite.com/collapsiblelist.htm

--
Murray
============

JCO said:
Maybe it should be called "Expandable List"
Since it never collapses (unless you refresh).

Murray said:
Heh - well, you kinda left out a bunch of pretty important stuff. Try
this -

<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>
<script language="JavaScript">
<!--
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el)
return
el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return
el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}

function FP_changePropRestore() {//v1.0
var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) {
x=d.$cpe;
if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; }
}

function FP_changeProp() {//v1.0
var
args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}
// -->
</script>
<style type="text/css">
<!--
body {
margin:50px;
background-color:#F9FAC7;
font: 18px/22px Verdana, arial, helvetica, sans-serif;
color:black;
}
.list {
font: 14px/18px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
.list a{
text-decoration:none;
color:green;

}
.list a:hover, #list a:focus {
text-decoration:eek:verline;
border-bottom:1px solid purple;
color:purple;

}
#suba1, #suba2, #suba3,#subb1, #subb2, #subb3 {
display: none;
}
-->
</style>
</head>
<body>
<ul>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb1',1,'style.display','block')/">List
Item 1</a>
<ul id="subb1">
<li>Subb1-1</li>
<li>Subb1-2</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb2',1,'style.display','block')/">List
Item 2</a>
<ul id="subb2">
<li>Subb2-1</li>
<li>Subb2-2</li>
<li>Subb2-3</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb3',1,'style.display','block')/">List
Item 3</a>
<ul id="subb2">
<li>Subb3-1</li>
<li>Subb-2</li>
</ul>
</li>
</ul>
</body>
</html>


--
Murray
============

LOL. I forgot to change the file name. Sorry about that. Try this:

http://www.paradigmbiodevices.com/list_item_1.htm

The link you mentioned below, I copy / pasted from another website I
manage,
and I haven't changed that information yet - thanks for reminding me.

And thanks for the tip on the file/pathnames that contain spaces. I
didn't
know that.

Thanks for all your help. I really appreciate it.

Jennifer


:

Heheh - both links are the same.

On your page, this link is obviously not going to work -

<link rel="stylesheet"
href="Macintosh%20HD:Desktop%20Folder:invivo_web:nyvsc.css"
type="text/css">

You would need to remake that so that it was not pointing to your
hard
drive.

You also need to be careful about using file/pathnames that contain
spaces -
these'll come back to bite you one of these days.

Anyhow - wanna show me what your second link should be?

--
Murray
============

http://www.paradigmbiodevices.com/training.html

The above is the original page so it does not have your coding.
The
page
was created in Dreamweaver (by an outside designer) and I edit it
in
FP.
Hopefully, that is not what is causing the problem.

http://www.paradigmbiodevices.com/training.html

The above is the page I tried to play with before changing my page. I
just
typed your coding exactly.

I like the code that causes the other lists to 'collapse' back up.
I
know
I
am doing something wrong, I just don't know what.

Thanks so much.
Jennifer


:

Show me what you have tried, please. Can you post a link to the page?

--
Murray
============

Hi Murray,

I am having the same problem as Janet. When I preview my page using
the
'Preview in Browser' option, it works. When I post it live, the
page
is
all
messed up - the lists are not collapsed, some of the font formatting
is
not
correct.

I tried using both codes you provided, but it still does not
work.
Am
I
missing something?

Thanks so much.

Jennifer

:

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
============

I am trying to follow the procedure for making collapsible lists,
but
it
is
not working or I am not understanding it.

I position cursor, select Bullets and Numbering, select
bullet
type,
click
OK. There is no bullet on the page as implied by the procedure.

I type the list and apply bulleting to it, check the Enable
collapsible
outlines and Initially collapsed boxes. I get bullets, but
the
list
is
not
collapsed when I view it, and the check boxes are no longer
checked
when I
review the bullet properties.

Am I missing something?

janet
Click to expand...
Click to expand...
Click to expand...
 
J

JCO

Yep that works now.
I believe Jennifer should be able to get it now as long as she view's the
source?

Murray said:
Heh - maybe I should read it too.

Janet - here is the page the way it should be -

http://www.murraytestsite.com/collapsible_list_demonstration2.htm

--
Murray
============

Murray said:
It does if you read the whole thing.

http://www.murraytestsite.com/collapsiblelist.htm

--
Murray
============

JCO said:
Maybe it should be called "Expandable List"
Since it never collapses (unless you refresh).

Heh - well, you kinda left out a bunch of pretty important stuff. Try
this -

<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>
<script language="JavaScript">
<!--
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el)
return
el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes;
if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return
el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el)
return
el; } }
return null;
}

function FP_changePropRestore() {//v1.0
var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) {
x=d.$cpe;
if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; }
}

function FP_changeProp() {//v1.0
var
args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new
Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}
// -->
</script>
<style type="text/css">
<!--
body {
margin:50px;
background-color:#F9FAC7;
font: 18px/22px Verdana, arial, helvetica, sans-serif;
color:black;
}
.list {
font: 14px/18px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
.list a{
text-decoration:none;
color:green;

}
.list a:hover, #list a:focus {
text-decoration:eek:verline;
border-bottom:1px solid purple;
color:purple;

}
#suba1, #suba2, #suba3,#subb1, #subb2, #subb3 {
display: none;
}
-->
</style>
</head>
<body>
<ul>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb1',1,'style.display','block')/">List
Item 1</a>
<ul id="subb1">
<li>Subb1-1</li>
<li>Subb1-2</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb2',1,'style.display','block')/">List
Item 2</a>
<ul id="subb2">
<li>Subb2-1</li>
<li>Subb2-2</li>
<li>Subb2-3</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb3',1,'style.display','block')/">List
Item 3</a>
<ul id="subb2">
<li>Subb3-1</li>
<li>Subb-2</li>
</ul>
</li>
</ul>
</body>
</html>


--
Murray
============

LOL. I forgot to change the file name. Sorry about that. Try this:

http://www.paradigmbiodevices.com/list_item_1.htm

The link you mentioned below, I copy / pasted from another website I
manage,
and I haven't changed that information yet - thanks for reminding me.

And thanks for the tip on the file/pathnames that contain spaces. I
didn't
know that.

Thanks for all your help. I really appreciate it.

Jennifer


:

Heheh - both links are the same.

On your page, this link is obviously not going to work -

<link rel="stylesheet"
href="Macintosh%20HD:Desktop%20Folder:invivo_web:nyvsc.css"
type="text/css">

You would need to remake that so that it was not pointing to your
hard
drive.

You also need to be careful about using file/pathnames that contain
spaces -
these'll come back to bite you one of these days.

Anyhow - wanna show me what your second link should be?

--
Murray
============

http://www.paradigmbiodevices.com/training.html

The above is the original page so it does not have your coding.
The
page
was created in Dreamweaver (by an outside designer) and I edit it
in
FP.
Hopefully, that is not what is causing the problem.

http://www.paradigmbiodevices.com/training.html

The above is the page I tried to play with before changing my page.
I
just
typed your coding exactly.

I like the code that causes the other lists to 'collapse' back up.
I
know
I
am doing something wrong, I just don't know what.

Thanks so much.
Jennifer


:

Show me what you have tried, please. Can you post a link to the
page?

--
Murray
============

Hi Murray,

I am having the same problem as Janet. When I preview my page
using
the
'Preview in Browser' option, it works. When I post it live, the
page
is
all
messed up - the lists are not collapsed, some of the font
formatting
is
not
correct.

I tried using both codes you provided, but it still does not
work.
Am
I
missing something?

Thanks so much.

Jennifer

:

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
============

I am trying to follow the procedure for making collapsible
lists,
but
it
is
not working or I am not understanding it.

I position cursor, select Bullets and Numbering, select
bullet
type,
click
OK. There is no bullet on the page as implied by the
procedure.

I type the list and apply bulleting to it, check the Enable
collapsible
outlines and Initially collapsed boxes. I get bullets, but
the
list
is
not
collapsed when I view it, and the check boxes are no longer
checked
when I
review the bullet properties.

Am I missing something?

janet
Click to expand...
Click to expand...
Click to expand...
 
M

Murray

Yes. Just view source and copy *EVERYTHING*, including the head of the page
as well as the body.

--
Murray
============

JCO said:
Yep that works now.
I believe Jennifer should be able to get it now as long as she view's the
source?

Murray said:
Heh - maybe I should read it too.

Janet - here is the page the way it should be -

http://www.murraytestsite.com/collapsible_list_demonstration2.htm

--
Murray
============

Murray said:
It does if you read the whole thing.

http://www.murraytestsite.com/collapsiblelist.htm

--
Murray
============

Maybe it should be called "Expandable List"
Since it never collapses (unless you refresh).

Heh - well, you kinda left out a bunch of pretty important stuff.
Try
this -

<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>
<script language="JavaScript">
<!--
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el)
return
el;
if(o.id==id || o.name==id) return o; if(o.childNodes)
c=o.childNodes;
if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return
el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el)
return
el; } }
return null;
}

function FP_changePropRestore() {//v1.0
var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) {
x=d.$cpe;
if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; }
}

function FP_changeProp() {//v1.0
var
args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new
Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}
// -->
</script>
<style type="text/css">
<!--
body {
margin:50px;
background-color:#F9FAC7;
font: 18px/22px Verdana, arial, helvetica, sans-serif;
color:black;
}
.list {
font: 14px/18px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
.list a{
text-decoration:none;
color:green;

}
.list a:hover, #list a:focus {
text-decoration:eek:verline;
border-bottom:1px solid purple;
color:purple;

}
#suba1, #suba2, #suba3,#subb1, #subb2, #subb3 {
display: none;
}
-->
</style>
</head>
<body>
<ul>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb1',1,'style.display','block')/">List
Item 1</a>
<ul id="subb1">
<li>Subb1-1</li>
<li>Subb1-2</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb2',1,'style.display','block')/">List
Item 2</a>
<ul id="subb2">
<li>Subb2-1</li>
<li>Subb2-2</li>
<li>Subb2-3</li>
</ul>
</li>
<li><a href="#"
onclick="FP_changeProp(/*id*/'subb3',1,'style.display','block')/">List
Item 3</a>
<ul id="subb2">
<li>Subb3-1</li>
<li>Subb-2</li>
</ul>
</li>
</ul>
</body>
</html>


--
Murray
============

LOL. I forgot to change the file name. Sorry about that. Try this:

http://www.paradigmbiodevices.com/list_item_1.htm

The link you mentioned below, I copy / pasted from another website
I
manage,
and I haven't changed that information yet - thanks for reminding me.

And thanks for the tip on the file/pathnames that contain spaces. I
didn't
know that.

Thanks for all your help. I really appreciate it.

Jennifer


:

Heheh - both links are the same.

On your page, this link is obviously not going to work -

<link rel="stylesheet"
href="Macintosh%20HD:Desktop%20Folder:invivo_web:nyvsc.css"
type="text/css">

You would need to remake that so that it was not pointing to your
hard
drive.

You also need to be careful about using file/pathnames that
contain
spaces -
these'll come back to bite you one of these days.

Anyhow - wanna show me what your second link should be?

--
Murray
============

http://www.paradigmbiodevices.com/training.html

The above is the original page so it does not have your coding.
The
page
was created in Dreamweaver (by an outside designer) and I edit
it
in
FP.
Hopefully, that is not what is causing the problem.

http://www.paradigmbiodevices.com/training.html

The above is the page I tried to play with before changing my page.
I
just
typed your coding exactly.

I like the code that causes the other lists to 'collapse' back up.
I
know
I
am doing something wrong, I just don't know what.

Thanks so much.
Jennifer


:

Show me what you have tried, please. Can you post a link to
the
page?

--
Murray
============

message
Hi Murray,

I am having the same problem as Janet. When I preview my
page
using
the
'Preview in Browser' option, it works. When I post it live, the
page
is
all
messed up - the lists are not collapsed, some of the font
formatting
is
not
correct.

I tried using both codes you provided, but it still does not
work.
Am
I
missing something?

Thanks so much.

Jennifer

:

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
============

I am trying to follow the procedure for making collapsible
lists,
but
it
is
not working or I am not understanding it.

I position cursor, select Bullets and Numbering, select
bullet
type,
click
OK. There is no bullet on the page as implied by the
procedure.

I type the list and apply bulleting to it, check the
Enable
collapsible
outlines and Initially collapsed boxes. I get bullets,
but
the
list
is
not
collapsed when I view it, and the check boxes are no
longer
checked
when I
review the bullet properties.

Am I missing something?

janet
Click to expand...
Click to expand...
Click to expand...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Collapsible Lists 0
Front Page 2003 - Creating Multilevel List - Make It Collapsible 0
Collapsible List doesn't collapse 3
Collapsible list not collapsing: help 1
Creating Multi-level lists 4
Collapsible List 1
Changing Cursor with Picture Bullets Collapsible List 3
those darn collapsible lists 0

Top