I am getting currectly the output of slideDown and slideUp functions but these are not expanding smoothly, giving a jurk like experience. Can you tell why i am getting this behavious.Below is my code .
[Code]....
i've made an Ajax accordion in a page. the problem is that the accordion is not collapsing or expandingthis is the code:
[Code]....
I have a TreeView menu populated from a SiteMapDataSource. The TreeView defaults to all nodes expanded, but the normal client side expand/collapse behaviour for the nodes is not working. I get one Javascript error in my Firebug console, being:
TreeView_ToggleNode is not defined
What could be causing this?
I've got a CollapsiblePanelExtender in place on a panel in test and it works like a champ. (I get excited about the simplest things). When I click the panel header it expands and collapses with smooth animation, as expected and desired.
But when I change its state via code behind, it seems I am merely changing its state and somehow bypassing the javascript that controls the smooth animation.
My markup is out of the box. I have added code behind and some javascript, but I am missing the connection. Here is the javascript:
function pageLoad(sender, args)
{
smoothAnimation();[code]....
And here is the code behind:
protected void btnExpand_Click(object sender, EventArgs e)
{
this.CollapsiblePanelExtender1.Collapsed = false;[code]....
I have a jQuery function that performs slideDown anitmation on a certain element when clicked like this
$('.Minimize').click(function() {
$('.ContentTD').slideUp('slow', function() {
//animation complete
});
});
the above script is written inside a web user control.
the problem is that if a page has many instances of the control, the slideDown function is executed in all the instances in the page.
I want the function to be executed only in the control I click.
I have ContentView which has 'Table of Contents' and another view (DescriptionView) which has the total description of these contents. Each content description in DescriptionView is in different sections and I have implemented accordion to manage this.
[Code]....
When I click on each content in ContentView I navigate to that particular section in the DescriptionView by the of the anchor tag which i specify in the url. My issue is I am not able to open that section which will be hided using accordion. Hope am successful in explaining my query.
$(document).ready(function() {
View 1 RepliesI have the following code where the function codeaddress geocodes the text feild value and returns geocoded value , geocoded value is stored in variable example ,how will i return the variable v2 to the function call and post to asmx webservice.
[code]....
I'm very new to jQuery, and have little experience using JavaScript,I've found what to me looks like a fantastic crop tool using jQuery ( http://deepliquid.com/content/Jcrop.html ).What I need is to merge example 2 and 3 together, as I'd like both the preview panel AND I need the coordinates. The two bits of JS are:
<script language="Javascript">
// Remember to invoke within jQuery(window).load(...)
// If you don't, Jcrop may not initialize properly[code]....
I have written a web application in ASP.net, Vs2010. This application has master page. That master page is applied to all pages. If I write some JQuery code on these pages, they don't work out. However if I shift that code to Site.Master Page, it starts working. e.g. code mentioned below will not work on default.aspx, however it will work on Site.Master.
$(function () {
$("#accordion").accordion();
});
I'm not familier with Javascript, and I have to convert a Project's Javascript codes to Jquery scripts.
ofcourse I'm not project leader or something like it, I'm just elaborating that this process may has what kind of issues and may face with what kind of needness ?
So if you know any solution to convert Javascript Functions to Jquery ones
On Button click i want to open panel smoothly and when again button click panel gets closed in smooth way without any postback is this possible...
View 1 RepliesI have a page with three HTML labels and their corresponding ASP.NET gridviews contained within divs. Now while learning jQuery, I am trying to achieve two things:1. Change the css class of the lables upon mouse hover/out.2. Slide up/down the grid div upon clicking of the labels.It looks to be working as expected, but I wish to know if I am doing it the right way.My complete jQuery code is:
$(function ColorChange(ID) {
$("#" + ID).toggleClass("gridLabel");
});
$(function ShowHide(GID) {
$('#' + GID).slideToggle('slow');
});
And I am calling these function from onmouseover, onmouseout and onclick events of the label controls passing in the label ID as parameter. As an example:
<label id="lblWebComp" class="gridLabelDefault" onmouseover="ColorChange('lblWebComp')"
onmouseout="ColorChange('lblWebComp')" onclick="ShowHide('gvDivWC')">
Web Components
</label>
Kindly let me know if this is the best way to achieve these effects? Don't I have to right the document ready function in the jQuery code?
I have a webcontrol that will exist multiple time on a page. I have some javascript (JQuery) in the control and when I have multiple controls on a page the functions get confused.I have seen plenty of stuff on why this is the case - basically my functions use set id's but i need to somehow make them relative.An example of a function ...
function showUploader() {
var img = $('#<%=ImgID.ClientID %>');
$('#<%=UploaderIFrame.ClientID %>').attr('src', '<%=ResolveUrl("~/Controls/EditableImageControl/ImageUploader/ImageUploader.aspx") %>' +[code]....
how to get references to the html elements in the web control?
Instead of hide/collapse the traditional rows, what I want to do is a user control that hide and collapse the columns when I click in the respective buttons.
View 1 RepliesI'm binding to a RadPanelBar control using the ItemTemplate; it creates the RadPanelBar correctly using this approach, but the panel bar doesn't close when you click on the header??? How do you get the header click to close the item, or is there an alternative way for this kind of setup?
[code]....
I have a relatively simple AJAX accordion control running on a C# website. It works perfectly on Firefox, Chrome, IE, but not on Safari. On the iPad and iPhone, the accordian expands, but then almost immediately collapses again. It is supposed to stay open (and does so on the other browsers). After expanding, the page looks like it is refreshing (I can see the bar at the top).I have other Ajax controls on the page that all seem to work fine. I have not put in any other code to expand or collapse the accordion control. This page uses a masterpage, if at all relevant.Here's what the properties look like up to the start of the panes:
<AjaxToolkit:Accordion ID="AccordionStat" runat="server" SelectedIndex="-1" RequireOpenedPane="false"
I append 2 fields of a List items to 1field like this with 4 spaces between 2 fields:
lptItem[lptItem.IndexOf(i)].Tuyen = lptItem[lptItem.IndexOf(i)].Tuyen + " " + lptItem[lptItem.IndexOf(i)].ThoiGianKhoiHanh;
Then I bind it to a bulleted List:
BLstDuongBo.DataTextField = "Tuyen";
but space will collapse to " ", I cant us nbsp 'cause it's a text filed. Pls help me with this :(, I want 4 spaces :(.
I am working on an asp.net webforms application using VS2013.
I have two panels on a form. The first panel acts as intended, it is collapsed when the page loads. But the second panel is not collapsed when the page loads. Instead it collapses after I do anything else on the form like choosing a dropdown list or gridview - neither of which are located in the panel I am attempting to collapse.
The following is the code for the first panel that is operating correctly:
<asp:Button ID="btn_open_new_rvw_frm" runat="server" Text="Initiate A New Document Review" CssClass="frm_btn_style" Visible="false" /><br /><br />
<div class="row">
[Code].....
Work on Asp.net VS08. In my master page i need to fill a treeview form database.I done it,i set the NavigationUrl value. When user click a leaf, then they see there wanted page. But then the MasterPage tree become expanded on root. I want the tree will not expanded and tree will the same as before click on leaf.
View 1 RepliesI've run into a problem with expanding a dropdownlist when the client is IE6...The screen allows users to optionally specify search selection criteria from dropdown listboxes. Since there may be a large amount of selection data, the usage of which is optional, the selection dropdown lists are only populated on demand (i.e., when the user clicks on the listbox -- I use the OnMousedown event). This improves the overall performance of the system since most users will not use the optional search data, saving time since that data is not retrieved from the Web Services calls and not added to the lists.
After loading the list, I fire the OnClick event to simulate the user's mouse click and display the list items that were just added. For IE7 or IE8, firing the onclick event works perfectly to expand the list. However, this does not work for IE6 -- it requires a second and third click on the listbox to display the list. Note: replacing the fireEvent("onclick") call with alert() works with IE6 (haven't tried it with IE7) -- after clicking on the dialog, the list is displayed correctly. That's not a realistic option for production, but may shed some light on a possible solution.
[Code]....
I need to create a dynamically expanding div tag, and I am not too sure how to go about it. Basically, I have a bulleted list control, which will be inserted inside a div tag. The div tag's height is set to about 70px. When more than 5 list items are added to the bulleted list control, I want the div tag's height to expand to show the rest of the items. What I was thinking is when there are more than 5 list items, to have a little linkbutton with the word more, and to click on this button, which will then expand on the div tag.
View 5 RepliesI'm trying to accomplish something like this [URL] , where you have images displayed in several columns, but as you resize your browser, columns will (dis)appear so to fit what you can see on the screen.
PS: Bear in mind that I'm quite a ASP.Net noob
Ok so the story is my users need a multi-select dropdownlist, which doesn't exist in ASP.NET, so the simple solution I'm going with is I'm using listboxes with multiselect on and I start them off at size 1, and onmouseover I change the size to say 10, onmouseout sets it back to one. Simple enough and the users don't know the difference.
Now, my issue comes from the fact that since I have any number of controls on my web app, I've set these listboxes to higher z-index numbers than the other controls, which creates a problem: on my listboxes closer to the bottom of the page the list expands below and not above, and part of the listbox goes under the bottom of the page but since onmouseout resets the size of the listbox I can't scroll the page down.
Does anybody know what I need to set to make it expand up instead of down?
edit Also, some may ask "why don't you just rearrange the listbox to a higher position in the page," the reason this isn't a viable option is I have well over 40 controls on the page and it they're grouped cohesively, I didn't just randomly place them where they are.(ie. investment info in one section, account in another, suitability in another)
I having an issue with the ASP.NET Treeview control. I create the treeview just fine but the nodes will not expand or collapse. I see there is a javascript error but it is for line 1 character 0 of the webpage, there is nothing at line 1 character 0.
I am using the ASP:Treeview control in conjunction with the Telerik controls, but I'm not sure if that is an issue.
I saw there was a similar question here but the answer is not pertinent to my site. Has anyone run into this issue before? I've tried searching Google and tried a number of proposed solutions but so far none have worked.