Closed Thread Icon

Topic awaiting preservation: DIV Layers Pages that link to <a href="http://ozoneasylum.com/backlink?for=8137" title="Pages that link to Topic awaiting preservation: DIV Layers" rel="nofollow" >Topic awaiting preservation: DIV Layers\

 
Author Thread
T-Bone
Obsessive-Compulsive (I) Inmate

From: New Orleans, LA, USA
Insane since: Apr 2002

posted posted 04-05-2002 20:47

I have a site that I am trying to create. I have the site looking the way I want it to look except for the following things.

1. All the content on the site is provided by a <DIV> layer. I want to be able to have the user click a button and the new topic be loaded into the <DIV> layer. I don't want to create a page for each topic on the site. I just want to be able to dynamically replace the content.

2. I have some <DIV> with images in them. I would like to learn how to dynamically move the <DIV> across the site.

3. Last thing, I am using style sheets to position all of the <DIV> tags. I have one <DIV> that I want to position on the right edge of the browser. The problem I believe is if the user screen size isn't as large as mine the <DIV> will be positioned off the screen. Using style sheets and Javascript how do I position this <DIV> the same distance from the right edge of the browser regardless as to the screen size (640X480, 1024X768, etc.).

If someone could point me to a tuturial or other resource I would appreciate it.

silence
Maniac (V) Inmate

From: soon to be "the land down under"
Insane since: Jan 2001

posted posted 04-05-2002 22:21

http://hotwired.lycos.com/webmonkey/authoring/dynamic_html/tutorials/tutorial1.html

I believe chapter 3 is what you're looking for, although the whole tutorial has alot of info.



u-neek
Bipolar (III) Inmate

From: Berlin, Germany
Insane since: Jan 2001

posted posted 04-05-2002 22:36

The layout you described seems to be similar to http://glish.com

Dark Phoenix
Paranoid (IV) Inmate

From: Harrow, Ontario, Canada
Insane since: Feb 2002

posted posted 04-10-2002 16:23

For 1, you'd probably use innerHTML to dynamically change the contents of the div. Check http://www.w3tutorials.com for info on innerHTML.

2 would require using Javascript. Once again, check w3tutorials.

3 requires a combination of Javascript and CSS; you have to find the user's resolution, and that can only be done through Javascript. Build in a failsafe in case the user has JS turned off.

"No one's going to give you a map; you've got to walk your own path." - Hot Ice Hilda, Outlaw Star.

« BackwardsOnwards »

Show Forum Drop Down Menu