javascript toggle

squaredeye · 2005-11-15 12:51:16

I have a list of authors styled by a form.

I want the author, when clicked to toggle open some info about them, not unlike the “advanced options” does in the write tab.

I know I would use something like this:
<code>
<p><a href=”#” onclick=“toggleDisplay(xxxxxxxxx);return false;”>xxxxxxxxxx</a></p>
</code>

The information I want to toggle is in three tags:
one produces unformated text
one produces textiled text which is wrapped in < p > tags
one is an image
(and I may need some styling divs in there)

1. So, what would the javascript (in the head) look like?
2. What goes where the “xxxxxxx”‘s are?

Help please?

Thanks,

Matthew

els · 2005-11-15 14:09:48

Hi Matthew, I found how to do that here.

squaredeye · 2005-11-15 14:15:59

Hi Doggiez,
As ever, Thank you. I guess I should have googled longer. I had found a bunch of non-example oriented instructions. I don’t learn very well without seeing – ya know.

Thanks.

squaredeye · 2005-11-16 03:43:27

I have noticed, that the link above gives an example that uses div ID’s and therefore won’t validate on a list where div classes are necessary.

In addition, I can’t figure out how I would go about getting the javascript to work with a dynamically created list?

Any additional thoughts?

Thanks,

Matthew

I would love to replicate this but valid.

els · 2005-11-16 15:55:05

It looks like the div id is also dynamically created, so that it is not repeated more than once.

You’ll need a coder to help you with this I’m afraid…

squaredeye · 2005-11-16 16:13:19

Doggiez,

Do you know one I could ask?
I mentioned it to Mary, but she’s a busy person.

Matthew

els · 2005-11-16 17:35:37

Sorry Matthew, I honestly wouldn’t know :(
Look for plugins that also use javascript and ask the writer? Or just hope that someone visits this thread and recognises a challenge ;)

Jeff_K · 2005-11-17 08:25:38

Seems like you could do this fairly simply with PHP.. something like a plugin that generated lists with # ids that increased by one each time. then use javascript to hide/show(this) for each <code><li></code>. I have made a plugin that does something similar with multiple article images. Not sure how to access the author list that you are trying to output though…

Last edited by Jeff_K (2005-11-17 08:26:00)

kemie · 2005-11-17 10:41:12

matthew, this should work for you, it uses classes to define the toggles:
<a href=“http://www.onlinetools.org/tools/domcollapse/”>domcollapse</a>

squaredeye · 2005-11-17 14:06:57

Kemie,
Great, thank you.
I will check that out.

Matthew

Textpattern CMS

Textpattern CMS support forum

#1 2005-11-15 12:51:16

javascript toggle

#2 2005-11-15 14:09:48

Re: javascript toggle

#3 2005-11-15 14:15:59

Re: javascript toggle

#4 2005-11-16 03:43:27

Re: javascript toggle

#5 2005-11-16 15:55:05

Re: javascript toggle

#6 2005-11-16 16:13:19

Re: javascript toggle

#7 2005-11-16 17:35:37

Re: javascript toggle

#8 2005-11-17 08:25:38

Re: javascript toggle

#9 2005-11-17 10:41:12

Re: javascript toggle

#10 2005-11-17 14:06:57

Re: javascript toggle

Board footer