2 replies [Last post]
Karel
Offline
newbie
Last seen: 17 years 44 weeks ago
Timezone: GMT-5
Joined: 2004-08-29
Posts: 2
Points: 0

Hello friends. I'll like to know if it's possible through style sheet to set up a small part of the page to refresh its content each time the user clicks on a link, without refreshing the whole page. I'll like the content-changing field not to be adjacent to an edge, but surrounded by graphics, so I think I can't use frames (anyway I deprecate frames). If this can't be driven through CSS I would appreciate any suggestions, beyond using an embedded flash movie. Thanks for your help,
Karel

mkjoker
Offline
Regular
Dresden
Last seen: 17 years 43 weeks ago
Dresden
Timezone: GMT+1
Joined: 2004-09-01
Posts: 40
Points: 0

Laying out page

Hello Karel,

I think this depends on what you want to display. If the content is a text can be contained in the very same page, then you could use a <span>-element that you nest in an <a>-element.
<a class="show_content" href="#"><span>content</span></a>
a span {dispaly:none;}
The css-code would be like:
a.show_content span :hover {position: absolute; left: [wherever you want]; top: [wherever you want]; width:[your width]; height: [your height];}
and make sure that all the <a>-elements are in the same div, so the spans show up at the same position. You even don't need to click. Wink

For images you might use the background-attribute of the <span>-element.

In case you need to load new content I can only suggest using an <iframe>-element.

mkjoker

Karel
Offline
newbie
Last seen: 17 years 44 weeks ago
Timezone: GMT-5
Joined: 2004-08-29
Posts: 2
Points: 0

Laying out page

Yes, iframes seems to be the solution. I'm not sure about the cross-browser compatibility of this tag, but I'm searching on this.
Thanks anyway for your help...
Karel