HTML : Render pages by clicking side navigation bar - html

This is something I have seen in many pages and I want to try it out.
What I want to do is that I want to have a left side navigation bar. On clicking each option, different results should be displayed. For example, the first option is say, details, and that is the default option. On entering the HTML page, I have this opened. On clicking send second option, a form is displayed in the right hand side, but without moving to a different page
Can someone tell me the name of this feature, and if possible where to find the code?

Related

when reload image should come from right a smooth transiton should occur

This image contains the code I am using but it doesn't behave correctly. like in websites we see as we scroll down images or anything were not present and then comes from the right. like if we go to end of the page a contact form should appear from right. this is what i am trying to achieve

How to scroll to a specific part of an HTML page after serving a response to a FORM post?

I have an HTML form with many different input buttons. Scrolling is needed to see some of them on the user's browser screen.
When the user presses one of the buttons the server receives a POST and processes it. It alters the content of the HTML and re serves it.
Is there some way to serve the HTML so that the user's display scrolls back to the position it displayed when the FORM input button was pushed? At the moment the display returns to the top of the page and the user has to scroll down again in order to see the results.
Any help or advice would be gratefully appreciated!
I wish to have a function similar to browsing to an anchor on the page, such as http://my_url.com/my+page#my_tag. The trouble is that a POST is not a GET, so I'm not sure how to specify the #my_tag anchor in the POST

Screen Reader not finding popUp

Currently trying to make a section of a site more readable to screen readers (Jaws, MacVoice over, ect). One of the buttons on the page generates a popup that in turn the user will need to be notified of, the problem is this popup is generated at the bottom of the DOM meaning that the user would have to navigate to the bottom of the dom (tabbing through) in order to even know the page is there. Does anyone know a possible way around this?
You can try removing it from the generated place with javascript and append it to a more convienant/logic place for the user. The code should be something like:
$('#amoreconvenientplaceforthebuttonID').append($('#mybuttonID'));
$('#mybuttonID').remove();

Why am I getting a doubled menu when I click the link for my main page?

Whenever I click the "Home" option on my menu (left hand side, frames), a second copy of the menu page appears on the left side of the main window. The html of this link is identical to the other links, which work fine. As I'm just developing the site at the moment, the HTML of all the links is also identical. There is no code difference between this link and the others in any way, only the behavior.
The doubled copy of the menu is a phantom. It will not double itself again, and goes away when any other link, other than the home page, is navigated to. I'm currently in school and this is my first ground-up project, so I'm sure it's something stupid and simple.
Well Aarron, your problem is indeed quite obvious. After looking for hours, the solution the whole time is that your "Home" link is pointed at Index.aspx, which is the page with your frames, instead of Main.aspx. You were thinking of Index as your home page, which it is, but linking there in this context gave you frames within frames, instead of the default opening display page you were aiming for.

Page Jump Issue cant launch website till fixed

im nearly ready to launch my website but i have a problem i cannot sort out.
ive built the whole website using wordpress and buddypress.
due to the picture in my header being very big and ending 450px down the page, you have to scroll down to access the buddypress menu in the relevant page (the one above the activity stream etc) which is exactly where i want it, removing my header is not an option, now the only problem i am having is that when i click the tabs in the buddypress menu say from activity stream to say my messages instead of the page laoding and taking me back to this section it takes me to the very top of my header so i have to re-scroll back down to the page i was after.
I need the page to stay at the same point after page reload so that the menus can be flicked through without having to scroll down to it again everytime a link is pressed. how do i achieve this? can you please help me sort this out….i have no problems adding or editing codes if i know what code needs changing and what to add to make it do this. thx
Im guessing that if you look in the url bar it is adding a # to the end of the url. You need to override the default click event on the a tag so that it doesnt jump you to the top. Im not sure how that will affect the stuff that is going on in the BuddyPress plugin.