I'm trying to generate jquery vertical tabs using jquery template. I use this code :
[Code]....
Everything works greate on Firefox, Chrome, Opera and Safari but in IE this code doesn't work. When i looked on html source i saw that in IE instead on
[Code]....
I get
[Code]....
Because of this jqury vertical tabs doesn't work on IE.
how to use vertical tabs with jquery. In my web site i want to use partial views i implemented it with jquery horizontal tabs but i want it with vertical tab as my links are in right side. so any one know the solution plz tel me. I am using asp.net mvc application
View 1 RepliesI have been adding different JQuery Carousels to AJAX Tabbed Panels - the first one displayed on the page always works. But any other tabs dont work when I select the tab. I have about a dozen different carousels.
Can anyone recommend one that works in AJAX Tabs or how I can go about rectifying this?
I am using Media Player Control to play a video file(.mpg). The video file can be played ok when I specify an absolute URL value (something llike C:UsersMyFilesMyVideoTestVideo.mpg) for the MovieURL property . Anyway when I set a relative URL value like ./TestVideo.mpg (the format follows an example from some tutorial) for the MovieURL property, the video file cannot by played.
View 6 RepliesI just want to position the first label in a position on the left and then the start position of the second label at a position. I can't use relative because of the different lengths of the strings. But I the absolute will not work. I tried putting position relative in the cssclass phoneCostsStyle but it doesn't work.
[code]....
The graphic designer of a project I'm building a web site for chose jquery.tools [URL] for a tabs tool in the site. Unfortunately it seems that the tool doesn't behave properly on a postback in IE7 or IE8 (it does behave properly in FireFox, Chrome and Safari). Does anyone have experience using the jquery.tools with asp.net? and know how to retain the tab index on a postback? I've tried a lot of things and can't get it to work. The code i'm using now is as follows:
$("ul.tabsScenario").tabs("div.panes > div");
var tabIndex = $('#ctl00_ContentPlaceHolder1_EnInDeToekomst1_HiddenFieldTabIndex').val();
$("ul.tabsScenario").tabs('select', tabIndex);
where the tab index is stored in a hidden field (HiddenFieldTabIndex). The above code works fine in Firefox, Chrome and Safari, but not in IE7 or IE8. I am using a ScriptManager and UpdatePanels, but in an extremely simple website example I can't even get the jquery.tools tabs tool to work. There are some unanswered posts on the Jquery.Tools forum concerning this topic, but yeah, that doesn't help much. I've already determined that the jquery.ui tabs tool works well after a postback but that would cost a lot of refactoring in our project as far as html and css goes. I'd like to avoid that.
I've got a problem with my title displaying with the default template. It gets cutoff in firefox and IE 8 (in standards mode) by the content div.
View 1 RepliesI'm trying to make a template control using UserControl. I have two issues: When I use the template it only show the Body text - not the Title text - why?. And I don't know how to implement styling (css) - can you tell me how to use a custom css file (Container.css) in .the App_Themes folder?
My code:
[Code]....
I'm just getting into AJAX (little late I know) and am walking through some of the tutorials on the ASP.NET/AJAX site. One thing I've noticed is that I cannot get the UpdatePanel to work (meaning, prevent a full postback of the page) in the ASP.NET Web Site template. I can use the EXACT same markup, code, and web.config in the AJAX 1.0-Enabled ASP.NET 2.0 template and everything works as expected.
Markup:
[Code]....
[Code]....
[Code]....
I have ajax tab container i want to align it vertical, i went online at ajaxtoolkit sample website but its not seems to work
View 1 Repliesi seen ajax tab container... got answer also but it working fine in normal page if i add that to aspx page which is attached with master page it is not working properly.. means tab are coming horizontaly instead of vertical
View 1 RepliesI have created an asp.net applications in which i am using jquery tabs to show say profile modifications information. I want user to see his profile info as well as he will be able to edit his details and save the information. for this purpose i have created an aspx page "MyProfile.aspx" and 3 ascx pages
say "page1", "page2" and "page3".
When i run "MyProfile.aspx" i can see all 3 tabs showing correct information. But problem is when i edit contents and try to save them back to the database. Contents on page1 are stored correctly. But page2 and page3 doest not fire any event. In all 3 pages I am using ajax n jquery to save data to database. and when i try to save contents of page2 and page3 nothing occurs.I am showing 3 tabs there of which first tab edits save the details but second and third tabs do not fire any event on button click.
in a page of my asp.net mvc website jquery not worked. when i test the html source then i see the jquery script is not writtenonly one master page to load all jquery on every page .so where my jquery. when i debug my jquery then error found $ is not definedoff course it come because jquery not load
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.4.2");
google.load("jqueryui", "1.8.0");
</script>
<script language="javascript" type="text/javascript">
$(function () {
[code]...
Given:
<input id="datepicker" type="text" />
Where the id = datepicker tells the javascript to attach all the datepicker code to the form element, how do I turn this into a server control?
For example:
<input runat="server" id="datepicker" type="text" />
Doesn't work because ASP.net generates it's own ID's.
Edit
<asp:TextBox runat="server" ID="dateTo" class="datepicker"></asp:TextBox>
Renders as
<input name="ctl00$mainContent$dateTo" type="text" id="ctl00_mainContent_dateTo" class="datepicker" />
And doesn't work!
I have a JQuery select component and a javascript function to handle the stop event:
[code]....
The script works fine in firefox and chrome but not in IE7/8. It is normally supposed to send a string to the openid_identifier textbox once the google or yahoo select box is clicked.
I have 2 html TR that i make them runat="server" & visible="false" and I have a dropdownlist called citiesDropDownList
$(document).ready(function() {
$('#<%=citiesDropDownList.ClientID %>').change(function() { ValidateCity(); });
});
and on change of this dropdownlist i check if the its text equal to a string i show the 2 tr as below
function ValidateCity() {
if ($('#<%= citiesDropDownList.ClientID %> :selected').text() == identity_CityOther) {
$('#<%= otherCityTR.ClientID %>').show();
$('#<%= areasTR.ClientID %>').show();
}
var city = $('#<%= citiesDropDownList.ClientID %>').val();
return IsValid((city.length != 0), '#<%= cityDiv.ClientID %>', identity_CityRequired);
}
.show() isn't work at all and i don't the reason .. can any lead me to get the problem?
FYI : I tried $('#<%= otherCityTR.ClientID %>').show('slow'); and also $('#<%= otherCityTR.ClientID %>').css('visibility', 'visible'); but it doesn't work also.
I have user control with one textbox on it and i want to apply datepicker to.
here is the code of mycontrol.ascx
[Code]....
If I click inside text box control the datepicker doesent shows.
If I use the same code for showing datepicker on webform it works. Why? Do I miss something or I need something to add on my control?
I am calling a jquery function after inserting a record to database...
[code]....
But it doesn't seem to work...
I have the following code:
<input type="text" ID="JOB_CODETextBox" runat="server" value='<%# Eval("JOB_CODE") %>' readonly="readonly"
onclick="$('#basic-modal-content').modal(
{
appendTo:'form', persist: true,
onClose: function (dialog)
{
document.findElementById('<%= JOB_CODETextBox.ClientID %>').value = 'value';
$.modal.close();
}
} );" />
The problem is, the binding '<%= JOB_CODETextBox.ClientID %>' doesn't work, it returns the same binding expression after renderign instead of replace it with the actual client id!
I have a small problem, I have a page which 4 jQuery modal popups. everything works fine, all the popup comes up however when i click on the button inside the jQuery popup nothing happens. I cannot figure out why.
This is the jQuery code i used [URL]:-
[Code]....
When Page_Load is running the first time, I set Image 1.jpg to the HTML control with sucess!When Page_Load is running the second time, the Image 2.jpg is Not set to the same HTML control?This even that it should though I use a MessageBox to se that the C# code is running that should set 2.jpg to the control
View 2 RepliesI have a little problem with my sliding panels, I have a Page with 2 sliding panels (right and left). These panels have a 'slide button' and you can reduce panels by clicking on it. I use cookies to record state of panel, so when you change page panels stay collapsed or extended. But it doesn't work very well, in fact the state is recorded for the page. If I change page, panel will extend (default position) but if I go back on the page it will disapear. Is it possible to ignore the path in the cookie and use a cookie for all website?
Jquery code :
$('#rightfold').click(function () {
if ($('.menudroite').is(':visible')) {
$('.menudroite').hide("slide", { direction: "right" }, 400);
$.cookie('rightfold', 'collapsed');
$('.triggerdroite').animate({ backgroundColor: "#B2C9D1" }, 1000);
$('#rightfold').animate({ color: "#000000" }, 1000);
}
else {
$('.menudroite').show("slide", { direction: "right" }, 400);
$.cookie('rightfold', 'extended');
$('.triggerdroite').animate({ backgroundColor: "#6c7a7f" }, 1000);
$('#rightfold').animate({ color: "#d9f4ff" }, 1000);
}
});
$('#leftfold').click(function () {
if ($('.menugauche').is(':visible')) {
$('.menugauche').hide("slide", { direction: "left" }, 400);
$.cookie('leftfold', 'collapsed');
$('.triggergauche').animate({ backgroundColor: "#B2C9D1" }, 1000);
$('#leftfold').animate({ color: "#000000" }, 1000);
}
else {
$('.menugauche').show("slide", { direction: "left" }, 400);
$.cookie('leftfold', 'extended');
$('.triggergauche').animate({ backgroundColor: "#6c7a7f" }, 1000);
$('#leftfold').animate({ color: "#d9f4ff" }, 1000);
}
});
// COOKIES
var leftfold = $.cookie('leftfold');
var rightfold = $.cookie('rightfold');
// Set the user's selection for the left column
if (leftfold == 'collapsed') {
$('.menugauche').css("display", "none");
};
// Set the user's selection for the right column
if (rightfold == 'collapsed') {
$('.menudroite').css("display", "none");
};
I am drawing a grid using HTML and each tr element has it's own id. I want to be able to remove a tr on a button click, but not have to redraw the whole grid to show that the row has been deleted. I can do this using .hide(), but the problem is that I need to call a function to stripe my rows after, and since the row is still considered there, the striping doesn't work properly.
View 3 RepliesI've added routes to my asp.net 4 website so that, for example the page: "~/Main/About/Careers.aspx" is mapped to the url: [URL] I'm using jquery to make an ajax call and it simply does not work after I've added the routing, I used the following code, and it remains stuck on the spinner image:
[Code]....
I created a .NET user control to work as a DropdownCheckbox and added Jquery to give the sliding and hide effects. The code is as below:
[Code]....
This control works fine in a normal page, but once I put it inside an update panel it doesn't work. Is there a work around or simply I can't use JQuery inside update panel?
