How do I make dreamweaver links open on the same page?

Hi all,
I've created a site that has div tags for Header, navbar, main content, and footer. I am using a sprybar menu and I want the content of the hyperlink to display in the main content area. I know this was previously accomplished with frames and I could select the target as the main frame, but I hear that is bad practice or is becoming more obsolete with CSS. I have some intermediate knowledge with CSS. Does anyone know how I can accomplish this? I am using Dreamweaver 6

One page websites aren't really a good idea as far as search engine optimization goes. It's better to have multiple pages with the same design that your menu moves to when clicked.
That being said, you could do what you're talking about using javascript to change the display css of content <div> tags where, to start, there is a general info <div> and when one of the menu items is clicked, that <div> has its display property set to none, while another has it's display:none changed to display:block (so it appears). Each link would turn off all of the containers that aren't specific to the link itself, while turning on that one container that is.
I use a script like this normally...
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Quick, Little Show/Hide Script</title>
<style>
#one, #two {
    display:none;
</style>
<script type="text/javascript">
    function turnoff(id)
    {document.getElementById(id).style.display = 'none';}
    function turnon(id)
    {document.getElementById(id).style.display = 'block';}
</script>
</head>
<body>
<div id="one">some text</div>
<div id="two">some other text</div>
<div id="three">yet more text</div>
<a href="#" onclick="turnoff('two'); turnoff('three'); turnon('one');">One</a> | <a href="#" onclick="turnoff('one'); turnoff('three'); turnon('two');">Two</a> | <a href="#" onclick="turnoff('one'); turnoff('two'); turnon('three');">Three</a>
</body>
</html>
In the above example, divs one and two are turned off by default in the css. Div three shows when the page is loaded. The javascript tells a chosen id to change its display css to block or none depending on the function called in the onclick of a link. The link for "One" uses turnon('one') and turnoff('two') and turnoff('three') so, when it's clicked, two and three are set to display:none and one is set to display:block no matter what they were at to begin with.

