About Me

My photo
Nadiad, Gujarat, India
Hi Friends I am Vipul Soni, an Innovative web Designer & Developer with Excellent skills who thrives on challenges and is passionate for all areas of web Design & Development.

Thursday 21 April 2011

html funda : how to go to specific position of the page like wikipedia

The most suitable example is wikipedia where you see the indexing with all topic names with links
when you click to the specific link it will go to that keyword.

     How it will done?
    Here is the solution

    Step 1 : define link with #
                 when u define the link of the same page or the page where u want to move with that keyword define the keyword with # 
                 example : <a href="page.html#keyword">keyword</a>

   Step 2 : the word where to move
              now span the keyword where is it locatedon the page
              example : <span id="keyword">keyword</span>

  Additional : If u want to go to the top of the page write this: <a href="#">keyword</a>



Enjoy.

Web Designer.

Thursday 7 April 2011

jQuery Animated Menu Demo

jQuery Animated Menu Demo




Web Designer

Wednesday 6 April 2011

Drop down list in Update panel


<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering ="true"/>
<div>
&nbsp;</div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode ="Conditional" >
<ContentTemplate>
<asp:DropDownList ID="DropDownList1" runat="server" DataTextField="fieldname" DataValueField="fieldname" autopostback="true" OnSelectedIndexChanged ="DropDownList1_SelectedIndexChanged">
</asp:DropDownList>
<asp:DropDownList ID="DropDownList2" runat="server" DataTextField="Text" DataValueField="Val">
</asp:DropDownList>
</ContentTemplate>
<Triggers >
<asp:AsyncPostBackTrigger ControlID ="DropDownList1" EventName ="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode ="conditional" >
<ContentTemplate>
<asp:Button ID="Button1" runat="server" Text="Button" /><br />
<asp:Label ID="Label1" runat="server" Text="Label" Width="152px"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
&nbsp;
</form>
Here's the code from my form -
<td><asp:UpdatePanel ID="updateRecipe" runat="server" UpdateMode ="Conditional" >
<ContentTemplate><asp:DropDownList ID="JobDescription" runat="server" DataTextField="Text" DataValueField="val" Width="150px" CssClass ="grdData" AutoPostBack="True" OnSelectedIndexChanged ="JobDescription_SelectedIndexChanged">
</asp:DropDownList> </ContentTemplate><Triggers >
<asp:AsyncPostBackTrigger ControlID ="JobDescription" EventName ="SelectedIndexChanged" />
</Triggers></asp:UpdatePanel>