PC Review


Reply
Thread Tools Rate Thread

Collapsible Paragraph

 
 
=?Utf-8?B?Q29sbGVnZSBDb3Vuc2Vsb3I=?=
Guest
Posts: n/a
 
      31st Jan 2005
I've asked this quesiton before, but maybe I'm not explaining what I want
very well. I want a expand/collaspible paragraph. Clink on a word and the
paragraph expands giving futher information. Clink on the same word, and the
paragraph collapses. Tina Carke gave me information on an add-in, but I'm
struggling to make it work.
 
Reply With Quote
 
 
 
 
clintonG
Guest
Posts: n/a
 
      31st Jan 2005
Google: "collapsible content" but note your real challenge will be finding a
copy and paste cross-browser solution.

Post the URL for the add-in and I may have comments the first of which
presumes continuing to expend time to make it work may be a waste of time as
it is very likely that it will not function with Mozilla based browsers such
as Netscape 7 and that new scamp on the block Firefox.

--
<%= Clinton Gallagher
METROmilwaukee "Regional Information Services"
NET csgallagher AT metromilwaukee.com
URL http://clintongallagher.metromilwaukee.com/



"College Counselor" <(E-Mail Removed)> wrote in
message news:05024F14-2AA5-48A3-904C-(E-Mail Removed)...
> I've asked this quesiton before, but maybe I'm not explaining what I want
> very well. I want a expand/collaspible paragraph. Clink on a word and

the
> paragraph expands giving futher information. Clink on the same word, and

the
> paragraph collapses. Tina Carke gave me information on an add-in, but I'm
> struggling to make it work.



 
Reply With Quote
 
Murray
Guest
Posts: n/a
 
      31st Jan 2005
This is very simple to do with CSS and javascript. And It'll work in all
browsers v4+, too.

Use the javacsript to swap the class on the paragraph tag. Use the CSS to
create two classes - one with display:block and the other with display:none.

The javascript has to toggle the class setting between the two (or it could
write the style dynamically).

There are no browser issues here.

In FP, you can get almost all the way there via the UI. For example, if you
have this on a page -

<p>Here is a bunch of explanation using the word "<a
href="javascript:;>ameliorate</a>" blah blah blah</p>
<span id="foo" style="display:none">This is some additional text about
ameliorate</span>

If you click in the word "ameliorate, and apply a Change Property behavior
to it, you can then select the <span> with id "foo" and ADD a change of
style.display (for Property Name) to "inline".for Property Value.

Given this method, once the block of text is shown, however, it will only be
unshown on refresh of the page, so you would have to implement a toggle of
some sort. Sorry - I can't help with that but it can't be hard....

--
Murray

"clintonG" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Google: "collapsible content" but note your real challenge will be finding
> a
> copy and paste cross-browser solution.
>
> Post the URL for the add-in and I may have comments the first of which
> presumes continuing to expend time to make it work may be a waste of time
> as
> it is very likely that it will not function with Mozilla based browsers
> such
> as Netscape 7 and that new scamp on the block Firefox.
>
> --
> <%= Clinton Gallagher
> METROmilwaukee "Regional Information Services"
> NET csgallagher AT metromilwaukee.com
> URL http://clintongallagher.metromilwaukee.com/
>
>
>
> "College Counselor" <(E-Mail Removed)> wrote in
> message news:05024F14-2AA5-48A3-904C-(E-Mail Removed)...
>> I've asked this quesiton before, but maybe I'm not explaining what I want
>> very well. I want a expand/collaspible paragraph. Clink on a word and

> the
>> paragraph expands giving futher information. Clink on the same word, and

> the
>> paragraph collapses. Tina Carke gave me information on an add-in, but
>> I'm
>> struggling to make it work.

>
>



 
Reply With Quote
 
=?Utf-8?B?Q29sbGVnZSBDb3Vuc2Vsb3I=?=
Guest
Posts: n/a
 
      1st Feb 2005
Thanks very much. I'll give it a try.

"Murray" wrote:

