child target within a parent target

n00b_padawan · 09-21-2011, 09:22 PM

Hi, I am trying to link to a target div element within a target object element in one link. This is confusing, so I'll explain.
In my 'INDEX.HTML' I have an object(where the data comes from a separate page).

CSS/HTML looks like this.

Code:

     #page2{display:none;}
     #page2:target{display:block;}

    <object data="SEPERATEPAGE.HTML" id ="page1" height=400 width=600></object>

Now, within that SEPERATEPAGE.HTML I have a similar commands.

Code:

      #section1 {display:none;}
      #section1:target {display:block;}

      <div id="section1">Here is the content I'm trying to link to</div>

And So, my question is How do I link from INDEX.HTML to #section1 displayed as a block within #page2 ?

My link is placed in a #page1 object (also a seperate page similar to the #page2)

I tried this with no avail

Code:

<a href="#page2#section1" target="_parent">Super Epic Link</a>

Is this possible? My #page2 is a blog section of the site, where #section1 is a blog entry. I want to link from outside of #page1 itself so I can feature it on other parts of the site etc. It means less clicks for my end users.

chaule · 09-22-2011, 05:21 AM

Hi,

I'm not quite sure I am clear on what you're trying to do.. You are trying to link from one page to the section of another page?

Try using:

Code:

<a href="SEPERATEPAGE.HTML#section1">Super Epic Link</a>

where the #section must be an anchor you drop into where you want to jump to (which will be within SEPARATEPAGE.HTML somewhere):

Code:

<a name="section1" />

That is if you just want to like to the section. Unless you wanted to actually preview the actual part of the page from within INDEX.html without leaving the index page?