Comments on: Javascript-A-Palooza!

By: Sheriar Designs

Sheriar Designs — Thu, 23 Mar 2006 20:31:09 +0000

I believe that if you wanted to do multiple “read mores” on one page, you could just give each of the “expanded view” divs a unique ID.

Then you could create functions, like the services functions, that hide and display each of those expanded sections, you follow?

Let me know if you need a more detailed response and I can get on it after the honeymoon. ;o)

By: Deselect

Deselect — Wed, 22 Mar 2006 20:39:16 +0000

Very nice. Last reply, I promise :)

Okay, sorted that all out and it really helped me out with the project I was working on. I would really like to thank you once again for sharing this with all of us.

The great thing about working with the DOM is the elegance and ability to make it gracefully semantic, the bad thing is that finding any useful information amidst all of the terrible DHTML fluff out there is slim pickings.

Leep up the great work,
D.

By: Deselect

Deselect — Wed, 22 Mar 2006 20:30:21 +0000

Scratch that. I managed to hack up the dynamicCSS.js script by calling new element ID’s in the header to manage it that way.
Now I am just hunting down a way to prevent the “read more” link popping back up to the top of the page.

Thanks again for the wonderful tutorial!

Cheers,
D

By: Deselect

Deselect — Wed, 22 Mar 2006 19:53:21 +0000

How would you go about implementing something similar to the “Read More” script using more than one on a page?

What I mean is, imagine you have multiple news items on a page — lets say four — if you have the first half of a paragraph of each and wish to have the “Read More” expansion link to avoid clutter, it only works for the first read more link, no matter how many you put on a page. If you click the fourth item’s “Read more” button, it will only expand the first one?

The solution to such an issue would require a mix of code between the basic “Read more” script with a touch of your “FAQ” section solution, without all of the content hiding, etc.

Care to assist with this sort of problem? I have been spending quite some time trying to find the best solution.

Cheers,
D

By: Sian

Sian — Sat, 28 Jan 2006 19:36:50 +0000

*tap dances*. Thanks to your tutorial above I’ve just worked out how to achieve something that I’ve been trying to do for months! Yay!

On my webpage I have a very long list of archive pages which I wanted to disappear until a viewer needed them. I inserted the dynamiCSS.js script added the code quoted above and hey presto!

By: Sheriar Designs

Sheriar Designs — Fri, 27 Jan 2006 00:55:12 +0000

Sian - The read more link looks like this: It uses the dynamicCSS.js file to set the display of "index_more" to block, thus revealing it (remember it was set to display:none in the Javascript in the head.

By: Sian

Sian — Thu, 26 Jan 2006 23:58:11 +0000

I’m just quickly skimming this article (will read in depth tomorrow). How do you achieve the Read More action (if it’s not listed above).