> This is very simple to do with CSS and javascript. And It'll work in all
> browsers v4+, too.
>
> Use the javacsript to swap the class on the paragraph tag. Use the CSS to
> create two classes - one with display:block and the other with display:none.
>
> The javascript has to toggle the class setting between the two (or it could
> write the style dynamically).
>
> There are no browser issues here.
>
> In FP, you can get almost all the way there via the UI. For example, if you
> have this on a page -
>
> <p>Here is a bunch of explanation using the word "<a
> href="javascript:;>ameliorate</a>" blah blah blah</p>
> <span id="foo" style="display:none">This is some additional text about
> ameliorate</span>
>
> If you click in the word "ameliorate, and apply a Change Property behavior
> to it, you can then select the <span> with id "foo" and ADD a change of
> style.display (for Property Name) to "inline".for Property Value.
>
> Given this method, once the block of text is shown, however, it will only be
> unshown on refresh of the page, so you would have to implement a toggle of
> some sort. Sorry - I can't help with that but it can't be hard....
>
> --
> Murray
>
> "clintonG" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
> > Google: "collapsible content" but note your real challenge will be finding
> > a
> > copy and paste cross-browser solution.
> >
> > Post the URL for the add-in and I may have comments the first of which
> > presumes continuing to expend time to make it work may be a waste of time
> > as
> > it is very likely that it will not function with Mozilla based browsers
> > such
> > as Netscape 7 and that new scamp on the block Firefox.
> >
> > --
> > <%= Clinton Gallagher
> > METROmilwaukee "Regional Information Services"
> > NET csgallagher AT metromilwaukee.com
> > URL http://clintongallagher.metromilwaukee.com/
> >
> >
> >
> > "College Counselor" <(E-Mail Removed)> wrote in
> > message news:05024F14-2AA5-48A3-904C-(E-Mail Removed)...
> >> I've asked this quesiton before, but maybe I'm not explaining what I want
> >> very well. I want a expand/collaspible paragraph. Clink on a word and

> > the
> >> paragraph expands giving futher information. Clink on the same word, and

> > the
> >> paragraph collapses. Tina Carke gave me information on an add-in, but
> >> I'm
> >> struggling to make it work.

> >
> >

>
>
>

 
Reply With Quote
 
Murray
Guest
Posts: n/a
 
      1st Feb 2005
The only thing to worry about is the non-toggle nature of my solution. But
give it a go, and post back with your progress, please.

--
Murray

"College Counselor" <(E-Mail Removed)> wrote in
message news:90087A75-DD73-4751-90FC-(E-Mail Removed)...
> Thanks very much. I'll give it a try.
>
> "Murray" wrote:
>
>> This is very simple to do with CSS and javascript. And It'll work in all
>> browsers v4+, too.
>>
>> Use the javacsript to swap the class on the paragraph tag. Use the CSS
>> to
>> create two classes - one with display:block and the other with
>> display:none.
>>
>> The javascript has to toggle the class setting between the two (or it
>> could
>> write the style dynamically).
>>
>> There are no browser issues here.
>>
>> In FP, you can get almost all the way there via the UI. For example, if
>> you
>> have this on a page -
>>
>> <p>Here is a bunch of explanation using the word "<a
>> href="javascript:;>ameliorate</a>" blah blah blah</p>
>> <span id="foo" style="display:none">This is some additional text about
>> ameliorate</span>
>>
>> If you click in the word "ameliorate, and apply a Change Property
>> behavior
>> to it, you can then select the <span> with id "foo" and ADD a change of
>> style.display (for Property Name) to "inline".for Property Value.
>>
>> Given this method, once the block of text is shown, however, it will only
>> be
>> unshown on refresh of the page, so you would have to implement a toggle
>> of
>> some sort. Sorry - I can't help with that but it can't be hard....
>>
>> --
>> Murray
>>
>> "clintonG" <(E-Mail Removed)> wrote in
>> message
>> news:(E-Mail Removed)...
>> > Google: "collapsible content" but note your real challenge will be
>> > finding
>> > a
>> > copy and paste cross-browser solution.
>> >
>> > Post the URL for the add-in and I may have comments the first of which
>> > presumes continuing to expend time to make it work may be a waste of
>> > time
>> > as
>> > it is very likely that it will not function with Mozilla based browsers
>> > such
>> > as Netscape 7 and that new scamp on the block Firefox.
>> >
>> > --
>> > <%= Clinton Gallagher
>> > METROmilwaukee "Regional Information Services"
>> > NET csgallagher AT metromilwaukee.com
>> > URL http://clintongallagher.metromilwaukee.com/
>> >
>> >
>> >
>> > "College Counselor" <(E-Mail Removed)> wrote
>> > in
>> > message news:05024F14-2AA5-48A3-904C-(E-Mail Removed)...
>> >> I've asked this quesiton before, but maybe I'm not explaining what I
>> >> want
>> >> very well. I want a expand/collaspible paragraph. Clink on a word
>> >> and
>> > the
>> >> paragraph expands giving futher information. Clink on the same word,
>> >> and
>> > the
>> >> paragraph collapses. Tina Carke gave me information on an add-in, but
>> >> I'm
>> >> struggling to make it work.
>> >
>> >

