So You Wanna Mimic Frameset Scrollbars?

Ah frames. Now there’s a technology that will take me back to the mid-1990s. One of my favorite Harry Potter fanfiction sites used frames to nice effect for chaptered stories, and I considered framesets to be a fine solution for simple sites built by non-developers. But if you can handle a little programming, then frames should be out of the question. Even in 1998, that’s 15 years ago now, when I built my first page, PHP provided the very simple include function that solved the problem frames were meant to solve.

And, indeed, the modern client of my dev skills is easy to convince that the server should handle constructing pages, and that AJAX should be used to update portions of a page. But every once in a while you get a bizarre request, one so weird you have to share it. And that happened to me this year. I was asked to mimic not just the functional behavior but also the stylistic behavior of a frameset. And not just any frameset, but a frameset with this basic definition: (forgive the lack of angle brackets–WordPress does like to make sharing code difficult…anyone have a favorite plugin?)

1
2
3
4
5
6
7
frameset  rows="63,*"
    frame noresize
    frameset cols="200,*"
        frame name="left" scrolling="auto" target="right"
        frame name="right" scrolling="no" target="_self"
    /frameset
/frameset

Yes, friends, that’s a nested frameset. And yes, it involves 2 frames which are dynamically sized by the browser and a header frame which is not to be resized at all. Also of interest–the scrollbars, which the client needed a surprising amount of convincing that they would be a terrible feature to mimic. I believe I used the word “baffled” that anyone would actually want all these scrollbars, and refused to implement any scrollbars beyond what the browser window gives us. As my fellow HP fans can attest, sometimes you have to do what is right, not what is easy. It would have been all too easy to throw my hands up and say “Fine! Let’s do some frames!” but then angels would have fallen and hell would have frozen over. Worse, users would have to deal with multiple scrolling regions, including the main menu. Can’t have that on my conscience.

And then, I was asked for some additional scrollbar behavior that baffled me. They wanted the header area to do something rather peculiar. Not only should the header not wrap when the window is sized too small to fit horizontally, but the window’s scrollbar should ignore that overflow and only be applied when the content area reached it’s minimum width.

Yikes.

This one took some out of the box thinking. You can see my solution here at this fiddle. It does require a bit of scripting, due to the resizable content area, but our app was already heavily relying on AJAX and other scripting techniques so I decided that scripting my layout was acceptable in this strange case. I’m not sure it’s even going to be useful to anyone, but if you are struggling with recreating a weird scrolling experience based on a very old frameset design, then maybe, just maybe, I’ve got something good for you.

