Creating "overlapping/popup" content, I need help getting content in a section to change |
Creating "overlapping/popup" content, I need help getting content in a section to change |
Rekkonin |
Oct 12 2010, 10:45 PM
Post
#1
|
Group: Members Posts: 4 Joined: 12-October 10 Member No.: 12,927 |
Okay, at http://www.neopets.com/~fuumes there is a button on the top right that looks like an arrow curving to the right, the image title is site navigation, and when you click it, the page changes to show a bunch of links to other pages, but the only thing to happen to the url is that #sitenavigation is added at the end. usually when a #extention is added to a url, it just scrolls you down to where you linked to, not change the content you're viewing. My question is: how is that extra stuff coming instead of the original content?
|
Darin McGrew |
Oct 12 2010, 11:56 PM
Post
#2
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
It's done with JavaScript. Here's an example:
http://www.alistapart.com/articles/eatcake |
Rekkonin |
Oct 13 2010, 12:05 AM
Post
#3
|
Group: Members Posts: 4 Joined: 12-October 10 Member No.: 12,927 |
I read the code, and there is almost no javascript used at all. just some stuff to look up the time and date. |
pandy |
Oct 13 2010, 12:45 AM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,716 Joined: 9-August 06 Member No.: 6 |
So thought I, but it actually keeps working with JS disabled.
|
Darin McGrew |
Oct 13 2010, 03:03 AM
Post
#5
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
It seems to be an interesting use of positioning and overflow settings. It blows up if the font is larger than the designer expected, of course.
|
pandy |
Oct 13 2010, 10:28 AM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,716 Joined: 9-August 06 Member No.: 6 |
Yeah, but only the top part. Question is if that is necessary.
|
Lo-Fi Version | Time is now: 28th March 2024 - 11:41 PM |