Directing A HREF links to target CSS DIV Layers?

Posted on 2003-03-27
Medium Priority
Last Modified: 2013-11-19
Is it possible in any way to direct A HREF links to target CSS DIV Layers, such as their own layer, or another, on the same page?

I believe it can be done if I were using iFrames, but wasn't sure about CSS DIV layers.

Question by:GrungyApe
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
  • 2

Expert Comment

ID: 8220821
You're right. You can load the target of an HREF into a page, a frame, or an iframe, but not into other elements. Except if you're talking about XHMTL2, which allows for HREF as an attribute of many elements (http://www.w3.org/TR/2003/WD-xhtml2-20030131/mod-attribute-collections.html#col_Hypertext). AFAICT, XHTML2 still wouldn't allow you to change remote content in a DIV from another DIV, but you would be able to set the HREF attribute of the target DIV through the DOM and scripting.

LVL 53

Accepted Solution

COBOLdinosaur earned 1000 total points
ID: 8221058
you can do it this way using XMLHTTP:

<script language='JavaScript'>

function include(url,target)  // must be a fully qualified URL, I don't know why.
   var xml = new ActiveXObject("Microsoft.XMLHTTP");
   xml.Open( "GET", url, false );


<a href="#" onClick="include('http://server/external.htm','divX');return false"> load page</a>
<div id="divX">&nbsp;</div>



Author Comment

ID: 8221200
Let me ask so I am sure I am clear and understanding you also Cd

Can I use this to make hyper links in a layer load new content inside itself, much like you might do in an iframe of frame scenario?

Also, how might it be used to make a menu on the left load content into a center layer?  I'm not seeing something that tell me it can do this... but I'm not up on my XML(activeX) clearly.

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

LVL 53

Expert Comment

ID: 8221473
Yes it can overwrite itself.  Yes it can overwrite any layer in the page.  

Once the function is executed xml.responseText contains a string that is the code of the file accessed, so you can do anything with it that you could do with any code string.

The innerHTML of any element can be replaced.

There are probably some cross-domain security restrictions, but they will be less than other methods of bringing in code.


LVL 53

Expert Comment

ID: 8221494
The one caution those, is that when you load it in, it is going to add itself to the document object, so it can end up re-rendering the page if you don't keep it well contained.  Generally when I am going to do this, I use a fixed sized scrolling div so it does not spread out all over the place.


Author Comment

ID: 8224700
I am going to try putting this into a page and testing it today, I'll let you know how I fair.

Author Comment

ID: 8224895
I took the code, semi-as is, and threw it into a test page.  It complained the "object doesn't support this property or method".

I discovered it required MSXML Parser, or so it said when I looked up the XMLHTTP.  Grabbed it and loaded it to be sure I had it and the most recent.

Now, in order to use this, must my page by anything specific, asp, htm, etc..  does it require execute perms or anything beyond what a standard html page requires?

Expert Comment

ID: 8224933
The page has to be an ASP page.


Author Comment

ID: 8225035
ah, ouch... that won't work then.  crud!  :(

One, many of the pages I work in are cfm based, but beyond that, this specific site is html.

I can obviously create a unique page for each needed, I just was hoping not to chunk the site up by doing so.

Let me see about assigning points, I will credit Cd on this one and I'll make a new post with a similar title.

Tk, just reply to it and I'll toss you the points as well.  

Thanks, both of you.

Featured Post

Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

764 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question