Tagged with: , , ,
Posted in Career
0 comments on “So You Wanna Mimic Frameset Scrollbars?
30 Pings/Trackbacks for "So You Wanna Mimic Frameset Scrollbars?"
  1. … [Trackback]…

    […] Read More Infos here: abbysdoor.com/so-you-wanna-mimic-frames/ […]…

  2. … [Trackback]…

    […] Read More: abbysdoor.com/so-you-wanna-mimic-frames/ […]…

  3. … [Trackback]…

    […] There you will find 39583 more Infos: abbysdoor.com/so-you-wanna-mimic-frames/ […]…

  4. … [Trackback]…

    […] Read More Infos here: abbysdoor.com/so-you-wanna-mimic-frames/ […]…

  5. spam repairs says:

    … [Trackback]…

    […] Read More here: abbysdoor.com/so-you-wanna-mimic-frames/ […]…

  6. Playlist says:

    … [Trackback]…

    […] Informations on that Topic: abbysdoor.com/so-you-wanna-mimic-frames/ […]…

  7. … [Trackback]…

    […] Informations on that Topic: abbysdoor.com/so-you-wanna-mimic-frames/ […]…

  8. … [Trackback]…

    […] There you will find 89252 more Infos: abbysdoor.com/so-you-wanna-mimic-frames/ […]…

  9. to your website and sales follow.keyword density…

    in the article usually does the trick of getting you noticed by the search engines. keywords are those terms which the people enter when searching for a product or services and keyword density is the number of times those vital words…

  10. there is a lot of leverage you…

    can get here.in order to succeed at network marketing, you must have an ongoing email database that you use consistently. regardless of whether you buy the list or use comments from your site, you should have a very large list if…

  11. headlines that cause casual browsers to become…

    buyers. the body of your blog post is important as well. you should write in a clear, simple manner, without lots of long or jargon words. keep your sentences and paragraphs short and easy to read. use bullets or numbers to…

  12. … [Trackback]…

    […] Read More: abbysdoor.com/so-you-wanna-mimic-frames/ […]…

  13. up and read?if you are answering in…

    the affirmative as you read this, you must also be thinking of ways to improve your blog posts and make them interesting. here are some tips to help you enhance the way you present your ideas and thoughts in a blog…

  14. … [Trackback]…

    […] Informations on that Topic: abbysdoor.com/so-you-wanna-mimic-frames/ […]…

  15. Aisha Rolark says:

    same process. the starting point and ending…

    point will differ depending upon your unique circumstances. but the fact is, that by practicing your craft on a daily basis and pouring your passion into your writing, whether it is article marketing or a newspaper column, your writing skills will…

  16. postswriting top posts is a great source…

    of traffic, a top post is where you rank the top 10, 20 or whatever you choose in a certain niche for example a dance music site might have the ‘top 10 trance tunes of 2011’ people love to read about…

  17. Ron says:

    and found out that a blog can…

    be a girl’sâ (or boy’s) best-friend.before i get into the nitty-gritty of how you can use your blogs to promote yourself, i want to just remind you that your blog should be your passion!â  it should be something that you want to…

  18. m88 says:

    i use the wrong words? is my…

    poor punctuation the problem? are my sentences too wordy and long?chances are your boss is talking about more than just the mechanics of writing well.rather her concern is really about the fundamental principles of writing well. what she really means i…

  19. if the world were to go ass-up…

    in a hand basket in the next few minutes, would you survive?maybe not. but in the off chance that you do, you might want to have a few supplies on hand. here’s my top five.1. canteens for waterthe most important thing…

  20. look executive, but what you do not…

    know is that they make your post complicated and your readers will not understand. this may really affect your business since prospective clients would leave your site and never come back because of using big words that they do not understand.avoid…

  21. presence on the internet and are also…

    trying to drive traffic to their particular websites, chances may be that they are using an article writing service to achieve this and could be able to provide you with some details and recommendations as you begin your own search for…

  22. to them so that they have more…

    interests to learn further.when you see improvements, you can start taking the next step. from learning single words, you can move on to simple sentences or phrases. it is time for you to start telling your kids to sit at the…

  23. join your newsletter or simply requesting them…

    to leave their comments below the blog post. it’s the final and most important piece of your hard work and its part of the “posting on purpose” mindset.that’s about all i have on this particular subject. i hoped you found it…

  24. up some of the myths about blogs…

    and explain the best blogging platform and why you should use it.there are two types of blogs around, those that are free and those which are paid. the free ones will be owned by a third party and can’t be branded…

  25. of you as a person, and of…

    your thoughts and thinking processes. good writing comes from discipline and is an acquired skill. the good news is that anybody can learn to write better, by simply doing it. as in everything, practice is important! write regularly, and write as…

  26. look up this psycho and you will…

    see millions of hits on this video. that is the real power of the internet; to enthrall the world with the failings of a 10-year-old. again not totally free as this kid destroys his keyboard, then feebly tries to put it…

  27. business requires to write a really informative…

    article on the topic. other blog writing companies charge for the quality level of content you order with them. with every firm it always means something different so you will have to contact them and clarify.judge the quality of content provided…

  28. Popcorn Time says:

    easier. things fell apart. not only did…

    the work not pass copyscape, he felt it wasn’t possible to pass copyscape.that isn’t an issue with english, of course. yet, the subtle differences between what i meant and what he thought i meant did contribute to miscommunication. several examples l…

  29. … [Trackback]…

    […] Informations on that Topic: abbysdoor.com/so-you-wanna-mimic-frames/ […]…

  30. advertisements. blogs have evolved from online diaries…

    to profitable websites. of course, personal accounts of people and the word of mouth is a powerful strategy in advertising, thus many advertisers are also willing to pay blog owners for an ad space or for a promotional blog entry.with a…

Leave a Reply