I am using three frames in my html page. The top most frame gives the logos which is always constant. The bottom left frame contain links(more like an index) to different jsp pages. The links clicked in this frame are to be displayed in the bottom right frame. I want the address of the current webpage in the bottom right frame to be displayed on the address bar.
How can that be done?
You could use a pile of JavaScript with pushState (note limited browser support) but it would be clunky at best.
I'd recommend scrapping the frames and using JSP to template the shared content into standalone pages.
Related
I'm trying to show a small frame on the bottom right corner, like in the below picture:
I've search a lot about frames (including framesets) and iframes because I need both frames to be loading separately. For example, I can go to different pages in frame 1 without affecting or reloading frame 2. But I was only able to show them side by side.
Any help would be great!! Thanks!
I'm trying to create a link to a page with frames. The page has 2 frames - left side for menu and right side for content.
Linking to the URL brings up the index, but I want a specific sub-page on the site.
Is there any way to link to the sub-page while still keeping the format of the frames?
thanks
Set your link HREF value to the specific "sub-page" URL and set the TARGET property to the specific frame you want it to display within.
I have a very tricky assignment. There is a webpage that uses frameset. I has three framesets one on top which is a banner, one on the left which is a menu bar. When selection is made through menu bar it opens up a 3rd frameset on the right of the menu bar according to whatever is selected from the menu. My question is what is the best way to get rid of frameset? Ways i thought:
-dont use scrollbar in the frameset in middle so that it does not cause all the problem with frameset.
Beside that i can not figure out how to combine all this in a single page as the content on the middle of the page is being fetch from outside app according to what you select on the left menu's.
lets assume that you have test.asp page which has 3 frames.
Now do one thing make link in left frame page so it will call like this
test.asp?menuid=1
test.asp?menuid=2
and on right frame page do code which get the value of query string "menuid" and bind submenu as per that Menuid.
Thanks
JJ
Folks, I want to create a webpage with three panes (frameLeft, frameMiddle, frameRight)
The content on leftmost pane is a list from file list.html
Upon clicking on an item in the leftmost pane, it loads the corresponding html file (call it listLvl2.html) in the middle pane. This is also a list.
Clicking further on an item in the middle pane should load the corresponding html file in the third frame (lets call it content.html)
I have made an index.html file with three frames. frameLeft loads list.html. I have coded list.html so that every link opens in the target="frameMiddle" . This works well
The issue is opening content.html in frameRight. What should I put as the target in my listLvl2.html links so that they open in frameRight? I tried putting it as frameRight, but instead, it opens in a new window. I guess that is because for listLvl2.html , frameRight is not defined.
I would highly advise against this. Using Framesets kills bookmarking abilities and causes all kinds of other issues.
Create a single page, that uses common code fragments to display the top and left column content instead.
At first framesets seem like a great idea - only load stuff in the frames as you need it... but then other issues arise. Each frame needs to load its own copy of CSS and JavaScript resources, users can't bookmark a sub page, the title never updates to the correct page, nor does the URL.
Later if you envision a dropdown cascading menu over one frame from another you quickly learn that it isn't possible - period.
No. of HTTP Requests for a typical page:
HTML
CSS
JS
No. of HTTP Requests for a typical frameset (top, left, right)
HTML (of frameset)
HTML (of top)
CSS (of top)
JS (of top)
HTML (of left)
CSS (of left)
JS (of left)
HTML (of right)
CSS (of right)
JS (of right)
Summary:
I'd like to display a shopping cart from another domain underneath my fixed content in my page - and have the scrollbars come out properly.
Details:
I need to display a shopping cart from a vendor within a page on "my" site with "my" header on top. (Eventually the shopping will all be in a subdomain but not now, sigh.) The header is a fixed height. The shopping cart pages vary in height as you navigate within that frame.
I've tried frames and iframes and had cross-browser issues with the iframes. I'm only testing four configurations, Windows/IE, Windows/Firefox, Mac/Safari and Mac/Firefox.
Right now I am using a frameset with two frames, one containing my fixed-height header page, the other containing the external page. This does work - the one issue is that when a scrollbar appears it (of course) only appears on the bottom frame.
This will do and the client isn't very sophisticated but it bugs me.
If I use IFRAMES, I find I need to sprinkle height: 100% and overflow-y: auto in various places - and yet I still cannot avoid either one of two unacceptable issues that appear in at least one of the browser/OS combinations...
The combined content is larger than the window, but no scrollbar appears.
An inner scrollbar and an outer scrollbar both appear.
Any hints appreciated!
EDIT:
Thanks for the work - but I don't think I conveyed the issue correctly.
I'm not using frames for layout - I wish simply to make a page framing something on another site (that hosts the shopping cart and whose URL should not be exposed).
Frames "work" - BUT having an interior scrollbar on the second frame and no scrollbar on the whole page is definitely wrong behavior. My client won't know this but it'll look amateurish to people seeing the page.
I don't see quite how a server-side include or CSS would do it and I know both fairly well. If I used the server side include, how would links internal to the shopping cart work? I'd leave my site, correct?
Summary: A shopping cart hosted on another site, embedded on my content page.
Don't use frames, if the user does command + click then the product will open in new window and your frame will disappear.
One feasible solution I see here is with Javascript:
Load the page via $.ajax
redirect all clicks so that it loads in ajax window by
$('iframe a').on('click',function(){
// load the product via AJAX
});
make sure height of Div is not fixed so that it expands automatically and scrollbars are there only on window.
This is best way I could think of keeping the integration seamless while hiding the url