Click here to Skip to main content
15,890,506 members
Home / Discussions / JavaScript
   

JavaScript

 
AnswerRe: Access Device API using Javascript Pin
ZurdoDev22-Aug-14 9:16
professionalZurdoDev22-Aug-14 9:16 
Questionscrape a table from web Pin
Mahmoud198716-Aug-14 2:58
Mahmoud198716-Aug-14 2:58 
AnswerRe: scrape a table from web Pin
borchef28-Aug-14 21:08
borchef28-Aug-14 21:08 
QuestionHow to validate postdate? Pin
loga_mca13-Aug-14 21:14
professionalloga_mca13-Aug-14 21:14 
SuggestionRe: How to validate postdate? Pin
Kornfeld Eliyahu Peter13-Aug-14 23:17
professionalKornfeld Eliyahu Peter13-Aug-14 23:17 
AnswerRe: How to validate postdate? Pin
Tushar Guru8-Sep-14 21:57
Tushar Guru8-Sep-14 21:57 
AnswerRe: How to validate postdate? Pin
Sibeesh KV24-Sep-14 0:56
professionalSibeesh KV24-Sep-14 0:56 
QuestionCollapsible gridview using javascript Pin
Member 1097302613-Aug-14 9:35
Member 1097302613-Aug-14 9:35 
I have a dropdown and multiple gridviews in the page .And on the basis of value selected from dropdown, data is loaded in Gridviews. And each gridview has linkbutton in each row, on click of which modal popup opens.

I want gridviews to be collapsed on dropdown select index change.
but my javascript function is not getting called.

And getElementByTagName('tr') is not working in internet explorer.


This is my Grid:

XML
<asp:GridView ID="gvBillCalc" runat="server" AutoGenerateColumns="False" BorderColor="#CCCCCC"
                            BorderStyle="None" BorderWidth="1px" CellPadding="3" Font-Bold="True" GridLines="Vertical"
                            Font-Size="Small" EmptyDataText="No Data Found" Width="100%" OnRowDataBound="gvBillCalc_OnRowDataBound"
                            BackColor="WhiteSmoke">
                            <Columns>
                                <asp:TemplateField>
                                    <HeaderStyle Width="25px" />
                                    <ItemStyle Width="25px" BackColor="White" />
                                    <HeaderTemplate>
                                        <asp:Image ID="imgTab" onclick="javascript:Toggle();" runat="server" ImageUrl="../Images/plus.gif"
                                            ToolTip="Expand" />
                                    </HeaderTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Item Particular">
                                    <ItemTemplate>
                                        <asp:Label ID="lbDesc" Text='<%#Eval("desc")%>' runat="server"></asp:Label>
                                        <asp:HiddenField ID="hdnID" runat="server" Value='<%#Eval("id") %>' />
                                    </ItemTemplate>
                                    <HeaderStyle Font-Size="14px" />
                                    <ItemStyle Font-Size="12px" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Amount(In Rs.)">
                                    <ItemTemplate>
                                        <asp:Label ID="lbAmt" Text='<%#Eval("total")%>' runat="server"></asp:Label></ItemTemplate>
                                    <HeaderStyle Font-Size="14px" />
                                    <ItemStyle Font-Size="12px" HorizontalAlign="Right" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="View/Edit">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="lbViewEdit" runat="server"></asp:LinkButton>
                                        <asp:HiddenField ID="hdnViewEdit" runat="server" Value='<%#Eval("flag") %>' />
                                    </ItemTemplate>
                                    <HeaderStyle Font-Size="14px" />
                                    <ItemStyle Font-Size="12px" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Remarks">
                                    <ItemTemplate>
                                        <asp:Label ID="lbRemark" Text='<%#Eval("Remarks")%>' runat="server"></asp:Label></ItemTemplate>
                                    <HeaderStyle Font-Size="14px" />
                                    <ItemStyle Font-Size="12px" />
                                </asp:TemplateField>
                            </Columns>
                            <FooterStyle BackColor="White" ForeColor="#000066" />
                            <RowStyle ForeColor="#000066" />
                            <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
                            <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
                            <EmptyDataRowStyle BackColor="#FFC0C0" Font-Bold="True" Font-Size="X-Small" />
                        </asp:GridView>




This is my javascript:

