I have a template that I downloaded from online.
what Im trying to to is have a certain area set as the target area for links.
So when someone clicks on one of the links I have on the top of the page…the page will show up in the target area and NOT navigate away from the page.
Im new to the HTML and just need to know how to get the template moving. I already have the other pages made. I just need to know how to get them to show in the "target" area instead of refreshing the whole page and navigating away.
I can email my code or try and post here.
Thanks for any help
The area Im trying to set as the target is the part with the DJ pic and the initial text area.
Once…say…contact is clicked…the page I made as contact.html will show up in the area below the naviagion buttons.
Template was found here.
Look up Night Club Template
http://www.freewebsitetemplates.com/
A frame-based page requires at least one HTML file for each frame in the apge. The page also a requires a separate file that creates the layout for the entire page. Below, the basic.html creates the layout for the entire page; whereas, the DJ.html and frame2.html contain the contents of the left and right frames, respectively. So the part of your web page that has the DJ picture and the initial text, should be in a separate html file. Let’s call that file DJ.html.
The FRAMESET tags form a container into which you place FRAMESET, FRAME, OR NOFRAMES tags. The COLS attribute divides a page into a vertical freames, either by percentagae of the browser’s widtght or by absolute pixels. A ROWS attribute divides a page into horizontal frames, either by percentage of the browser’s length or by absolute pixels.
HTML for the Basic Frame Page, Frameset (Basic.html):
<HTML>
<HEAD> <TITLE>A Basic Frame Page</TITLE></HEAD>
<FRAMESET COLS = "20%, *">
<FRAME SRC = "DJ.html" NAME = "leftFrame">
<FRAME SRC = "frame2.html" NAME = "rightFrame">
<NOFRAMES>
This page requires frames.
</NOFRAMES>
</FRAMESET>
</HTML>
Once a frame has a name, you can use it as a target for a reference. To do this, you create an <A> tag, using the form:
<A HREF = "source.html" TARGET = "frameName">
For example, in your case:
<A HREF = "contact.html" TARGET = "leftFrame">
When the user clicks on the link field ("Contact"), the URL is loaded into the targeted frame ("leftFrame"), which in your layout, is located below the navigation buttons.
- Press My Buttons !
A frame-based page requires at least one HTML file for each frame in the apge. The page also a requires a separate file that creates the layout for the entire page. Below, the basic.html creates the layout for the entire page; whereas, the DJ.html and frame2.html contain the contents of the left and right frames, respectively. So the part of your web page that has the DJ picture and the initial text, should be in a separate html file. Let’s call that file DJ.html.
The FRAMESET tags form a container into which you place FRAMESET, FRAME, OR NOFRAMES tags. The COLS attribute divides a page into a vertical freames, either by percentagae of the browser’s widtght or by absolute pixels. A ROWS attribute divides a page into horizontal frames, either by percentage of the browser’s length or by absolute pixels.
HTML for the Basic Frame Page, Frameset (Basic.html):
<HTML>
<HEAD> <TITLE>A Basic Frame Page</TITLE></HEAD>
<FRAMESET COLS = "20%, *">
<FRAME SRC = "DJ.html" NAME = "leftFrame">
<FRAME SRC = "frame2.html" NAME = "rightFrame">
<NOFRAMES>
This page requires frames.
</NOFRAMES>
</FRAMESET>
</HTML>
Once a frame has a name, you can use it as a target for a reference. To do this, you create an <A> tag, using the form:
<A HREF = "source.html" TARGET = "frameName">
For example, in your case:
<A HREF = "contact.html" TARGET = "leftFrame">
When the user clicks on the link field ("Contact"), the URL is loaded into the targeted frame ("leftFrame"), which in your layout, is located below the navigation buttons.
References :