show more

Julie1 · February 21, 2011, 9:04pm

Question,

how do you do the show more feature?

I have a lot of text under each title… Is it better to do a scripty accordion and have all text hidden till they click or
show the first sentance under the title and do a show more… then have it pop to a new window / pop up or drop down.

Thank you for your thoughts and help

Julie

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

waltd · February 21, 2011, 9:32pm

I would just roll something simple in Prototype. No need to get the
accordion out and have to go through all of that. What is the format
of your long text? Is it multiple paragraphs, or just a very long
paragraph of text?

The exact answer depends on your layout and the structure of your
content.

Walter

On Feb 21, 2011, at 4:04 PM, Julie Maxwell Allen wrote:

Question,

how do you do the show more feature?

I have a lot of text under each title… Is it better to do a
scripty accordion and have all text hidden till they click or
show the first sentance under the title and do a show more… then
have it pop to a new window / pop up or drop down.

Thank you for your thoughts and help

Julie

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · February 21, 2011, 9:43pm

It is multiple paragraphs.

Prototype?

Julie
Sent from my iPhone

On Feb 21, 2011, at 4:32 PM, Walter Lee Davis email@hidden wrote:

I would just roll something simple in Prototype. No need to get the accordion out and have to go through all of that. What is the format of your long text? Is it multiple paragraphs, or just a very long paragraph of text?

The exact answer depends on your layout and the structure of your content.

Walter

On Feb 21, 2011, at 4:04 PM, Julie Maxwell Allen wrote:

Question,

how do you do the show more feature?

I have a lot of text under each title… Is it better to do a scripty accordion and have all text hidden till they click or
show the first sentance under the title and do a show more… then have it pop to a new window / pop up or drop down.

Thank you for your thoughts and help

Julie

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

waltd · February 21, 2011, 10:06pm

Prototype is one of the JavaScript libraries in Protaculous (and in
the built-in Freeway FX Actions).

Here’s what I would do. In Freeway, select all but the intro paragraph
of text for your first item and cut to the clipboard. Then Insert /
HTML Item and stretch the newly-created inline box to the full width
of the outer text box. Double-click inside this box and paste your
leftover text. Click elsewhere, then click once on the inline box, and
deselect its height attribute by clicking on the icon to the left of
the height field in the Inspector. While the inline box is still
selected, choose Item / Extended from the main menu, press New, and
enter

Name: class
Value: disclose

Repeat for each item you want to give this treatment to. This will
work best if all of your elements are contained within a single HTML
box, by the way.

Once you’ve done this, apply the Protaculous Action to the page.
Choose prototype-packed from the Library picker, and then click on the
top Function Body button. Paste in the following code:

gist.github.com

https://gist.github.com/walterdavis/837777

gistfile1.js