>>
>>
>>



 
Reply With Quote
 
Susan
Guest
Posts: n/a
 
      1st Feb 2005
http://easternshoreartcenter.com/charity.htm
This has a collapsible feature.
Susan

"Murray" <(E-Mail Removed)> wrote in message
news:%(E-Mail Removed)...
> The only thing to worry about is the non-toggle nature of my solution.

But
> give it a go, and post back with your progress, please.
>
> --
> Murray
>
> "College Counselor" <(E-Mail Removed)> wrote in
> message news:90087A75-DD73-4751-90FC-(E-Mail Removed)...
> > Thanks very much. I'll give it a try.
> >
> > "Murray" wrote:
> >
> >> This is very simple to do with CSS and javascript. And It'll work in

all
> >> browsers v4+, too.
> >>
> >> Use the javacsript to swap the class on the paragraph tag. Use the CSS
> >> to
> >> create two classes - one with display:block and the other with
> >> display:none.
> >>
> >> The javascript has to toggle the class setting between the two (or it
> >> could
> >> write the style dynamically).
> >>
> >> There are no browser issues here.
> >>
> >> In FP, you can get almost all the way there via the UI. For example,

if
> >> you
> >> have this on a page -
> >>
> >> <p>Here is a bunch of explanation using the word "<a
> >> href="javascript:;>ameliorate</a>" blah blah blah</p>
> >> <span id="foo" style="display:none">This is some additional text about
> >> ameliorate</span>
> >>
> >> If you click in the word "ameliorate, and apply a Change Property
> >> behavior
> >> to it, you can then select the <span> with id "foo" and ADD a change of
> >> style.display (for Property Name) to "inline".for Property Value.
> >>
> >> Given this method, once the block of text is shown, however, it will

only
> >> be
> >> unshown on refresh of the page, so you would have to implement a toggle
> >> of
> >> some sort. Sorry - I can't help with that but it can't be hard....
> >>
> >> --
> >> Murray
> >>
> >> "clintonG" <(E-Mail Removed)> wrote in
> >> message
> >> news:(E-Mail Removed)...
> >> > Google: "collapsible content" but note your real challenge will be
> >> > finding
> >> > a
> >> > copy and paste cross-browser solution.
> >> >
> >> > Post the URL for the add-in and I may have comments the first of

which
> >> > presumes continuing to expend time to make it work may be a waste of
> >> > time
> >> > as
> >> > it is very likely that it will not function with Mozilla based

browsers
> >> > such
> >> > as Netscape 7 and that new scamp on the block Firefox.
> >> >
> >> > --
> >> > <%= Clinton Gallagher
> >> > METROmilwaukee "Regional Information Services"
> >> > NET csgallagher AT metromilwaukee.com
> >> > URL http://clintongallagher.metromilwaukee.com/
> >> >
> >> >
> >> >
> >> > "College Counselor" <(E-Mail Removed)>

wrote
> >> > in
> >> > message news:05024F14-2AA5-48A3-904C-(E-Mail Removed)...
> >> >> I've asked this quesiton before, but maybe I'm not explaining what I
> >> >> want
> >> >> very well. I want a expand/collaspible paragraph. Clink on a word
> >> >> and
> >> > the
> >> >> paragraph expands giving futher information. Clink on the same

word,
> >> >> and
> >> > the
> >> >> paragraph collapses. Tina Carke gave me information on an add-in,

but
> >> >> I'm
> >> >> struggling to make it work.
> >> >
> >> >
> >>
> >>
> >>

>
>



 
Reply With Quote
 
Murray
Guest
Posts: n/a
 
      1st Feb 2005
Nice -

<!--webbot bot="PurpleText"
PREVIEW="I wish to thank MS-MVP Jim Buyens for initially giving me the
JavaScript code to make a collapsible list for this page. I also wish to
thank AOL's Comp Host Hikk for giving me example of the JavaScript code to
make a collapsible list which would work both in Netscape and MSIE. I was
not looking for example that worked both in Netscape and MSIE but stumbled
upon it and my interest in it spurred me on.

Susan - Volunteer Webmaster " -->

--
Murray

"Susan" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> http://easternshoreartcenter.com/charity.htm
> This has a collapsible feature.
> Susan
>
> "Murray" <(E-Mail Removed)> wrote in message
> news:%(E-Mail Removed)...
>> The only thing to worry about is the non-toggle nature of my solution.

