Web Forms :: How Accordion Menu Can Be Set With JavaScript
Jun 12, 2012How accordion menu can be set with javascript in asp.net means how height of accordion menu can be set?
View 1 RepliesHow accordion menu can be set with javascript in asp.net means how height of accordion menu can be set?
View 1 RepliesHow i can use this Dynamic accordion menu or vertical menu using jquery in horizontal menu like this?
Mobile Speaker Watch Clothes
I'm posting in this forum because I suspect that my issue is to do with how the Toolkit is handling Overflow, coupled with a subtle difference in rendering between IE8 and Firefox.I have a two level menu created as follows:
[Code]....
In IE8, the menu behaves as expected. In Firefox the behaviour is also correct, except that whenever a menu option is clicked (level 1 or level 2), a horizontal scrollbar appears. Once it has appeared, it remains in place until the screen refreshes or, oddly, focus moves to a completely different window. That latter point makes me wonder whether Firefox does something "odd" when an element has focus.The CSS is as follows:
[Code]....
So, not a showstopper, but an annoyance that scrollbars keep appearing in Firefox.
I am looking for an accordion menu code sample to load it from the xml file rather than hardcoding the file names in the mark-up. if you are aware of any such menu controls? (something like the one at this link [URL]. it will be nice if I can pin it to the left as well)
View 1 RepliesI am looking for multi-level accordion menu (drill down to few levels deeper) (expand and collapsible) for my website. Is there a sample anywhere I can use? it will be nice if I can dock it to the left by clicking on an icon and slide back when I click on the icon again.
Something like this:
menu1
menu2
menu3
menu4
menu5
menu6
menu7
menu8
I'm creating a user control to be placed within a masterpage on a site. Inside the user control, I have placed a menu. It is wired up to a sitemap datasource to get navigation with security trimming included. question: How do I use the Accordion toolkit control to collapse main portions of the menu? For example, if I have Orders and Supplies and subpages contained therein, how do I setup Accordion to traverse the sitemap based on the user's security privileges?
View 3 Repliesi want to implement an accordion control to the left navigation menu. The Main title on left menu called Activities is standard so i have hard coded it. The subtitles I want to pull from the database , from the stored procedure "Activity_Get". however i am not able to achieve this because I get an error "DataSource 'sds2 ' for control 'accActivities' doesn't exist". The following is the aspx code.
<div>
<asp:ScriptManager
ID="asm"
runat="server"
/>
<div>
<table
cellpadding="0"
cellspacing="0"
width="100%"><tr>
<td
class="highlightstitle"
style="width:180px;height:500px"
valign="top">
<aj1:Accordion
ID="accLeftMenu"
runat="server"
SelectedIndex="-1"
HeaderCssClass="navlink3" HeaderSelectedCssClass="navlink2"
ContentCssClass="subnav"
AutoSize="None"
FadeTransitions="true" TransitionDuration="250"
FramesPerSecond="40"
RequireOpenedPane="false"
SuppressHeaderPostbacks="true">
<Panes>
<aj1:AccordionPane
ID="acpEdu"
runat="server"
>
<Header>...........
I have a override Render method on my AccordionMenu.ascx.cs, basically just replace the <span></span> tag with <div></div> due to w3c compliance requirement, this is the c# code:
[Code]....
but when i try to run it, the page always throws an exception to me like this: Extender control 'MyAccordion_AccordionExtender' is not a registered extender control. Extender controls must be registered using RegisterExtenderControl() before calling. this is the context of my pages: accordion menu is placed in the content page, and the content page is inherited from a master page, the master page has a script manager.
i have a Databound Accordionmenu with hyperlinks in its content template. What i wanna do is adding `onMouseOver` animation to these hyperlinks. Normally i would do somthing like :
[Code]....
where the playanim javascript function triggers the animation for the hyperlink. But the thing is, Hyperlinks in the content template are not visible in code, they simply dont exist. when i write the code, it says there is no item called hyperlink1, it doesn`t show up in the intellisense menu either. Is it possible to add an animation inside an Accordionmenu, if yes how can i reach the TargetControls inside the ContentTemplate to trigger the animation.
How to maintain the color of sub selected item in accordian menu
View 1 RepliesIs it possible to bind a sitemap to an accordion for a simple menu?
View 3 RepliesI got requirement to create a accordion menu which will have different menus for different site collection.
So, i created this Accordion which is in bind with site map file. But my Sitemap file has multi-level nodes, here my accordion is displaying only single level menus.
I have an accordion menu like this :
Builder ( Main UL , without href )
Create Builder ( Navigates to CrtBuilder.aspx)
Remove Builder ( Navigates to RmvBuilder.aspx)
Supplier (Main UL)
Create Supplier ( Navigates to CrtSupplier.aspx )
Remove Supplier Navigates to RmvSupplier.aspx
Now if a user clicks on CreateBuilder Menu then the user must see the site map in my breadcrumb like this :
Home > Builder > Create Builder
same way for supplier :
Home > Supplier > Create Supplier
remember ( on clicking Home the page must navigates to abc.aspx)
i am creating a menu which has the below structure. what i would like to do is use a jquery ui accordion control.
can i place an accordion in an accordion?... i.e. menu 1 expands out in an accordion and then the sub menus in menu 1 need to expand out in another accordion.
menu 1
sub menu of the menu 1
menu item
menu item
menu item
sub menu of the menu 1
sub menu of the menu 1
menu 2
sub menu of the menu 2
menu item
menu item
menu item
sub menu of the menu 2
sub menu of the menu 2
I have to show some functionality similar to accordion that is of jquery so i made a custom function of jquery to produce the effect. there is a grid view in which there are two div's here is the code.
<asp:GridView ID="grdAccordion" runat="server" AutoGenerateColumns="false" Width="200px">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<div class="myFirstDiv" onclick="testToggle(this)">
<%#Eval("Name")%>
<div class="mySecondDiv" style="display:none">
<%#Eval("Person_Name")%>
</div>
</div>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
The second div has style property display none. by default all the div are closed.
than i have made a js function that uses the toggle function to perform the action code.
function testToggle(testDiv) {
debugger
var sntHdnValue = $('#hdnSetFlag').val();
if (sntHdnValue == 1) {
$(testDiv).find('div:first').show().attr('isOpen', 'true');
}
else {
$(testDiv)
.parents('table:first')
.find('div[isOpen=true]').removeAttr('isOpen').toggle('slow');
$(testDiv).find('div:first').show().attr('isOpen', 'true');
}
sntHdnValue++;
$('#hdnSetFlag').val(sntHdnValue);
}
here i have made use of the hidden field that let's me know that it is the initial state every thing is closed i am adding a custom attr isopen for my identification
1)the current situation is this At load everty thing should be closed.
2)than at a time only single div should be open. this is working fine. The problem is if i click on the same div that i clicked to open than it has two custom attr isopen now it breaks the second case. how to solve it.
I am using vb.net/asp.net 2005.
I have an accordian in my nested gridview that has the defaul selectedindex=-1 (meaning its collapsed).
In order to change the expand icon I need to find out using javascript what the selectedindex value of the accordian is when it loads, does anyone know how to do this?
How can I get the value of the TextBox (txtFirstName) client side using Javascript.
The Accordion control is databound.
The following is the code
<ajaxToolkit:Accordion id="accSingleData" runat="server" fadetransitions="True" selectedindex="0" Width = "500px"
How to use the javascript menu in asp.net using c#??
and what are the + & - in it,, how the asp.net menu is efficient,, and can we design like css menus??,, i need to use with the sub menus
I struggled with some javascript issues, and discovered that the problem seemes to come from a failed ajax control access. Here's my problem: I have a master page and a content page.In my content page, I have an accordion with 2 panes. 1rst pane: a textbox and a validation button; I want the button to fire javascript function without reloading page (using "return false;");
In my master page, I put my ToolkitScriptManager.
In my content page, I put my script containing the functions.
The problem is that it seems like I can't access the accordion control in my js functions, whereas I can access my textbox value. ere is my source:
[Code]....
All I want is, that when clicking on button OR changing to 2nd pane, it checks the textbox (function check()), if fails, then doesn't open 2nd pane, stays on 1rst, if not, then closes 1rst and changes to 2nd pane.
Using vb.net/asp.net 2005:
I am trying to access my accordian in my javascript so I can expand the first (and only) pane but whenever I do that I get a page error before the page loads "Object reference not set to an instance of an object'
The name of my accordian is "myAccordian". and the accordion is inside a gridview.
Just for testing I did the $find on my gridview (not the accordion) and that worked fine,
[Code]....
How can I get the active index of the jquery accordion pane when a button is clicked? What I want to do is when a button is clicked in pane 3 for example, I want to store that value and when the page is reloaded, I want pane 3 to remain open.
I intially had this in my server side click and when I hard code a value in for paneIndex it works fine, but obviously, I don't want to do this, I want to get the index on the click and pass that to the script.
string script = "<script type="text/javascript">var paneIndex = " + 3 + "</script>";
if(!ClientScript.IsStartupScriptRegistered("JSScript"))
ClientScript.RegisterStartupScript(this.GetType(),"JSScript", script);
I have an asp.net page that has menu which loads user control dynamically when the menu item is clicked.Now in the user control i have some buttons calling javascript on clientClick.When i click this button,it throws javascript error
Microsoft JScript runtime error: '(function name)' is undefined
Here is the code snippet:
function CheckUpload() {
var flag = validatePage();
var Checktext = $("#HyperLinkUploadFile").val();
if (Checktext != '' && flag)
flag = true;
return flag;
}
<asp:LinkButton ID="btnNotifyOA" runat="server" Text="Recommend Award and Notify OA & AO"
ValidationGroup="Notify" OnClick="btnNotifyOA_Click" OnClientClick="return CheckUpload();" />
The above linkbutton and javascript is inside a usercontrol.
I have dropdown menu item ("pin this site") that i need to hide it or hide menu item itself ("My Network").
When I saw viewsource on page, I got below code.
<a class="zz1_TopNavigationMenu_1 ms-topnav zz1_TopNavigationMenu_3
ms-topnavselected zz1_TopNavigationMenu_9" href="http://mynetworkqa.spe.org"
style="border-style:none;font-size:1em;">My Network</a>
<a class="zz1_TopNavigationMenu_1 ms-topNavFlyOuts zz1_TopNavigationMenu_6"
href="javascript:__doPostBack(,
'ctl00$PlaceHolderTopNavBar$PlaceHolderHorizontalNav$topSiteMap''Pin')"
style="border-style:none;font-size:1em;">Pin this site</a>
How can I hide menu item?
I run into this problem while playing with accordion for a project. Sometimes VS 2008 auto generates code, without me wanting to!!!. Less generally I have an Accordion with 2 Accordion Panes in it. When modifing properties of the Accordion VS 2008 adds an Accordion extender and duplicates the two Accordion Panes!
My original code
[Code]....
My code after pressing space between the properties of the Accordion
[Code]....
[Code]....
I have added 7 banners on my home page and i am roteting them with using JavaScript. I have horizontal menu with submenus. and below that i have disply above roteting banner. now it works very well in IE but while in Firefox it diaply behind the banner. so that dynamic submenu can not able to disply. [URL] website url.
View 1 Replies