Yes, the code I posted is supposed to be browser agnostic. Should work in all.
You're welcome. On Sep 18, 1:43 am, Ana <[email protected]> wrote: > I just tested using Chrome, Safari, Firefox and IE 8. And it's working > in all of them =) > > Thanks a lot Cerebrus!! > > On Sep 17, 2:33 pm, Ana <[email protected]> wrote: > > > > > Hi Cerebrus, > > > I tried getElementsByTagName("input") and it's working. However, the > > website is supposed to work on Opera, Chrome and (most important of > > all) Safari. Is there a way to make it work properly in all these > > browsers? > > > 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 -- Hide quoted text - > > - Show quoted text -