> But
>> give it a go, and post back with your progress, please.
>>
>> --
>> Murray
>>
>> "College Counselor" <(E-Mail Removed)> wrote in
>> message news:90087A75-DD73-4751-90FC-(E-Mail Removed)...
>> > Thanks very much. I'll give it a try.
>> >
>> > "Murray" wrote:
>> >
>> >> This is very simple to do with CSS and javascript. And It'll work in

> all
>> >> browsers v4+, too.
>> >>
>> >> Use the javacsript to swap the class on the paragraph tag. Use the
>> >> CSS
>> >> to
>> >> create two classes - one with display:block and the other with
>> >> display:none.
>> >>
>> >> The javascript has to toggle the class setting between the two (or it
>> >> could
>> >> write the style dynamically).
>> >>
>> >> There are no browser issues here.
>> >>
>> >> In FP, you can get almost all the way there via the UI. For example,

> if
>> >> you
>> >> have this on a page -
>> >>
>> >> <p>Here is a bunch of explanation using the word "<a
>> >> href="javascript:;>ameliorate</a>" blah blah blah</p>
>> >> <span id="foo" style="display:none">This is some additional text about
>> >> ameliorate</span>
>> >>
>> >> If you click in the word "ameliorate, and apply a Change Property
>> >> behavior
>> >> to it, you can then select the <span> with id "foo" and ADD a change
>> >> of
>> >> style.display (for Property Name) to "inline".for Property Value.
>> >>
>> >> Given this method, once the block of text is shown, however, it will

> only
>> >> be
>> >> unshown on refresh of the page, so you would have to implement a
>> >> toggle
>> >> of
>> >> some sort. Sorry - I can't help with that but it can't be hard....
>> >>
>> >> --
>> >> Murray
>> >>
>> >> "clintonG" <(E-Mail Removed)> wrote in
>> >> message
>> >> news:(E-Mail Removed)...
>> >> > Google: "collapsible content" but note your real challenge will be
>> >> > finding
>> >> > a
>> >> > copy and paste cross-browser solution.
>> >> >
>> >> > Post the URL for the add-in and I may have comments the first of

> which
>> >> > presumes continuing to expend time to make it work may be a waste of
>> >> > time
>> >> > as
>> >> > it is very likely that it will not function with Mozilla based

> browsers
>> >> > such
>> >> > as Netscape 7 and that new scamp on the block Firefox.
>> >> >
>> >> > --
>> >> > <%= Clinton Gallagher
>> >> > METROmilwaukee "Regional Information Services"
>> >> > NET csgallagher AT metromilwaukee.com
>> >> > URL http://clintongallagher.metromilwaukee.com/
>> >> >
>> >> >
>> >> >
>> >> > "College Counselor" <(E-Mail Removed)>

> wrote
>> >> > in
>> >> > message news:05024F14-2AA5-48A3-904C-(E-Mail Removed)...
>> >> >> I've asked this quesiton before, but maybe I'm not explaining what
>> >> >> I
>> >> >> want
>> >> >> very well. I want a expand/collaspible paragraph. Clink on a word
>> >> >> and
>> >> > the
>> >> >> paragraph expands giving futher information. Clink on the same

> word,
>> >> >> and
>> >> > the
>> >> >> paragraph collapses. Tina Carke gave me information on an add-in,

> but
>> >> >> I'm
>> >> >> struggling to make it work.
>> >> >
>> >> >
>> >>
>> >>
>> >>

>>
>>

>
>



 
Reply With Quote
 
 
 
Reply

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Automatically update content of a paragraph from earlier paragraph Karl Microsoft Word Document Management 2 26th Mar 2010 07:00 PM
Remove paragraph markers? Imported text-Every line a paragraph. =?Utf-8?B?R0JNRA==?= Microsoft Word Document Management 1 20th Jul 2006 05:26 PM
Incorporate paragraph marking into paragraph style =?Utf-8?B?S2Vu?= Microsoft Word Document Management 4 29th Sep 2005 05:34 AM
Why does changing one paragraph style update all paragraph styles. =?Utf-8?B?Q3VyaW91cyBEb3Vn?= Microsoft Word Document Management 2 13th Jan 2005 03:55 AM
How can I replace a paragraph with another paragraph using "find . =?Utf-8?B?dG1sMDcwMQ==?= Microsoft Word Document Management 1 5th Jan 2005 01:43 PM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 06:45 PM.