Javascript Clean Up 21.11.08
I need to clean up the javascript on this page so that it can be more easily edited by ONLY changing the code with an < a h r e f = “”> tag.
http://new.actiongreensboro.org/live-well/what-is-great-about-greensboro/index.html
The page needs to behave exactly as it currently does, where a featured image changes depending on which thumbnail is being hovered over. Also, the text to the right changes.
Here is what I am thinking … create the featured graphic/text as a series of hidden DIVs, and hovering over that thumbnail will change the div from hidden to block, and change all other DIVs in that series (the other featured images/text) back to hidden.
Here is the other twist … this page is being edited using Adobe Contribute, so the only control the user has is to change the href tag of each thumbnail … so I’m thinking that the editor would put something like < a h r e f = “javascript:showDIV(feature1)” > which would show the div with id of 1 and hide the other DIVs that have “feature” in their name.
The problem I think that might run into is that the user couldn’t edit those DIVs in Contribute b/c they wouldn’t show up in the application.
So maybe there is a better way … I may be making this more complicated than it is … the current solution works fine EXCEPT it is not easily editable (or editable at all) using CONTRIBUTE. (Also, the version of Contribute being used is CS3).
