how to refresh only body of the page not header and footer

Question

2.50/5 (2 votes)

See more:

hi,Suppose i have a form in which i have header,footer and the middle layer.
In the header i have three anchor tag such as

<a href="page1.aspx" >clickme1</a>
<a href="page2.aspx" >clickme2</a>
<a href="page3.aspx" >clickme3</a>

I want whenever i click on the linkbutton only the middle layer should be refresh not
the full page.

same as it is in the codeproject ie
Home|Articles|Quick Answers |

whenever i click on the menu only the contain are refresh not full page.

Posted 8-Sep-12 12:38pm

software_Engi08

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Thilina Chandima · Answer 1 · 2012-09-08T16:00:00

Solution 1

As i know you have number of way to do this, I will give you few.

1. You can use IFrame to your middle layer.
2. You can use ajax to change your middle layer.
3. You can use frame set to your full page.

I hope this will help you.

Posted 8-Sep-12 16:00pm

Thilina Chandima

Comments

software_Engi08 9-Sep-12 10:12am

do i get some example code or any tutorial covering the above topic

Thilina Chandima · Answer 2 · 2012-09-09T05:01:00

Solution 2

This is just a iframe example, I write it in hurry so if there any error please leave a comment i'll make it correct.

I hope this will help

HTML

<html>

<head>

<title>Untitled 1</title>


<pre lang="Javascript"><script language="JavaScript">
function go(loc){
    document.getElementById['calendar'].src = loc;
}
</script>

HTML

</head>

<body>
<iframe id="calendar" src="about:blank" width="1000" height="450" frameborder="0" scrolling="no"></iframe>

<form method="post">
    <input name="calendarSelection" type="button"  önclick="go('page1.aspx')" value="Day" />
    <input name="calendarSelection" type="button"  önclick="go('page2.aspx')" value="Week" />
    <input name="calendarSelection" type="button"  önclick="go('page3.aspx')" value="Month" />
    </form>

</body>

</html>

Thanks

Posted 9-Sep-12 5:01am

Thilina Chandima

Updated 9-Sep-12 5:05am

v3

Comments

software_Engi08 9-Sep-12 12:48pm

Thanks,this is working but when am using iframe, i am facing design issue.,so i want to avoid iframe,also i have 20 linkbutton in my page ,i think if i get ajax example or jqeury example without iframe it will be a great help for me ,
i have heard something about load method in jqery ,if you know can you help me.

Thilina Chandima 9-Sep-12 20:56pm

Ya I can help you but give me some time because at the moment I'm bit busy with my working so withing 10hrs I'll give you a sample.

Thilina Chandima 10-Sep-12 10:17am

Dear I am really busy now so if you can go through this tutorial i hope you can get understand...

http://www.w3schools.com/ajax/ajax_aspphp.asp

software_Engi08 10-Sep-12 11:46am

yes ,i go through your link i understand it as well but not able to understand how i will fullfilled my requirement.Please help

Thilina Chandima 10-Sep-12 13:08pm

please explain to me about your problem, i mean where you get stuck. If i can I'll help.