C#
var Grid = null;
      var UpperBound = 0;
      var LowerBound = 1;
      var Grid1 = null;
      var UpperBound1 = 0;
      var LowerBound1 = 1;
      var CollapseImage = '../Images/minus.gif';
      var ExpandImage = '../Images/plus.gif';
      var CollapseImage1 = '../Images/minus.gif';
      var ExpandImage1 = '../Images/plus.gif';
      var IsExpanded = true;
      var IsExpanded1 = true;
      var Rows = null;
      var Rows1 = null;
      var n = 1;
      var n1 = 1;
      var TimeSpan = 25;
      var TimeSpan1 = 25;

      window.onload = function () {
          Grid = document.getElementById('<%= gvBillCalc.ClientID %>');
          UpperBound = parseInt('<%= this.gvBillCalc.Rows.Count %>');
          Rows = Grid.getElementsByTagName('tr');
          


      }

      function Toggle() {
          debugger;
              var Image = this;
          ToggleImage(Image);
          ToggleRows();
      }

      function ToggleImage(Image) {
          if (IsExpanded) {
              Image.src = ExpandImage;
              Image.title = 'Expand';
              Grid.rules = 'none';
              n = LowerBound;

              IsExpanded = false;
          }
          else {
              Image.src = CollapseImage;
              Image.title = 'Collapse';
              Grid.rules = 'cols';
              n = UpperBound;

              IsExpanded = true;
          }
      }

      function ToggleRows() {
          if (n < LowerBound || n > UpperBound) return;

          Rows[n].style.display = Rows[n].style.display == '' ? 'none' : '';
          if (IsExpanded) n--; else n++;
          setTimeout("ToggleRows()", TimeSpan);
      }


This is Code Behind:

C#
protected void ddlNodeName_SelectedIndexChanged(object sender, EventArgs e)
   {
       if (ddlNodeName.SelectedItem.Value != "0")
       {


           ScriptManager.RegisterStartupScript(Page, Page.GetType(), "CallMyFunction", "Toggle();", true);

           Page.ClientScript.RegisterStartupScript(this.GetType(), "CallMyFunction", "Toggle()", true);

           ClientScript.RegisterStartupScript(GetType(), "CallMyFunction", "Toggle();", true);
       }
       else
       {

       }
   }

AnswerRe: Collapsible gridview using javascript Pin
Anurag Gandhi22-Aug-14 8:56
professionalAnurag Gandhi22-Aug-14 8:56 
QuestionForum software.. Pin
Fever42012-Aug-14 5:50
Fever42012-Aug-14 5:50 
SuggestionRe: Forum software.. Pin
Richard Deeming12-Aug-14 8:55
mveRichard Deeming12-Aug-14 8:55 
QuestionRequireJS in ASP.Net Webforms Pin
Member 102920078-Aug-14 5:00
Member 102920078-Aug-14 5:00 
Questionany body convert this code( vb script) to java script Pin
boopathiraj4-Aug-14 22:22
boopathiraj4-Aug-14 22:22 
QuestionCondition Always true when checking for "undefined" in Javascript Pin
Vimalsoft(Pty) Ltd3-Aug-14 9:28
professionalVimalsoft(Pty) Ltd3-Aug-14 9:28 
AnswerRe: Condition Always true when checking for "undefined" in Javascript Pin
Blikkies3-Aug-14 22:48
professionalBlikkies3-Aug-14 22:48 
AnswerRe: Condition Always true when checking for "undefined" in Javascript Pin
Kornfeld Eliyahu Peter4-Aug-14 0:19
professionalKornfeld Eliyahu Peter4-Aug-14 0:19 
AnswerRe: Condition Always true when checking for "undefined" in Javascript Pin
Kornfeld Eliyahu Peter3-Aug-14 22:55
professionalKornfeld Eliyahu Peter3-Aug-14 22:55 
AnswerRe: Condition Always true when checking for "undefined" in Javascript Pin
Graham Breach3-Aug-14 22:56
Graham Breach3-Aug-14 22:56 
AnswerRe: Condition Always true when checking for "undefined" in Javascript Pin
Kornfeld Eliyahu Peter4-Aug-14 0:15
professionalKornfeld Eliyahu Peter4-Aug-14 0:15 
GeneralRe: Condition Always true when checking for "undefined" in Javascript Pin
Vimalsoft(Pty) Ltd4-Aug-14 5:39
professionalVimalsoft(Pty) Ltd4-Aug-14 5:39 
GeneralRe: Condition Always true when checking for "undefined" in Javascript Pin
Graham Breach4-Aug-14 9:18
Graham Breach4-Aug-14 9:18 
AnswerRe: Condition Always true when checking for "undefined" in Javascript Pin
Kornfeld Eliyahu Peter4-Aug-14 18:38
professionalKornfeld Eliyahu Peter4-Aug-14 18:38 
GeneralRe: Condition Always true when checking for "undefined" in Javascript Pin
Graham Breach4-Aug-14 22:13
Graham Breach4-Aug-14 22:13 
AnswerRe: Condition Always true when checking for "undefined" in Javascript Pin
Tushar Guru8-Sep-14 21:59
Tushar Guru8-Sep-14 21:59 
QuestionNewbie Question On jQuery Selectors Pin
Richard Andrew x641-Aug-14 17:03
professionalRichard Andrew x641-Aug-14 17:03 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.