Show 1 div with PREV - NEXT link, hiding all others, Show 1 div with PREV - NEXT link, hiding all others |
Show 1 div with PREV - NEXT link, hiding all others, Show 1 div with PREV - NEXT link, hiding all others |
Baffled in Baltimore |
Jan 9 2009, 05:29 PM
Post
#1
|
Member Group: Members Posts: 51 Joined: 9-January 09 From: Baltimore, MD Member No.: 7,507 |
First, thank you for your patience and please forgive the lengthy blurb. This is a bit complicated, but I am sure there is a fix.
My website is heavily CSS structured for layout and styles for its Side-bar, heading, menu, etc. A modified CSS is used for the content and the content section is now an Iframe where all content is targeted. This was done to prevent duplication of parent. I am using GOOGLE site-map generator for the web and FreeFind for my site. Site consists of hundreds of HTML each consisting of an Image linked to a bigger image, Content, PayPal Links and other content all created with Excel for the code, Nvu for the file-saves and HTMLToolkit for the previews and error checking. When someone clicks an image anywhere on the site, it opens the HTML associated with it giving all the information about the Image. By the way, they are all table-based pages; DUMB, I know. The Problem: All these pages require updates or deletions depending on stock and pricing for any given item and frequent crawler checks for broken links afterwards. My site Spiders at roughly 500 pages and it keeps growing and getting out of hand. HELLLLLP!!!! On a more personal note; the author of the website (that’s me) is loosing his vision and can no-longer keep-up with this maddening effort… Proposed solution: I believe that enclosing all images and their associated content in DIVS is the better way to go. The idea is to have all images along with its content on one HTML. There are different categories that would use their own pages but the goal is to remove those hundreds of HTML pages and replace them with maybe a couple of dozen Category pages instead. There are as few as 1 or 2 items to as many as 100 items for any given category that would be shown 1-at-a-time using PREV - NEXT links. What I would like to accomplish is;
Whew!!! I told you it was complicated. Any assistance on setting this up (show 1 and hide the rest) is greatly appreciated. CHEERS This post has been edited by Baffled in Baltimore: Jan 9 2009, 05:56 PM |
Baffled in Baltimore |
Jan 13 2009, 08:37 PM
Post
#2
|
Member Group: Members Posts: 51 Joined: 9-January 09 From: Baltimore, MD Member No.: 7,507 |
Greetings Christian, J
And thank you for your great advice. No, PHP will not be considered for a while. QUOTE How about simply using internal links on the page? Actually, this was initially attempted and I still may go with this one. The thought was to maintain navigation for convenience. They may go in a seperate section; say a mouseover menu. But this idea will only work on a link. A context menu was also considered but quickly dropped. QUOTE Creating the anchor links for lots of page sections might be tedious, though. Not really; Excel is very good at handling repetition. This can be pre-installed as part of the creation process when the code is concactenated QUOTE In any case, hiding and showing parts of a page with JS and then showing the visible part through an iframe seems unnecessarily complicated. On this issue, I tend to agree. Sometimes in trying to simplify something, too much gets put in the mix; over-complicating it. But sometime one has to make the WORKS complicated to make it simpler to run. QUOTE I think it's a bit small, while the index page http://www.wjstewart-associates.com/ contains a lot of unused space... I never was too good at dealing with the realestate angle but I'm not much of a web designer; I am working on it though. Thanks again for the great advice This post has been edited by Baffled in Baltimore: Jan 13 2009, 08:40 PM |
Christian J |
Jan 14 2009, 07:34 AM
Post
#3
|
. Group: WDG Moderators Posts: 9,686 Joined: 10-August 06 Member No.: 7 |
QUOTE How about simply using internal links on the page? Actually, this was initially attempted and I still may go with this one. The thought was to maintain navigation for convenience. They may go in a seperate section; say a mouseover menu. But this idea will only work on a link. A context menu was also considered but quickly dropped. What I had in mind was something simple like this. You could put both the thumbnail gallery and the associated sections all on the same page: CODE <div id="gallery">Thumbnail gallery</div> <div id="s0"> <a href="#gallery">Thumbnail gallery</a> | <a href="#s1">Next</a> <img src="item.jpg" width="150" height="100" alt=""> <p>Section content</p> </div> <div id="s1"> <a href="#s0">Previous</a> | <a href="#gallery">Thumbnail gallery</a> | <a href="#s2">Next</a> <img src="item.jpg" width="150" height="100" alt=""> <p>Section content</p> </div> <div id="s2"> <a href="#s1">Previous</a> | <a href="#gallery">Thumbnail gallery</a> <img src="item.jpg" width="150" height="100" alt=""> <p>Section content</p> </div> That way the user would be able to make discrete "jumps" from one item to the next. |
Lo-Fi Version | Time is now: 14th June 2024 - 12:50 AM |