Hello everyone,
Quite desperate here as I have come to quite a few dead ends. I am going to actually try to post as little code as possible as to not influence the question and "fix" my code - yet reprogram it efficiently.
What I have:
1) Many pages, dynamically created through coldfusion and static content alike - in similair .cfm pages.
2) All content "chunks" broken up in div's with their own ID's
What I need:
1) To make an http call to a completely seperate page and show the relevant DIV -
2) To use a named anchor or similair to link from the same page the div is on - to display the appropriate section.
3) I NEED this to work in IE 5+ and Netscrap 6+ or at least 7.
4) Somehow in IE to send ID information and have layer act accordingly - (currently I have it so IE works perfect except when linking from other pages. IE seems to ignore the #section1 reference at the edn of the URL - additionally seems to require the ID.
At this point I have spent days adjusting and tweaking to the point where I am lucky if I remember my name.
The basic page code structure is as this - If I can't keep so be it.. but here is how I currenlty have the divs....
SAMPLE URL that WORKS exactly as I NEED in IE
http://64.234.202.15/InpatientProviders/InpatientManagementSystems.cfmI need to make that URL work in Netscape and to be able to send over through a URL information to have the page display that div first.
----------sample code SNIppet as output by coldfusion ----------
<!-- layers that control scrolling and layout 2 start tags--->
<div id="divScrollTextCont">
<div id="divText">
<div id="section1">
<span class="GenTextSubHeader">F
irst Section Heading</span>
<div id="Features1" class="FeaturesDiv">
<!-- Grouped OUTPUT here -->
CONTENT STRIPED OUT _ WOULD DISPLAY HERE
</div>
</div>
<div id="section2">
<span class="GenTextSubHeader">S
econd Section Heading</span>
<div id="Features2" class="FeaturesDiv">
<!-- Grouped OUTPUT here -->
CONTENT STRIPED OUT _ WOULD DISPLAY HERE
</div>
</div>
<!-- layers that control scrolling and layout 2 end div tags--->
</div>
</div>
A SAMPLE piece of CSS that controls the layers are like so - the 2 start tags is like so
-----------snip---------
#divScrollTextCont {
overflow:auto;
position:relative;
width:400px;
height:245px;
margin: 0px 0px 0px 10px;
z-index:2;
}
#divText {
position:relative;
left:0px;
top:0px;
z-index:3;
}