Similar Messages

  • How do you make a link open on a new page (typically the target="_blank" command) in MUSE?

    how do you make a link open on a new page (typically the target="_blank" command) in MUSE?

    Newer version does not have the same interface.  I'm stuck trying to understand how to add a "blank" target to a hyperlink...  See how your screenshot has a dropdown associated with the "Hyperlink" object?  Mine doesn't...

  • How can I make multiple PDF links open in the same second tab, instead of a 3rd, 4th etc.

    I am working on a project for my Universities 125 year anniversary.  Essentially I've created a 125 year long digital yearbook, with a link to the University's actual digital yearbook for each individual year.  I'm wondering if there is a way that I can make all of the yearbook links open in the same second page.
    IE:  Main Project open in a window,  when I click the 1939 Yearbook pdf hyperlink, the 1939pdf will open in the second window.  I then want to find a way so that after this, on the main page, I can click the 1940 yearbook pdf link and have the 1940 yearbook load on the second window, replacing the 1939pdf, instead of just opening the 1940pdf on a third new tab/window?
    Note: I have all of the yearbook PDF's online and downloaded, so I can make the hyperlink send you to the site, or do a download style thing. 
    Thank for any help, and if anyone needs further information just ask me!

    Hi
    Please take a look to this thread Re: Can I refresh the browser rather than open a new tab?

  • How do I make New window open maximized the way it used to?

    How do I make New window open maximized the way it used to?

    { Ctrl + B } opens and closes the Bookmarks Sidebar.

  • Social media links opening in the same muse window. I'm trying to find a way to get them to open in new tabs.  Anyone know how to fix this problem?

    I know that the settings for Muse are supposed to have links open in new windows but that is not happening.  I've unlinked and linked them again several times.  Actually all of the outside links open in the same Muse window. Help please!! I'm ready to connect the domain but can't bring myself to doing that until I get this fixed.
    Thanks
    Here's the link -  PET PRODUCTS

    Please send me the file at [email protected] with my name in subject line along with this forum link.
    I will have a look.
    Thanks,
    Sanjit

  • When I save my book in iBooksAuthor as .ibooks, it does not open on the Intro Media page.  How can I be sure it opens on the first page?

    When I save my book in iBooksAuthor as .ibooks, it does not open on the Intro Media page.  How can I be sure it opens on the first page?

    hello suffaman46, please refer to the documentation provided by yahoo for this issue: http://help.yahoo.com/kb/index?locale=en_US&y=PROD_ACCT&page=content&id=SLN2896

  • How to remove links pointing to the same page?

    I have PDF documents with Links which point to sections referenced (e.g. link of text "Section 2.2" points to the actual page number of "Section 2.2"), but as the links are created from cross-references during rendition from Word to PDF, there are cases that the destination page number and source page number of the links are the same (e.g. links of text "Section 2.2" on page 9 are created with the destination of page 9 which is the actual page number of "Section 2.2"), I want to remove all these links, but I don't know how to get the destination page, I check the API reference and find that "PDLinkAnnotGetAction" may work , but I don't know how to use it, could you check me codes below and advise ? Your help is really appreciated!
    PDPage page;
    ASInt32 i,i2;
    AVDoc avDoc = AVAppGetActiveDoc();
    PDDoc pdDoc = AVDocGetPDDoc (avDoc);
    int pageNum = PDDocGetNumPages(pdDoc);
    for (i = pageNum - 1; i >= 0; i--)
    page = PDDocAcquirePage(pdDoc, i);
    int annotNum = PDPageGetNumAnnots(page);
    for (i2 = annotNum - 1; i2 >= 0; i2--)
      if...
      PDPageRemoveAnnot(i, i2);
    My Product Information:
    Acrobat Pro 8.1.6, Windows

    Start by reading the PDF standard (ISO 32000-1) to understand Actions vs. Destinations.
    Then for each annot, you'll want to see which it has (and in the case of an Action, if it has more than one).  Then you need to parse the action or dest to see what it is and where it goes.  If you don't like it, then you'll delete it.
    From: Adobe Forums <[email protected]<mailto:[email protected]>>
    Reply-To: "[email protected]<mailto:[email protected]>" <[email protected]<mailto:[email protected]>>
    Date: Tue, 25 Oct 2011 09:25:32 -0700
    To: Leonard Rosenthol <[email protected]<mailto:[email protected]>>
    Subject: How to remove links pointing to the same page?
    How to remove links pointing to the same page?
    created by OALD<http://forums.adobe.com/people/OALD> in Acrobat SDK - View the full discussion<http://forums.adobe.com/message/3989576#3989576

  • How can I have two PDFs open at the same time next to each other?

    How can I have two PDFs open at the same time next to each other?

    Moved to Adobe Reader for iOS.
    The only way I know how to do that is with two iPads.

  • How do I create a duplicate image inside the same page? Then how do I change the color of that image

    how do I create a duplicate image inside the same page? Then how do I change the color of that image from black to red?

    Hello there!
    Here is one way to create a duplicate image and colorize it. As you can see below, I have one image right now, that I want to duplicate.
    My layers panel looks like below.
    To duplicate your image, click the downward arrow on the right side of your Layer Panel.
    Select Duplicate Layer. This will duplicate the layer that the image is on.
    Select "OK" to approve the duplication.
    As you can now see in the Layers panel, the image is duplicated. The new layer is now at the top of the Layer panel.
    Now to colorize your image, go to Window > Adjustments.
    The Adjustments panel will now be opened. Select the Hue and Saturation icon as seen circled in red.
    The Hue and Saturation propertied panel will be opened. I selected "Colorize", and adjusted the hue and saturation bar to achieve the level red in my photo.
    As you can see below, the image is now red.
    Now i want to make sure only ONE of my image layers is red. I moved the Hue and Saturation layer to only be on top of the bottom layer. The image on the top layer now will not be affected by the red.
    Select the move tool, so I can now move the image layers so we can see both of them.
    With each image layer selected, you can take the move tool and move the images. I moved mine on top of eachother and you can see my red layer (bottom) and the non red layer (top).
    I hope that helps. i have also included helpful links.
    Please post back with any questions,
    Janelle

  • I used to open many tabs in the same page and i move from one to other by mouse but since3 two days the tabs open in the same page normaly but i can't move from one to other when i clik with mouse on any tab it don't open/ do u have any solve for this?

    i used to open many tabs in the same page and i move from one to other by mouse but since3 two days the tabs open in the same page normaly but i can't move from one to other when i clik with mouse on any tab it don't open/ do u have any solve for this

    Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
    *Do not click the Reset button on the Safe mode start window or otherwise make changes.
    *https://support.mozilla.org/kb/Safe+Mode
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

  • LOV dialog opening in the same page

    Hi all,
    I have a page with a selectInputText that opens a LOV.
    the navigation rule starts with the "dialog:" prefix, the selectInputText action is set to that rule.
    I'm using mozilla firefox 2.0.0.6; the popup blocking is disabled.
    But the LOV is opening in the same page.
    Does anyone has any suggestions or solutions for this problem.

    selectInputText doesn't have a useWindow property, anyway I added a button and set his useWindow to true, and the action to the LOV navigation rule, and still when clicking the button the LOV opens in the same window.

  • How do I type Hebrew and English on the same page

    How do I type Hebrew and English on the same page in Indesign?

    What version of InDesign are you using? And on what operating system? Switching keyboard ("input methods") is in your OS, not in InDesign. InDesign has had the capability to display right-to-left languages since CS4, but only the Middle East edition has the abilities to actually manipulate Hebrew text. If you're trying to do a bilingual, bidirectional document, you'll need the ME edition. If you are a CC subscriber, it comes with your subscription; if you are not, you'll need to buy another version of ID, or a plugin that will allow you to access those RTL features.

  • How do I combine text and photos on the same page in iPhoto using photobook

    How do I combine text and photos on the same page in iPhoto using photobook?

    You mean while creating a book in iPhoto?  Click on the layout button while viewing a page and select the layout that includes both text and photos.  Most themes will have those options.
    OT

  • How can I make google search links open in the same tab in mobile safari?

    I have iphone 5 with ios 7.0.4 and my wife has the same one.
    In my iphone, when I open one link of the google search result page, mobile safari always lauch a new tab and load the linke into the new tab.
    But I want to make it open in the same tab and actually it does in my wife's iphone.
    I don't know what difference make this...

    Hi
    Please take a look to this thread Re: Can I refresh the browser rather than open a new tab?

  • The link open in the same window - Label based menu

    Hi All,
    I'm using Xcelsius 2008.  I add a Selector Component "Selector complonenet > Label based menu". I setup 6 Lable and each one link to a URL. When clicking the label on the generated SWF report, the link opened in a new window.
    So i'd like to know if the link can open in the same window (not pop-up a window and open in it)?I tried to setup it in properties, but it seems there is no way to do this.
    Could I get your guide how to do that? Thank you so much.

    Hello
    I would like to know one thing before answring the question how did you link with an url with the label based menu.
    Did you used the opendocument syntax or what did you used.
    Another method is why donf you use the URL button and map according to your requirement. place the url button on the menu item and change the properties to tranperancy to 0%.
    Thanks
    Santhosh V
    Edited by: Santhosh Vudarla on Nov 19, 2010 12:05 PM

Maybe you are looking for