Page Display / Link Target Question

After taking some abuse for a decidedly old fashioned layout for a business website, I remodeled it using the "Holy Grail" 3 column layout using div tags.
The left column is the nav bar. The center column is intended to have a list of products(name and picture), and when a product is clicked, the rest of the information about it should appear in the right column with the more detailed information.
I've caught much personal abuse for having tried to use IFrames for that. How can I link my nav bar to display in the center column div tag without using an IFrame. I've done some research and haven't found much useful java script because in this case, I'm not really even sure about the structure that I have to use. I've tried image place holders and using anchor tags on each segment (image, name, full description). Apart from not being able to use multiple targets and anchors on a single link, I can't think of a way to make the products appear on the same page and target them into a div tag (IFrames seem to be a bad idea according to everything I hear, although they did have some of the functionality I'm looking for).
How can I target a link to a div tag to make it open in the same page?

Not yet, the company uses yahoo.com as a webhost and there's really no way to put my pages online before they give me the go ahead on launching on our own server. The whole reason I'm rebuilding it is that they're tired of not having any kind of control over how it's structured or its appearance.
My end goal is that three column layout, where clicking in the left displays info in the middle, and clicking the middle brings up more on the right. What I'm really trying to do is find a way to keep the display on the main page and find a way to automate and streamline the browsing. That and loading smaller segments into the same page is usually faster for the customers than waiting for each page to load when they click on it. Right now I'm looking into using a database with the inventory info / pictures (also starting from scratch), and finding a way to just query from that.
Otherwise I have to go long hand and build individual pages for 1100+ various products and link them all one at a time.
My biggest challenges are that I'm not sure how to use the database once it's built (setting a link to draw the product name and picture, and then if they click on that, the third column shows the other pictures and the full description), and I'm not really sure how I can target my links at the div tags. I'm trying to automate this as much as possible because once it's launched, I'm one of two people that the company has to keep the whole thing running. I can build pages off of the template for the sake of appearance, but the rest is a bit unclear. Do I need JavaScript or something to make that work? Or do I just have to build the links and plug the rest into the database? I forgot to mention that I'm using CS5 by the way.
Any advice at all is most appreciated.

Similar Messages

Dashboard floder link target question

Hi export,
I put a floder in dashboard, when you click a report in floder, it will refresh the whole dashboard, and show the report, I want to show the the report in another section in the same dashboard, like frameset,left frame show link,the content show in right, Is it possibale?
Edited by: jacky on 2010-10-12 下午11:34

Hi,
First add the folder with the reports.
Then Go to page source, selected the code that is used for the folder.
The code will be start from table class "SectionTable" copy that entire table.
Then I modified the code with some script.
Remove the folder, add text and put the code there.
Find the sample code below, changes were marked in bold.
*[script>*
function changeTheFrame(right)
parent.frames[0].location.href = right;
*[/script>*
[table class="SectionTable" cellspacing=0 style="" >
[tr>[td class="MinMaxCell" onclick="saw.dashboard.onToggleSection('d:dashboard~p:kgofk8gpr1igoom3~s:2hn4flc307gjsvb7', event); return false;" align="right">
*[!-- img id="d:dashboard~p:kgofk8gpr1igoom3~s:2hn4flc307gjsvb7Min" src="res/s_oracle10/portal/btn_min.gif" title="Collapse"/ -->*
[img id="d:dashboard~p:kgofk8gpr1igoom3~s:2hn4flc307gjsvb7Max" src="res/s_oracle10/portal/btn_max.gif" style="display:none" title="Expand"/>[/td>[/tr>
[tr>
[td>
[table id="d:dashboard~p:kgofk8gpr1igoom3~s:2hn4flc307gjsvb7Contents" style="width:100%;">
[!-- start folder -->
[tr height="100%">
[td VALIGN="TOP" ALIGN="" colSpan="2" >
[a href="javascript:void(null)" onclick="IgnoreEvent();" title="Text" name="SectionElements">
[/a>
[a href="javascript:void(null)" onclick="IgnoreEvent();" title="Folder" name="SectionElements">
[/a>
[table border=0 cellspacing=0>
[tr>
[td class="ExpandFolder" style="cursor:hand" onclick="javascript:ExpandCollapse('saw_89_4', event)">
[img border=0 src="res/s_oracle10/portal/ifolder.gif">
[a href="javascript:void(null)" onclick="javascript:ExpandCollapse('saw_89_4', event);return false" title="01 Ranking and Toppers">
[font class="ExpandItem" onMouseover="this.className='ExpandOver';" onMouseout="this.className='ExpandItem';">
[b>01 Ranking and Toppers[/b>
[/font>
[/a>
[/td>
[/tr>
[tr>
[td id="saw_89_4" class="_ExpandThis" style="display:none">
[table class="ExpandList" border=0 cellpadding="0px" style="margin:0 12px;" cellspacing=0>
[tr>
[td>
*[a href="javascript:changeTheFrame('http://localhost:9704/analytics/saw.dll?Go&Path=/shared/Sample%20Sales/01%20Ranking%20and%20Toppers/Multi%20Metrics%20Proportional%20Top%20Ns');" title="Multi Metrics Proportional Top Ns">*
[font class="ExpandItem" onMouseover="this.className='ExpandOver';" onMouseout="this.className='ExpandItem';">
Multi Metrics Proportional Top Ns
[/font>
[/a>
[/td>
[/tr>
[tr>
[td>
*[a href="javascript:changeTheFrame('http://localhost:9704/analytics/saw.dll?Go&Path=/shared/Sample%20Sales/01%20Ranking%20and%20Toppers/Multi-Dims%20Top%20Ns*
*');" title="Multi Metrics Proportional Top Ns">*
[font class="ExpandItem" onMouseover="this.className='ExpandOver';" onMouseout="this.className='ExpandItem';">
Multi Dims Top Ns
[/font>
[/a>
[/td>
[/tr>
[/table>
[/td>[/tr>
[/table>
[/tr>[!-- end folder -->[/table>
[/td>[/tr>
[/table>
*[div>*
*[iframe FRAMEBORDER="0" BORDER=0 marginwidth=0 marginheight=0 hspace=0 vspace=0 width=1200 height=600 src="" scrolling=auto>*
*[/iframe>*
*[/div>*
PS: change [ with <
Thanks
Vino

Displaying linked pages in an area of the screen, using CSS?

Imagine that I have a column on the left of the page that has a list of links to other pages. When you click on any of those links, then to the right the linked page is shown.
I know how to do this with frames, but I'm trying to figure this one out using CSS.
Can anyone point me in the right direction?
Below is a code sample that if your save and then view in a browser will show you (hopefully) what I am trying to achieve.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Test site</title>
<style type="text/css">

div.header {
height:4em;
width:auto;
border:0;
padding:0;
text-align:center;
background-color:#6CF;
div.sidebar {
width: 15em;
float:left;
text-align: left;
border-bottom:0px;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 0em;
    background-color:#390
div.footer {
width:auto;
border:0;
padding:0;
text-align:center;
background-color:#6CF
-->
</style>
</head>
<body>
<div class="header">
   header goes here
</div>
<div class="sidebar">

   Link to page 1<br />
   Link to page 2<br />
   Link to page 3<br />
   etc...<br />
</div>

This is the area where the pages linked to should be displayed.<br />
So, if you click on the "Link to page 1" link, to the left, the contents of page 1 will be shown here.<br />
If you click on the link to the left that says "Link to page 2" then the contents of page 2 will be shown here, etc.<br clear="left" />
<div class="footer">
footer goes here
</div>
</body>
</html>

Thank you Nancy! Your solution is (I believe) 99% of the way to being exactly what I want.
The code fragment below:
<div class="sidebar">

   <a href="../Test/About.html" target="Frame1"> About</a><p>
   <a href="../Test/FAQ.html" target="Frame1"> FAQ</a><p>
   <a href="../Test/Contact.html" target="Frame1"> Contact us</a><p>
</div>
<iframe name="Frame1" id="Frame1" src="../Test/About.html" height="auto" width="auto" allowtransparency="true" border="0" margin="0" scrolling="auto" > </iframe>
but I want the window that contains the 'imported' code to expand to be the same height as the sidebar and wide enough to stretch to the rightmost side of the visible screen.
I was guessing that
height="auto" width="auto"
would have done the trick, but it would seem not. Any ideas?

How to display link content on the the same sharepoint page on click event

"How to display link content on the the same sharepoint page on click event"
Detail:
we are using a document library where all html files are stored/uploaded. we would like to display/open the html file on the same sharepoint page where all the files are listed.
Thanks.

Use jQuery and set the target to self to the anchor tag
Regards,
Sairam Avacorp Technologies

How do I remove the link target display?

I do not want a status bar. I do not want that link target display on the bottom of the window either. How do I remove it please?

See also:
*[[/questions/1040120]] How can I hide "Read/Waiting/Transferring data..." status?

How to get Page link target with pl/sql

I am using Oracle Portal Version: 9.0.4.0.99.
I have a portal page that contains several different item types.
I am able to display the majority of the portal items using pl/sql except for the page link item type.
I can use pl/sql to get the display name and other attributes from the WWSBR_ALL_ITEMS table for the page link, but unable to determine the target of the page link.
Is there an api to determine the target and where is the page link target stored.
Thank you

Christain
I am using your suggestion.
I have obtained a list of the portal pages the customer wants links to and have built the urls to the portal pages as a temporary work around.
The customer does not have enough knowlegde to duplicate the work around.
This is why I need to allow the customer to be able to use the page link item type to build links to other portal pages.
Let me try to explain what I am doing.
I have a portal page that the customer has manage content privileges.
The customer can add file items, url items and page link items.
I am using the content on this page to build a dynamic javascript menu.
I run pl/sql querys on several tables to get enough information to build links to these items on the portal page.
The problem is with the item type, page link.
This page link is selected by the customer by going through the add item icon on the portal page.
The target of the selected page link is another portal page.
I can get some information on the page link by querying the WWSBR_ALL_ITEMS view, but can not determine the actual target of the page link.
If I can get the target id or name then I can accomplish what I need.
I hope this explains my situation.
Thanks

When I open a second tab in Firefox, it does not go to my home page. Instead it goes to a page that displays what looks like a collection of pages (or links) t

When I open a second tab in Firefox, it does not go to my home page. Instead it goes to a page that displays what looks like a collection of pages (or links) that I have visited in the recent or distant past. I would much rather have it go to my home page which is much more useful to me. I have tried to change this in 'Options' but with no luck. Please fix this.

See also this article about the New Tab page (about:newtab):
*https://support.mozilla.org/kb/new-tab-page-show-hide-and-customize-top-sites

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 to display all the questions of a survey in a page?

How to create multiple surveys in a survey list?How to display all the questions in a page and provide feedback button for each question?While giving the feedback user can ab. to see posted question date and posted person name.
sindu

Hi,
To display all the questions in a page instead of in a dialog, you can achieve it by using such an URL:
http://yoursite/Lists/survey1/NewForm.aspx?IsDlg=0
You can add a hyperlink with this URL into a page of your site, then you can navigate to the questions page by clicking this hyperlink.
About how to add a hyperlink into a page:
http://sharepoint.stackexchange.com/questions/55543/how-to-add-a-hyperlink-anchor-in-a-sharepoint-wiki-page
If you have several questions to ask, it is recommended to post them into every single thread to make others easier to focus on one question in one thread.
Feel free to reply if there is still any questions.
Best regards,
Patrick
Patrick Liang
TechNet Community Support

Display the pages as links in left facet to a specific facet(right facet)

Hi,
I am trying to design a page template which will be Two-Column Layout. I am having Two facet definitions for templates, left & content.
I want to put the pages as links in the left facet llike Page1, Page2...
How can i display the content of link in a content facet when selected.

If i understand correctly.you can do by copying standard page template.Use side navigation template.On left side.you have link for ur pages.

Firefox, running on Mac. I'm getting limited info on page displays on all sites, although links are in fact all there - just invisible.

Running Firefox on Mac: I'm getting limited info on page displays on all sites, although links are in fact all there - just invisible.
== This happened ==
Every time Firefox opened
== Firefox, running on Mac. I'm getting limited info on page displays on all sites, although links are in fact all there - just invisible. ==
== User Agent ==
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_3; en-us) AppleWebKit/531.22.7 (KHTML, like Gecko) Version/4.0.5 Safari/531.22.7

Locking this thread, so all answers are posted in your other thread. :-)
https://support.mozilla.com/en-US/forum/1/669587

Display link label

Hi!
I've a simple link with target page. When I click i want display link label in the target page. It's possible?

"417654"
Perhaps I was not clear enough. Please show us an example of one of your links. How and where are these links displayed? In a report? In a list? A static HTML region?
Sergio

How do I add a "return to top of page" button/link for long pages?

I've created several long pages within a web site. Is there a button or link that can be used, created, and placed in the middle and/or at the bottom of the pages that will return you to the "top of page" without having to scroll all the way back up? If there is one in iWeb, or if this has been discussed before, I can't find it. Thanks.

Hi there,
easiest way would be to have link "Link to: one of my pages" and link to the page itself.
To me doing this the page doesn't have to completely reload (thus there is no transition displaying a an empty page).
Another way would be using Anchors which is a bit more complicated... Usually they are used to go down to a certain point of a page but it works the other way around too...
http://alyeska.altervista.org/en/iWeb_Anchors.html
Regards,
Cédric

Why is login page (to register to use this forum) and other pages displaying foreign characters (e.g., বাংলা (বাংলাদেশ) when am using English (U.S.) versions of IE6 & Opera 10.6 to contact you (as FF4 hanging computer)?

FF4 hanging badly, so used IE6 & Opera 10.63 to register with & access Mozilla support site. Some words on those pages displayed in a foreign language (Arabic script?? )-- example, বাংলা (বাংলাদেশ)
Foreign characters on initial Support registration page, were in lieu of English words asking to select UserID & Password. (Page not entirely in foreign language--only parts. Request to repeat password choice, enter email, were in English).
I registered (guessing what to enter). Went to Support page [support.mozilla.com/bn-BD/kb/ask]. Greeted by statement: "Our volunteers haven't translated this article into বাংলা (বাংলাদেশ) yet."
No idea what language that is, or why u think I can read it. Presently logged in from U.S.

That is Bengali ([http://www.mozilla.com/en-US/firefox/all.html]). Firefox 4 no longer has the language setting in the user agent and in your case it doesn't seem to work to detect the language.
You can change the bn-BD in the link(s) to en-US on the Mozilla sites.

One page displays incorrectly on my Mac

Hi, I have a 6 page site hosted on Mac.com. All pages display correctly on various devices but on the Mac I used to create it, one page displays as plain text (in Safari) in Firefox it is fine. I suspect the file may be being read from a cache somewhere on my Mac but cannot find where. Have tried resetting Safari and emptying cache etc. Tried deleting the page and publishing and it doesn't appear but when I paste the page back into iweb and publish again the fault is still there. Just odd why it works on all other Macs using same OS and Safari, but not on the machine that created it. Does anyone have any ideas? Thanks.

To answer my own question - in case it helps anyone else. Just tried duplicating the offending page and renaming and relinking and it seems to work. Not sure why exactly but it now seems OK.

Page Display / Link Target Question

Similar Messages

Maybe you are looking for