Click here to Skip to main content
14,982,018 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
I Was Desinged Vertical Menu Navigatin JQuery
So
I Want To Navigate Between Page Without Refresh Master Pager
Just Refresh And Change Content

as You Know the IFarme Is Bad Technical And Not Good




SO There Any Way To Do It , Please Help Me

What I have tried:

HTML
I Try This in Master Page But No Resault And Not Work 

<pre lang="HTML">&lt;meta http-equiv =&quot;Page-Enter&quot; content =&quot;blendTrans(Duration=0)&quot;/&gt;
&lt;meta http-equiv=&quot;Page-Exit&quot;content=&quot;blendTrans(Duration=0)&quot;/&gt;</pre>


PLease Help Me
Posted
Updated 7-Jan-17 7:52am

Hi, I think most likely you're using ASP.NET web forms. Well if this is the case you could use UpdatePanels which updates specific parts of the page.
Still I think you'd be better off retrieving the dynamic content using Ajax manually
   
Comments
a_alise 16-Dec-16 17:56pm
   
Yeah ASP.NET Web Forms ,
Can Have Small Example Or Test For Using That
Vertical JQuery Menu With Ajax In Content
Because I Tried To Use It But Not Work

How I Can Update Specific Parts Of Page

as Update Contecnt And Load Web Forms To Content Of Master page When Click Menu
P_Z 16-Dec-16 18:33pm
   
Hi, most likely you need to use a jQuery control similar to these: horizontal tabs https: //jqueryui.com/tabs/ or vertical tabs https://jqueryui.com/resources/demos/tabs/vertical.html
where you can switch tabs without refreshing page.

Then assign a css class to the tabs ex: "mytab" and id each tab container ex: is a div "mytab_name1"


$(function() { //include js events within this
$('.mytab').click(function() { //tab click event, note the "." here means css class
var id = $(this).attr('id'); //to get div id ex: "mytab_name1"
var divid = '#' + id;
$(divid).empty(); //clear the div contents, note the "#" here means id

//retrieve data with Ajax ex:
//in data (this is optional) you can pass some identifier (or multiple) to indicate which dynamic content will loaded on server..."parameter1" or whatever you name it will be paramter in WebMethod
$.ajax({
type: "POST",
url: "url to method [declare this as static and WebMethod]",
data: {
parameter1: id
},
success: function (response) {
//check if "response.SomeProperty" is sufficient or "response.d.SomeProperty" as you're using ASP.NET Web Forms
var html = '<p>' + response.SomeProperty + '</p>'; //build your div content using the response
$(divid).append($.parseHTML(html)); //render the string as html elements and insert inside the div
//the tabs will remain the same but contents of div should change on tab change
},
error: function () {
//handle any error ex:
var html = '<p>Error loading data</p>';
$(divid).append($.parseHTML(html));
}
});
});
});
P_Z 7-Jan-17 16:29pm
   
Are these controls related to vertical menu? Did you try the suggestion above and whether it worked?
a_alise 8-Jan-17 8:41am
   
yeah i try it , but i think not work
can you help me in my vertical menu that above
please
a_alise 8-Jan-17 8:48am
   
$('nav').click(function () { //tab click event, note the "." here means css class
var id = "MainContain"; //to get div id ex: "mytab_name1"
var divid = '#' + id;
$(divid).empty(); //clear the div contents, note the "#" here means id

//retrieve data with Ajax ex:
//in data (this is optional) you can pass some identifier (or multiple) to indicate which dynamic content will loaded on server..."parameter1" or whatever you name it will be paramter in WebMethod
$.ajax({
type: "POST",
url: "url to method [declare this as static and WebMethod]",
data: {
parameter1: id
},
success: function (response) {
//check if "response.SomeProperty" is sufficient or "response.d.SomeProperty" as you're using ASP.NET Web Forms
var html = '' + response.SomeProperty + ''; //build your div content using the response
$(divid).append($.parseHTML(html)); //render the string as html elements and insert inside the div
//the tabs will remain the same but contents of div should change on tab change
},
error: function () {
//handle any error ex:
var html = 'Error loading data';
$(divid).append($.parseHTML(html));
}
});
});



Have Error When Do it

Error loading data ..
P_Z 9-Jan-17 11:47am
   
What about code for the Webmethod?
[WebMethod]
public static string thewebmethod(string paramater1<,any parameters as listed in "data:"...>)
{
return ""; //or a json object
}

And how you're building the data to be returned?
a_alise 10-Jan-17 8:08am
   
i didn't add any webmethod

can you show me it in my project
as it be clear above
???
The best way to load dynamic content is always Ajax. If it doesn't suits you please provide more details of your problem.
   
Comments
a_alise 16-Dec-16 17:58pm
   
Can I See Small Example Test To Do it
With Vertical Menu Jquery And Ajax

I Tried But Didn't Work
a_alise 10-Jan-17 8:39am
   
please help me

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




CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900