.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

simple jquery menu animation using Asp.net

Posted By: Naresh Kamuni     Posted Date: April 11, 2012    Points: 2   Category :JQuery
menu Animation using JQuery in Asp.net

View Complete Post

More Related Resource Links

ASP.NET Menu with jQuery Superfish

Choosing the right type of menu for a website is not easy at all. The ASP.NET Menu Control is definitely NOT a good starting point due to the horrendous markup it renders, nor is it good for SEO because of the Markup/Content ratio, neither can it be easily styled.

Silverlight Simple Animation

Silverlight has several built in techniques for animating controls. Many of these technologies are particularly useful for creating simple animations meant to decorate a web page with eye catching movement that draws the reader's attention. In this post I will skip over these decorative technologies, and instead show how to create a simple animation using a technique similar to those used in many games.

Jquery dynamic Category menu


Dear Friends

Im currently developing ecommerce web site. I reffered to some video tutorials in ASP.net website and i managed to develped basic store front for my ecommerce website. I would like give more attractive look to my categories menu using Jquery or ajax. Please someone help me to understand how to apply jquery or ajax to dynamic category menu.

I use web user control to create category menu. This is my code for that.

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="CategoriesList.ascx.cs" Inherits="UserControls_CategoriesList" %>
<asp:DataList ID="list" runat="server" CssClass="CategoriesList" Width="200px">
    Choose a Category
  <HeaderStyle CssClass="CategoriesListHead" />
    <asp:HyperLink ID="HyperLink1" Runat="server"
      NavigateUrl='<%# Link.ToCategory(Request.QueryString["DepartmentID"], Eval("CategoryID").ToString()) %>'
      Text='<%# HttpUtility.HtmlEncode(Eval("Name").ToString()) %>'
      ToolTip='<%# HttpUtility.HtmlEncode(Eval("Description").ToString()) %>'

JQuery accordion menu issue!!!

