Switch Content Script at end of paragraph.

[Orlando Dude]

1) Script Title: Switch Content Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm

3) Describe problem: Looking to see if it is possible to put the 'expander' at the end of a paragraph, like this...

*************
Deck chairs can be relaxing but erecting them can be troublesome [more...]
*************
to reveal –
*************
Deck chairs can be relaxing but erecting them can be troublesome [less...]
Many comedy sketches have been used over the years to highlight the pitfalls etc. ...
*************

With [more...] & [less...] being the activators.

Many thanks

OD

[cefa_2000]

Hi,
This is a great script, and I've got everything working fine, except that I am also, just like you, trying to do move the expander image to the end of the paragraph, but have not succeeded.
Did you find a solution?
(Additionally I would also like to only use the open expander, but omit the image for closed.)

Best regards,
Cecilia

[Orlando Dude]

Hi,

Yes I did (no help from here yet!)

I fiddled around a bit and found that if I did this -
<div>Some text here and then
<a id="text1-title" class="handcursor"></a></div>
<div><p id="text1" class="vsgroup">extra text here</p>
</div>

and change the line - vstext.setStatus('[less...] ', '[more...] ')

it gives me -

Some text here and then [more...]

which expands to

Some text here and then [less...]
extra text here

You can change the colours - e.g. vstext.setColor('999999', '505050')

I still can't get it to work in the same line. Always starts a new paragraph but its good enough for now.

Can't show it working as the site is still in production.

Hope this helps.

OD

[djr33]

That uses two seperate divs. That won't allow them to be on the same line.
Not too much you can do about that, without recoding a lot.

[cefa_2000]

Hi Orlando,
Great, I will try this out at once!

Cecilia