//you can edit these values to change the wording of the link
var DEF_READ_MORE = 'read more...';
var DEF_HIDE = 'hide';
//don't edit below here
$$('div.disclose').invoke('hide').invoke('insert',{before:'<p><a href="#' + this.id + '" class="tog">' + DEF_READ_MORE + '</a></p>'});
document.observe('click',function(evt){
  var elm;
  if(elm = evt.findElement('a.tog')){
    evt.stop();
    var text = (elm.innerHTML == DEF_READ_MORE) ? DEF_HIDE : DEF_READ_MORE;

This file has been truncated. show original

Preview in a browser to see the effect. You can style the links by
clicking once on the outermost HTML box (the one you entered the
inline boxes into) and setting the link styles using the Inspector.
You’ll probably also want to disable the height attribute on this
outer HTML box as well. This code will cause all of the DIVs with the
classname 'disclose" to hide, and will insert a text link in their
place. Clicking this link will cause the hidden DIV to appear, update
the link text to ‘hide’ and clicking a second time will do the
opposite. Each element will behave the same way, there’s no practical
limit to the number of these items you can have on the page.

Walter

On Feb 21, 2011, at 4:43 PM, Julie Maxwell Allen wrote:

It is multiple paragraphs.

Prototype?

Julie
Sent from my iPhone

On Feb 21, 2011, at 4:32 PM, Walter Lee Davis email@hidden
wrote:

I would just roll something simple in Prototype. No need to get the
accordion out and have to go through all of that. What is the
format of your long text? Is it multiple paragraphs, or just a very
long paragraph of text?

The exact answer depends on your layout and the structure of your
content.

Walter

On Feb 21, 2011, at 4:04 PM, Julie Maxwell Allen wrote:

Question,

how do you do the show more feature?

I have a lot of text under each title… Is it better to do a
scripty accordion and have all text hidden till they click or
show the first sentance under the title and do a show more… then
have it pop to a new window / pop up or drop down.

Thank you for your thoughts and help

Julie

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · February 21, 2011, 10:51pm

Thank you. I will work on it this evening.

I will post when I am done.

J

Sent from my iPhone

On Feb 21, 2011, at 5:06 PM, Walter Lee Davis email@hidden wrote:

Prototype is one of the JavaScript libraries in Protaculous (and in the built-in Freeway FX Actions).

Here’s what I would do. In Freeway, select all but the intro paragraph of text for your first item and cut to the clipboard. Then Insert / HTML Item and stretch the newly-created inline box to the full width of the outer text box. Double-click inside this box and paste your leftover text. Click elsewhere, then click once on the inline box, and deselect its height attribute by clicking on the icon to the left of the height field in the Inspector. While the inline box is still selected, choose Item / Extended from the main menu, press New, and enter

Name: class

Value: disclose

Repeat for each item you want to give this treatment to. This will work best if all of your elements are contained within a single HTML box, by the way.

Once you’ve done this, apply the Protaculous Action to the page. Choose prototype-packed from the Library picker, and then click on the top Function Body button. Paste in the following code:

gist:837777 · GitHub

Preview in a browser to see the effect. You can style the links by clicking once on the outermost HTML box (the one you entered the inline boxes into) and setting the link styles using the Inspector. You’ll probably also want to disable the height attribute on this outer HTML box as well. This code will cause all of the DIVs with the classname 'disclose" to hide, and will insert a text link in their place. Clicking this link will cause the hidden DIV to appear, update the link text to ‘hide’ and clicking a second time will do the opposite. Each element will behave the same way, there’s no practical limit to the number of these items you can have on the page.

Walter

On Feb 21, 2011, at 4:43 PM, Julie Maxwell Allen wrote:

It is multiple paragraphs.

Prototype?

Julie
Sent from my iPhone

On Feb 21, 2011, at 4:32 PM, Walter Lee Davis email@hidden wrote:

I would just roll something simple in Prototype. No need to get the accordion out and have to go through all of that. What is the format of your long text? Is it multiple paragraphs, or just a very long paragraph of text?

The exact answer depends on your layout and the structure of your content.

Walter

On Feb 21, 2011, at 4:04 PM, Julie Maxwell Allen wrote:

Question,

how do you do the show more feature?

I have a lot of text under each title… Is it better to do a scripty accordion and have all text hidden till they click or
show the first sentance under the title and do a show more… then have it pop to a new window / pop up or drop down.

Thank you for your thoughts and help

Julie

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · February 22, 2011, 12:37am

Hi Walter

Just going through this and while the disclose divs are hiding with the read more… text appearing there is nothing happening on click.

I am getting the following error


disclose_more.html:21TypeError: Result of expression 'evt.find_element' [undefined] is not a function.

What am I missing

http://www.deltadesign.co/examples/disclose_more.html

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

waltd · February 22, 2011, 1:11am

Sorry, dumb mistake. Too much Rails and not enough JavaScript lately.
In Ruby, method (function) names are lower-case, and separated by
underscores. In JavaScript, they begin with a lower-case letter
(unless they are Class methods) and they have interCaps to separate
words.

I’ve corrected the Gist, so copy and paste once more.

Walter

On Feb 21, 2011, at 7:37 PM, DeltaDave wrote:

Hi Walter

Just going through this and while the disclose divs are hiding with
the read more… text appearing there is nothing happening on click.

I am getting the following error
disclose_more.html:21TypeError: Result of expression  
'evt.find_element' [undefined] is not a function.
What am I missing

http://www.deltadesign.co/examples/disclose_more.html

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · February 22, 2011, 1:37am

Yes - I searched through it looking for something awry but didn’t know enough to find it.

Thanks Walter - I know Julie would be pulling her hair out if it didn’t work for her - if she has any left!

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · February 22, 2011, 2:07am

Thank you so much! I appreciate you doing that… I have a full head… shockingly.

now for me to try it.

J

On Feb 21, 2011, at 8:37 PM, DeltaDave wrote:

Yes - I searched through it looking for something awry but didn’t know enough to find it.

Thanks Walter - I know Julie would be pulling her hair out if it didn’t work for her - if she has any left!

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · February 22, 2011, 2:30am

not getting it… I know shocking

I set everything else up like stated…

you mention a link - " Clicking this link will cause the hidden DIV to appear, update the link text to ‘hide’ and clicking a second time will do the opposite."

how do you link the - “read more” to the html box?

I think that is where i am missing it.

here is where it is:

http://grassrootsweb.net/diane/pateinteducatio.html

you see under menopause - the first paragraph then ‘see more’

all thats under is what is 1st to do. I figure I will get the first one mastered then do the 3 more like it.

J

On Feb 21, 2011, at 9:07 PM, Julie Maxwell Allen wrote:

Thank you so much! I appreciate you doing that… I have a full head… shockingly.

now for me to try it.

J

On Feb 21, 2011, at 8:37 PM, DeltaDave wrote:

Yes - I searched through it looking for something awry but didn’t know enough to find it.

Thanks Walter - I know Julie would be pulling her hair out if it didn’t work for her - if she has any left!

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

waltd · February 22, 2011, 4:11am

The script adds the link for you, you don’t have to make it yourself. Just follow the steps I outlined, and see what happens.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · February 22, 2011, 4:12am

I will try it again. Thank you

Sent from my iPhone

On Feb 21, 2011, at 11:11 PM, waltd email@hidden wrote:

The script adds the link for you, you don’t have to make it yourself. Just follow the steps I outlined, and see what happens.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

waltd · February 22, 2011, 3:38pm

Here’s a little change you can try, see if it helps you. Instead of
using the Item / Extended dialog to add a classname to your inline
(soon to be hidden) DIVs, just use the Styles palette to create an
empty style with the Name field set to disclose (without the back-
tick quotes, if you’re reading this in Mail).

If you already used Extended to add that classname, you can continue
to use it that way. But if you skipped that step, then this is easier.
After you make this style, click once on the inline DIV and apply the
style by clicking on its name in the list in the Styles palette (it
will appear within the list with the name .disclose).

Note that you don’t have to put anything in this style – you don’t
have to change any settings in the New Style dialog besides adding the
Name. This style is simply used as a marker in your page. You can
apply it to any inline DIV that you wish to hide, anywhere on the
page. This will not work predictably if you simply draw a DIV on the
page and apply the style to it. It will work, in the sense that if you
click on the read more… link, the DIV will appear, but the layout
will not make any sense visually. As long as the DIV you apply it to
is nested inline within another DIV, all will be well.

Walter

On Feb 21, 2011, at 11:12 PM, Julie Maxwell Allen wrote:

I will try it again. Thank you

Sent from my iPhone

On Feb 21, 2011, at 11:11 PM, waltd email@hidden wrote:

The script adds the link for you, you don’t have to make it
yourself. Just follow the steps I outlined, and see what happens.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · February 22, 2011, 3:53pm

Ok, it is working - wonderful and so simple

Thank you

but I have one question… it is giving a read more to an above paragraph (different HTML box) and hiding the rest.

I want Menopause to show… and when you see it you see the correct link - read more

how do I fix it?
http://grassrootsweb.net/diane/pateinteducatio.html

Thank you
J
On Feb 21, 2011, at 11:12 PM, Julie Maxwell Allen wrote:

I will try it again. Thank you

Sent from my iPhone

On Feb 21, 2011, at 11:11 PM, waltd email@hidden wrote:

The script adds the link for you, you don’t have to make it yourself. Just follow the steps I outlined, and see what happens.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

waltd · February 22, 2011, 4:12pm

I see the problem. The premise of these read more’s (as I understood
it) was that you wanted to have an intro to each topic, and then a
click to expand the rest of that topic discussion:

###Osteoporosis

Brief introduction to the topic here, and here, and here.

Looking at your page, there seems to be a mixture of table-based and
DIV-based layout. Nothing wrong with tables, but the only way that the
effect will work as written is if all of the disclosed elements have a
single common parent. In my very quick test here, I used this structure:

DIV (undefined height)
	P (intro paragraph)
	DIV (class=disclose) (undefined height)
		P (further info)
		P (further info)
		P (further info)
	/DIV
	P (intro paragraph)
	DIV (class=disclose) (undefined height)
		P (further info)
		P (further info)
	/DIV
	P (intro paragraph)
	DIV (class=disclose) (undefined height)
		P (further info)
		P (further info)
		P (further info)
	/DIV
/DIV

Now you could substitute the outer DIV with a TD, as you would find in
your table-based layout. But all of the inner content should be nested
into a single HTML box on your page. This will also fix the problem
you’re having with the footer crashing into the bottom-most read
more… link.

The content you have on your page is good, and using this trick will
make the page appear approachable to a casual visitor, while allowing
the more motivated reader to drill down – all with the entire content
remaining in the page for SEO reasons.

Keep fiddling with the page structure, and I’m sure you’ll get it to
work. Try to do less – I often find that when I over-think things,
I’m just making the problem harder to solve.

Walter

On Feb 22, 2011, at 10:53 AM, Julie Maxwell Allen wrote:

Ok, it is working - wonderful and so simple

Thank you

but I have one question… it is giving a read more to an above
paragraph (different HTML box) and hiding the rest.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · February 22, 2011, 4:27pm

Thank you.

Originally, I was just having the osteoporosis. then she added.

So I will redo the page structure to the one you outlined below.

And yes - overthinking does hurt sometimes - I step back away for an hour and then retakle.

again, thank you!

I will post when I think i have it right.

J
On Feb 22, 2011, at 11:12 AM, Walter Lee Davis wrote:

I see the problem. The premise of these read more’s (as I understood it) was that you wanted to have an intro to each topic, and then a click to expand the rest of that topic discussion:

###Osteoporosis

Brief introduction to the topic here, and here, and here.

read more…

###Menopause

Brief introduction to the topic here, and here, and here

read more…

Looking at your page, there seems to be a mixture of table-based and DIV-based layout. Nothing wrong with tables, but the only way that the effect will work as written is if all of the disclosed elements have a single common parent. In my very quick test here, I used this structure:

DIV (undefined height)
P (intro paragraph)
DIV (class=disclose) (undefined height)
P (further info)
P (further info)
P (further info)
/DIV
P (intro paragraph)
DIV (class=disclose) (undefined height)
P (further info)
P (further info)
/DIV
P (intro paragraph)
DIV (class=disclose) (undefined height)
P (further info)
P (further info)
P (further info)
/DIV
/DIV

Now you could substitute the outer DIV with a TD, as you would find in your table-based layout. But all of the inner content should be nested into a single HTML box on your page. This will also fix the problem you’re having with the footer crashing into the bottom-most read more… link.

The content you have on your page is good, and using this trick will make the page appear approachable to a casual visitor, while allowing the more motivated reader to drill down – all with the entire content remaining in the page for SEO reasons.

Keep fiddling with the page structure, and I’m sure you’ll get it to work. Try to do less – I often find that when I over-think things, I’m just making the problem harder to solve.

Walter

On Feb 22, 2011, at 10:53 AM, Julie Maxwell Allen wrote:

Ok, it is working - wonderful and so simple

Thank you

but I have one question… it is giving a read more to an above paragraph (different HTML box) and hiding the rest.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · February 22, 2011, 5:47pm

I have it working. PLease look at it and tell me what you think.
http://www.grassrootsweb.net/diane

Thank you

J

On Feb 22, 2011, at 11:12 AM, Walter Lee Davis wrote:

I see the problem. The premise of these read more’s (as I understood it) was that you wanted to have an intro to each topic, and then a click to expand the rest of that topic discussion:

###Osteoporosis

Brief introduction to the topic here, and here, and here.

read more…

###Menopause

Brief introduction to the topic here, and here, and here

read more…

Looking at your page, there seems to be a mixture of table-based and DIV-based layout. Nothing wrong with tables, but the only way that the effect will work as written is if all of the disclosed elements have a single common parent. In my very quick test here, I used this structure:

DIV (undefined height)
P (intro paragraph)
DIV (class=disclose) (undefined height)
P (further info)
P (further info)
P (further info)
/DIV
P (intro paragraph)
DIV (class=disclose) (undefined height)
P (further info)
P (further info)
/DIV
P (intro paragraph)
DIV (class=disclose) (undefined height)
P (further info)
P (further info)
P (further info)
/DIV
/DIV

Now you could substitute the outer DIV with a TD, as you would find in your table-based layout. But all of the inner content should be nested into a single HTML box on your page. This will also fix the problem you’re having with the footer crashing into the bottom-most read more… link.

The content you have on your page is good, and using this trick will make the page appear approachable to a casual visitor, while allowing the more motivated reader to drill down – all with the entire content remaining in the page for SEO reasons.

Keep fiddling with the page structure, and I’m sure you’ll get it to work. Try to do less – I often find that when I over-think things, I’m just making the problem harder to solve.

Walter

On Feb 22, 2011, at 10:53 AM, Julie Maxwell Allen wrote:

Ok, it is working - wonderful and so simple

Thank you

but I have one question… it is giving a read more to an above paragraph (different HTML box) and hiding the rest.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dale_Josephson · February 22, 2011, 5:55pm

Looks good and I am an engineer not an English major but here are two possible changes?

The focus of my practice will be on gynecology only with specialty interests in menopausal transition

The focus of my Clinic is gynecology and menopausal transition

The focus of my practice is gynecology and menopausal transition

Dale Josephson
Dale Josephson Consulting
Apple Developer & Support
(530) 241-8227

email@hidden

On Feb 22, 2011, at Tuesday9:47 AM, Julie Maxwell Allen wrote:

I have it working. PLease look at it and tell me what you think.
http://www.grassrootsweb.net/diane

Thank you

J

On Feb 22, 2011, at 11:12 AM, Walter Lee Davis wrote:

I see the problem. The premise of these read more’s (as I understood it) was that you wanted to have an intro to each topic, and then a click to expand the rest of that topic discussion:

###Osteoporosis

Brief introduction to the topic here, and here, and here.

read more…

###Menopause

Brief introduction to the topic here, and here, and here

read more…

Looking at your page, there seems to be a mixture of table-based and DIV-based layout. Nothing wrong with tables, but the only way that the effect will work as written is if all of the disclosed elements have a single common parent. In my very quick test here, I used this structure:

DIV (undefined height)
P (intro paragraph)
DIV (class=disclose) (undefined height)
P (further info)
P (further info)
P (further info)
/DIV
P (intro paragraph)
DIV (class=disclose) (undefined height)
P (further info)
P (further info)
/DIV
P (intro paragraph)
DIV (class=disclose) (undefined height)
P (further info)
P (further info)
P (further info)
/DIV
/DIV

Now you could substitute the outer DIV with a TD, as you would find in your table-based layout. But all of the inner content should be nested into a single HTML box on your page. This will also fix the problem you’re having with the footer crashing into the bottom-most read more… link.

The content you have on your page is good, and using this trick will make the page appear approachable to a casual visitor, while allowing the more motivated reader to drill down – all with the entire content remaining in the page for SEO reasons.

Keep fiddling with the page structure, and I’m sure you’ll get it to work. Try to do less – I often find that when I over-think things, I’m just making the problem harder to solve.

Walter

On Feb 22, 2011, at 10:53 AM, Julie Maxwell Allen wrote:

Ok, it is working - wonderful and so simple

Thank you

but I have one question… it is giving a read more to an above paragraph (different HTML box) and hiding the rest.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

waltd · February 22, 2011, 5:56pm

Perfect. Looks good and works just as I imagined it would.

Walter

On Feb 22, 2011, at 12:47 PM, Julie Maxwell Allen wrote:

I have it working. PLease look at it and tell me what you think.
http://www.grassrootsweb.net/diane

Thank you

J

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · February 22, 2011, 6:05pm

Thank you for that suggestion. I will run it buy her.

J
On Feb 22, 2011, at 12:55 PM, Dale Josephson wrote:

Looks good and I am an engineer not an English major but here are two possible changes?

The focus of my practice will be on gynecology only with specialty interests in menopausal transition

The focus of my Clinic is gynecology and menopausal transition

The focus of my practice is gynecology and menopausal transition

Dale Josephson
Dale Josephson Consulting
Apple Developer & Support
(530) 241-8227

email@hidden

On Feb 22, 2011, at Tuesday9:47 AM, Julie Maxwell Allen wrote:

I have it working. PLease look at it and tell me what you think.
http://www.grassrootsweb.net/diane

Thank you

J

On Feb 22, 2011, at 11:12 AM, Walter Lee Davis wrote:

I see the problem. The premise of these read more’s (as I understood it) was that you wanted to have an intro to each topic, and then a click to expand the rest of that topic discussion:

###Osteoporosis

Brief introduction to the topic here, and here, and here.

read more…

###Menopause

Brief introduction to the topic here, and here, and here

read more…

Looking at your page, there seems to be a mixture of table-based and DIV-based layout. Nothing wrong with tables, but the only way that the effect will work as written is if all of the disclosed elements have a single common parent. In my very quick test here, I used this structure:

DIV (undefined height)
P (intro paragraph)
DIV (class=disclose) (undefined height)
P (further info)
P (further info)
P (further info)
/DIV
P (intro paragraph)
DIV (class=disclose) (undefined height)
P (further info)
P (further info)
/DIV
P (intro paragraph)
DIV (class=disclose) (undefined height)
P (further info)
P (further info)
P (further info)
/DIV
/DIV

Now you could substitute the outer DIV with a TD, as you would find in your table-based layout. But all of the inner content should be nested into a single HTML box on your page. This will also fix the problem you’re having with the footer crashing into the bottom-most read more… link.

The content you have on your page is good, and using this trick will make the page appear approachable to a casual visitor, while allowing the more motivated reader to drill down – all with the entire content remaining in the page for SEO reasons.

Keep fiddling with the page structure, and I’m sure you’ll get it to work. Try to do less – I often find that when I over-think things, I’m just making the problem harder to solve.

Walter

On Feb 22, 2011, at 10:53 AM, Julie Maxwell Allen wrote:

Ok, it is working - wonderful and so simple

Thank you

but I have one question… it is giving a read more to an above paragraph (different HTML box) and hiding the rest.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options