Humor Department Conversion

We’ve converted our HUMOR department to a new format. You don’t really need to bookmark the change, because all the sidebar links and Tigra Menu and CoolMenus links have been changed already.

But what was it converted to? It’s not the old Frames format. And no, it’s not WordPress either. It’s CSS – cascading style sheets, Javascript and PHP, a web coding language.

It’s the same 160 jokes and humorous anecdotes, with a new skin. When you click a humor page link in our familiar AutoMenu, the page that you get is really a page, not a frame. You can see the URL of the new page in your browser’s address bar, and you can bookmark that page ,or send a link to a friend. The old frames technology presented content from within its special browser frame, so you couldn’t see the name or address of the page, and you couldn’t bookmark just that one single page.

It’s hard to beat framesets for presenting a large number of pages and a scrollable menu in a single browser window, but we think we have that beat. Frames are old. They’re balky, cause browser and maintenance problems, and they look more than a little bit dated.

As much as we love WordPress, we can’t enter links to 160 pages in the sidebar, and you don’t want to see a page 100 yard long, if we do. The new technology presents a scrollable list. We populate the list by including our Perl “autolist” cgi program so we don’t have to manually add or update links in a directory.

Credits: We found this new technique with a Google search on the phrase “CSS frame replacement”. We found an article “Scroll area with overflow in CSS“, by Ove Klykken, whose home page is at do media. If you’re interested in web tech, just check it out. If you’re into web development, all you’ll have to do is examine Ove’s code snippets and demo for a few minutes and you’ll see how it works. Many thanks for his excellent presentation!

Tech Note: But you still have to reformat all 160 pages (or however many) to include the links, script, and simple PHP includes. I stored css, php and js resources in a common resource directory on the server. After a test development, I used a DreamWeaver template approach to reformat all the pages at once.

1,314 total views, 2 views today