Hi,I have added this accordion menu in the master page of an asp.net(C#) website. http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm?expandable=4&subexpandable=0It works fine in those content page which are in the root folder but it is continously showing error in Administration page and the error is ddaccordion is not defined [Break on this error] ddaccordion.init({ //top level headers initialization Can anybody let me know why it is giving this error?Any help will be really appreciated !!!Regards,Dazy

Simple return value from WebMethod from Ajax function using JQuery


I have an Ajax function called from JQuery that goes to a webservice to return a value.  I need a SIMPLE example on how I can do this.  I've been going nuts with serializing and every other aspect of this topic. 

I need to return either an ArrayList with ONE string field or a DataTable of some kind.  Either way, I'm populating it into a DropDownList.

I'm willing to consider alternatives to this idea. (Background info - I get a value from a textbox and I need to run it through a DB to get an associated value or set of values).  I'm being really general so that someone can show a simple example.  Thanks.

change sub menu position dynamically using jquery



I have created horizontal menu like below...

<!--<ul id="topnav">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
        <a href="#">Link 4</a>
            <a href="#">Subnav Link</a> |
            <a href="#">Subnav Link</a> |
            <a href="#">Subnav Link</a>
    <li><a href="#">Link 3</a></li>

problem is in my css i assigned margin-left:0px  for span.so all my sub navs align to left.but i want to align sub nav under the mail nav.means i need to change align-left property of css dynamically using jquery.

means first sub nav link should be below 'link4' not under 'link1'

so i added fol

Jquery for simple color picker for font color selection

I want simple jquery color picker for font(text) color selection not specific to particular textbox but to all txt boxes on form and must for font color selection not for background color .Simple color picker should like layout color selection.i want color picker like this http://wanderinghorse.net/computing/javascript/jquery/colorpicker/demo-colorpicker.html

how to table convert to simple div using jquery Ajex,.net


My Input Field
<table id="ritu"> <tr><td> Name</td> Rituranjan<td></tr> <tr><td> Father Name</td> <td>B.M.Gupta</td></tr> <tr><td> Age</td>20 <td><td>Sex<td>male<td></tr> </table> My Output is Name=Rituranjan Father name =B.M.Gupta Age=20 Sex=male

Simple URL probeml in JQuery


Hi everyone,

In the database I store CategoryName = "Digital Cameras"  But the '&CategoryName=' + User[key].CategoryName + '>' in the URL only display &CategoryName=Digital. How can I make it display "Digital Cameras" in the URL.




 for (var key in User) {

                            ('  ' + '<a href=./Products.aspx?ProductId=' + User[key].ProductId + '&CategoryId=' + User[key].CategoryId + '&CategoryName=' + User[key].CategoryName + '>' + User[key].CategoryName + '</a><br />')



Very Simple JQuery code does not work


Hi everyone,

How come the following code does not work ?  If you can, please make the following code to work for me.



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CookiePage1.aspx.cs" Inherits="CookiePage1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <script type="text/javascript">

        function SetCookie(T) {

            //Create (or update) the value of a cookie to expire in 2 days:
            $.cookie('ShoppingCartId', T, { expires: 2 });


        function ReadCookie() {
            var SCId = $.cookie('ShoppingCartId');

            return SCId;


        $(document).ready(function () {
            var T = "Testing Cookie";




    <form id="form1" runat="server">
    <div class="MyShoppingCartId">       

JQuery - Simple Cookie problem


Hi everyone,

The following code does not work as I expect.  If possible, please fix the following code for me.



var shopping_cart_id = $.cookie('ASP_NET_4_WEBSITE_3_ShoppingCartId');
if (shopping_cart_id == "") {  // not sure ????
shopping_cart_id = guid();
//Create (or update) the value of a cookie to expire in 30 days:
$.cookie('ASP_NET_4_WEBSITE_3_ShoppingCartId', shopping_cart_id, { expires: 30 });




Why JQuery menu does not work for pages which are in a separat folder pages?


I have added a jquey menu in my master page its working fine for those asp.net pages which are at the same level as master page.

But this menu isn't working at all for all of those page which aur in Editor's and Admin's folder. In these pages menu is displaying as simple html menu and unfortunately no jquery effect is shown on it.

I'm very confused why this menu isn't working for the pages which are in a seprate folder while the master page is added at the root level outside of all these folders.

Please let me know why its doing so?



how to convert simple html to asp.net control( server side useing C#,Jquery,xml,xslt)


input form 
<FORM METHOD=POST ACTION="mailto:someone@$nailmail.com" ENCTYPE="text/plain"> <table border=0 cellspacing=0 cellpadding=2> <tr> <td colspan=2> <font size=2 face="arial" color="#000000"> <INPUT type="text" name=URL size=17 value="http://"> :Your URL<BR> <INPUT type="text" name=user size=17> :Your Username<BR> <INPUT type="text" name=email size=17> :Your E-mail </font> </td> </tr> <tr> <td> <font size=1 face="arial" color="#000000"> <INPUT name=subscribe type=radio value="yes" CHECKED> subscribe<BR> <INPUT name=subscribe type=radio value="no"> unsubscribe<BR> </font> </td> <td> <SELECT name="choices" size=1> <OPTION selected> OPTIONS <OPTION> OPTION 1 <OPTION> OPTION 2 <OPTION> OPTION 3 <OPTION> OPTION 4 <OPTION> OPTION 5 </SELECT> </td> </tr> <tr> <td colspan=2> <font size=1 face="arial" color="#000000"> <INPUT type=checkbox name="html" value="sendme" CHECKED> i can recive email as html<BR> <INPUT type=checkbox name="receipt"

How to Context Menu when i right click on Gridview selected Row using Jquery



I have a requirement that

When i select a row in Gridview,it will High light the row and when Right click on selected

Row,It will open Context Menu.

In that menu i want to do Add new row delete row etc.

Help me in that.


Rama krishna.

Simple jQuery inside a ListView ItemTemplate: Only 1st row is working?


Here is my js code:

$(document).ready(function () {

    $("#lnkBlocks").text("Show Blocks");

    //Show course blocks
    $("#lnkBlocks").click(function () {
        if ($("#divBlocks:first").is(":hidden")) {
            $("#lnkBlocks").text("Hide Blocks");
        } else {
            $("#lnkBlocks").text("Show Blocks");


Here is my ListView Item Template:

            <a id="lnkBlocks">Show Blocks</a>
            <asp:Label ID="ShortNameLabel" runat="server" Text='<%# Eval("ShortName") %>' />
            <div id="divBlocks" style="display:none;">This is the blocks box</div>


What is happening here and how do I fix it? I will also be enclosing the ListView inside an UpdatePanel later, after I get this fixed. Thanks.

Simple search with drop down menu to choose which column to search on?


Hi - just getting back in to web development after several years away from it (and the last time I did this it was classic ASP, help!).

Basically using Microsoft web developer 2010 to do a simple search against a db. I have one textbox and one drop down menu (which will be used to choose which column in the db to search against).

I have the textbox only search working but don't know how to implement the dropdown menu part?

Code so far (the drop down has just been added to the form here nothing more):

Really appreciate any help thanks:

<%@ Page Language=&quot;VB&quot; AutoEventWireup=&quot;false&quot; CodeFile=&quot;Default.aspx.vb&quot; Inherits=&quot;Bield_Projects_Telephone_Default&quot; %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ASP:Menu JQuery


Hi Folks,

I am using an ASP:Menu to generate content.  I would like to Integrate the following JQuery Menu http://www.i-marco.nl/weblog/jquery-accordion-menu-redux2/  Can someone please help me to do this.  I have a top menu and a side menu.  the Verticle Menu I want it to expand when I hover over?

Can someone help me as I am really stomped.  The ASP:Menu also generates level1, level2 "popout" and "selected" tags is there anyway in which I can change the level 1 and level 2 so that it inherits just the one class.

Please I hope someone can help.

ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend