Go back

Targeting the iFrame (linking)


step by step inch by inch #3
Here is the example from the last step:

<iframe   src=" FrameA.html " name="A" scrolling="auto" width="500" height="100" frameborder="0" >
</iframe>

  1 This is the main page.
This is where you have
placed the HTML object and inside that is the code above that   produces the iframe
                        -

2 This page will show up in that iFrame
src=" FrameA.html "

This is the web studio page that you named
FrameA

The iFrame basics tutorial page 3
3 The name of that iFrame is A
      name="A"
So if you wanted another page to go into that iFrame you aim at that target

<A HREF=" FrameB .html" TARGET=" A ">Click Here</a>

You can add the target by right clicking on the text object and simply add TARGET="A"
or
You can highlight some text, right click on it and use  add/edit link and put in
FrameB" TARGET="A
web studio will put in the " quotes
The same for linking an image as linking text right click add/edit link and put in the link like below

4 This is a new page you can make in web studio and name it
  FrameB
Now to have this page go into that Main pages iFrame you'd put a link aiming for that target which is
name="A"

If you hand coded the link it would look like this

It's actually simpler than it sounds... try it out I bet you'll get it first time!

On to step 3 getting rid of the bottom scroll bar if you are using the centering code