Hi Cerebrus,
I tried the getElementsByTagName("plural") and I'm not having the
error message anymore. The problem now is that chBoxes.length = 0 (my
TreeView has about 164 nodes). The browser I'm using is IE 8, but the
Website is supposed to work well in FF, Opera, Safari, and Chrome too.
Hope we can figure out a way to make this work.
Thanks,
Ana
On Sep 17, 11:59 am, Cerebrus <[email protected]> wrote:
> getElement*s*ByTagName (plural).
>
> If it still doesn't work, tell us what browser you work on and its
> version. The code I pasted works on IE 7 and FF 3+.
>
> On Sep 17, 9:34 pm, Ana <[email protected]> wrote:
>
> > Hi Cerebrus,
>
> > In the line
> > ---
> > var chBoxes = tvNodes.getElementByTagName("input")
> > ---
>
> > I had this error message: object doesn't support this property or
> > method. =(
>
> > On Sep 17, 5:20 am, Cerebrus <[email protected]> wrote:
>
> > > Using the same principle I demonstrated in the thread (http://
> > > groups.google.com/group/dotnetdevelopment/browse_thread/thread/
> > > 99e294a7d64c4034/), we can study the rendered HTML of a TreeView and
> > > accordingly select/deselect all checkbox elements in the rendered DOM.
>
> > > Syntax highlighted version at <http://dotnetdevelopment.pastebin.com/
> > > f225f061b>
> > > ---
> > > <%@ Page Language="VB" AutoEventWireup="false"
> > > CodeFile="Default.aspx.vb" Inherits="_Default" %>
>
> > > <html xmlns="http://www.w3.org/1999/xhtml";>
> > > <head runat="server">
> > > <title>Untitled Page</title>
> > > <script type="text/javascript" language="javascript">
> > > function ToggleCheckBoxes(check)
> > > {
> > > var tvID = "<%= TreeView1.ClientID %>".concat("n0Nodes");
> > > var tvNodes = document.getElementById(tvID);
> > > var chkBoxes = tvNodes.getElementsByTagName("input");
> > > for (var i = 0; i < chkBoxes.length; i++)
> > > {
> > > var chk = chkBoxes[i];
> > > if (chk.type == "checkbox")
> > > {
> > > chk.checked = check;
> > > }
> > > }
> > > }
> > > </script>
> > > </head>
> > > <body>
> > > <form id="form1" runat="server">
> > > <asp:TreeView ID="TreeView1" ShowCheckBoxes="Leaf" runat="server">
> > > <Nodes>
> > > <asp:TreeNode Text="Parent1" Expanded="true">
> > > <asp:TreeNode Text="Child1" Checked="true">
> > > <asp:TreeNode Text="Child2" Checked="true" />
> > > </asp:TreeNode>
> > > <asp:TreeNode Text="Child3" />
> > > <asp:TreeNode Text="Child4" />
> > > </asp:TreeNode>
> > > </Nodes>
> > > </asp:TreeView>
> > > <a href="javascript:void(0)" onclick="ToggleCheckBoxes
> > > (true);">Check all</a>
> > > <br />
> > > <a href="javascript:void(0)" onclick="ToggleCheckBoxes
> > > (false);">Uncheck all</a>
> > > </form>
> > > </body>
> > > </html>
> > > ---
>
> > > HTH,
> > > Cerebrus.
>
> > > On Sep 17, 3:34 am, Ana <[email protected]> wrote:
>
> > > > Hi,
>
> > > > I have a TreeView and I'm showing checkboxes only for the leaves. I
> > > > want to include two LinkButtons in the page where the user can click
> > > > to select all/none checkboxes. How do I do this is JavaScript? Please,
> > > > be as detailed as possible, as I'm not very used with JavaScript.
>
> > > > Thanks a lot,
>
> > > > Ana- Hide quoted text -
>
> > - Show quoted text -
