tag:source.mihelac.org,2008:/2005/7/28/html-treetable/comments Mephisto Noh-Varr 2008-10-17T04:57:29Z surendra tag:source.mihelac.org,2005-07-28:14:3791 2008-10-17T04:57:29Z 2008-10-17T04:57:29Z <p>Hi Bojan,</p> <p>I am really excited about your <span class="caps">JAVASCRIPT</span> which expands and collapses on the mouse click .</p> <p>Can you please elaborate on how the following function really works .</p> <p>function treetable_fireEventRowStateChanged(rowId, state) { if (treetable_callbacks[‘eventRowStateChanged’]) { callback = treetable_callbacks[‘eventRowStateChanged’] + “(’” + rowId + ”’, ” + state + “);”; eval(callback); } }</p> <p>Thanjks in advance…...............................................</p> Antton Rodriguez tag:source.mihelac.org,2005-07-28:14:854 2008-01-21T14:41:12Z 2008-01-21T14:41:12Z <p>I’m quite interesting in a <span class="caps">PHP</span> script as well, if you can send me i’ll be so thanksfull..</p> <p>Thanks, even for the example</p> Bojan Mihelac tag:source.mihelac.org,2005-07-28:14:773 2007-12-18T07:08:28Z 2007-12-18T07:08:28Z <p>Venkat, sure, you can add as many as you need.</p> Venkat tag:source.mihelac.org,2005-07-28:14:772 2007-12-17T21:28:51Z 2007-12-17T21:28:51Z <p>Great Stuff Bojan, Can we get 4child nodes!! Present stuff showings only one level its possible to do it for 4 levels???</p> <p>Thanks, Ven</p> hiutopor tag:source.mihelac.org,2005-07-28:14:428 2007-09-18T08:07:40Z 2007-09-18T08:07:40Z <p>Hello</p> <p>Very interesting information! Thanks!</p> <p>G’night</p> Dino tag:source.mihelac.org,2005-07-28:14:145 2007-06-26T16:12:42Z 2007-06-26T16:12:42Z <p>First of all thanks for your script. I found it very useful. Do you have some news about the ‘default visibility state’ of rows the first time they are displayed? I would appreciate your help. Thanks again!!!</p> dennis tag:source.mihelac.org,2005-07-28:14:134 2007-06-22T22:14:43Z 2007-06-22T22:14:43Z <p>I am looking for a script that only shows one row at a time and if you klik on the link it will close the previous row and show only the selected one. Can you help me?</p> <p>On all scripts you have to close the previous selected row but I would like it to happen automatically so you will only see one row at a time</p> <p>regards dennis</p> Nilesh(its_nilesh@hotmail.com) tag:source.mihelac.org,2005-07-28:14:77 2007-04-16T17:46:50Z 2007-04-16T17:46:50Z I am sorry for the messy code above. I had a problem with the code you out here. It takes multiple clicks to expand or collapse intialy when the page reloads and then works fine. Can you tell me y is it so? and wat is the fix for it? Regards, Nilesh Nilesh(its_nilesh@hotmail.com) tag:source.mihelac.org,2005-07-28:14:76 2007-04-16T17:19:10Z 2007-04-16T17:19:10Z Hi, I tried the same script that you have given in example2 but it not works. Intialy when the page loads it doesnt work for the first click. It starts working only from the second Click. Wondering y? Also i have got certain data to display in the rows now when i click any cell which has data the page reloads and already hidden row expand. please help me. here is my code. &lt;table cellspacing="1" class="collapsible" bordercolor="#111111" border="0" id="table1" height="100%" cellpadding="1"> &lt;tr id="table1_0"> &lt;td bgcolor="#E6EDF7" class="header" height="23" valign="middle" align="left" width="100%" colspan="11">&nbsp;&nbsp;<a href="#"><img src="/abis/images/minus.gif" height="9" alt="<bean:message key="alt.click.collapse" bundle="AbisResources"/>" width="9"></a>&nbsp;&nbsp;&lt;bean:message bundle="AbisResources" key="facial.face" />&lt;/td> &lt;/tr> &lt;!-- render images --> &lt;tr id="table1_0_0"> &lt;%thumbnailsBgColor = "#E4ECF5";%> &lt;logic:iterate name="xmlRpcEnrollForm" indexid="indx" property="thumbnails" type="com.identix.abis.control.forms.DisplayedToken" id="thumbnail" length="1" offset="0"> &lt;%String val = thumbnail.getValue(); String code = thumbnail.getCode(); String updatedValue = thumbnail.getValue(); if (true == val.startsWith("/abis/user/content?")) { val += "&width=400"; updatedValue += "&width=59"; } else { // MOZILLA_FIX if (isMozilla) { if (!val.endsWith(".jpg") && !val.endsWith(".jpeg") && !val.endsWith(".gif")) { if (indx.intValue() == 0) updatedValue = "/abis/images/noimage-w300.jpg"; else if (code.startsWith("0")) updatedValue = "/abis/images/fp-noimage-x-400.jpg"; else updatedValue = "/abis/images/iris-noimage-x-400.jpg"; } } else { if (!val.endsWith(".bmp") && !val.endsWith(".jpg") && !val.endsWith(".jpeg") && !val.endsWith(".gif")) { if (indx.intValue() == 0) updatedValue = "/abis/images/noimage-w300.jpg"; else if (code.startsWith("0")) updatedValue = "/abis/images/fp-noimage-x-400.jpg"; else updatedValue = "/abis/images/iris-noimage-x-400.jpg"; } } if (isMozilla && updatedValue.startsWith("/abis/images") == false) updatedValue = "file://" + updatedValue; } if ((thmbOffset + indx.intValue()) == xmlRpcEnrollForm .getSelectedThumbnailID()) thumbnailsBgColor = "#C4D2E8"; %> &lt;td bgcolor="&lt;%=thumbnailsBgColor%>" class="contents" id="cell.thumbnail.&lt;%=(thmbOffset + indx.intValue())%>" valign="top" align="center" width="59" colspan="1"> <a href="#"><img src="<%=updatedValue%>" alt="<bean:message key='<%=thumbnail.getDesc()%>' bundle='AbisResources'/>" width="59"> </a> &lt;/td> &lt;% thumbnailsBgColor = "#E4ECF5"; %> &lt;/logic:iterate> &lt;/tr> &lt;!-- render labels --> &lt;tr id="table1_0_1"> &lt;% thumbnailsBgColor = "#E4ECF5"; classString = "contents_9px"; %> &lt;logic:iterate name="xmlRpcEnrollForm" indexid="indx" property="thumbnails" type="com.identix.abis.control.forms.DisplayedToken" id="thumbnail" length="1" offset="0"> &lt;% if ((thmbOffset + indx.intValue()) == xmlRpcEnrollForm .getSelectedThumbnailID()) { thumbnailsBgColor = "#C4D2E8"; classString = "contents_9px_bold"; } %> &lt;td bgcolor="&lt;%=thumbnailsBgColor%>" class="&lt;%=classString%>" id="cell.label.&lt;%=(thmbOffset + indx.intValue())%>" height="20" valign="top" align="center" width="59" colspan="1"> &lt;input id="label.&lt;%=(thmbOffset + indx.intValue())%>" value="&lt;bean:message key="&lt;%=thumbnail.getDesc()%>" bundle="AbisResources"/>" onfocus="document.forms[0].dummy.focus();" style="border: none &lt;%=thumbnailsBgColor%>;padding:0px;text-align:center;background:&lt;%=thumbnailsBgColor%>;border=0px;width:59px;font-size:9px;align=center;"> &lt;/td> &lt;% thumbnailsBgColor = "#E4ECF5"; classString = "contents_9px"; %> &lt;/logic:iterate> &lt;/tr> &lt;tr id="table1_2"> &lt;td bgcolor="#E6EDF7" class="header" height="23" valign="middle" align="left" width="100%" colspan="11">&nbsp;&nbsp;<a href="#"><img src="/abis/images/minus.gif" height="9" alt="<bean:message key="alt.click.collapse" bundle="AbisResources"/>" width="9"></a>&nbsp;&nbsp;&lt;bean:message bundle="AbisResources" key="fingerprint.fingerprint" />&lt;/td> &lt;/tr> &lt;!-- render images --> &lt;!-- row one --> &lt;tr id="table1_2_0"> &lt;% thumbnailsBgColor = "#E4ECF5"; %> &lt;logic:iterate name="xmlRpcEnrollForm" indexid="indx" property="thumbnails" type="com.identix.abis.control.forms.DisplayedToken" id="thumbnail" length="11" offset="1"> &lt;% String val = thumbnail.getValue(); String code = thumbnail.getCode(); String updatedValue = thumbnail.getValue(); if (true == val.startsWith("/abis/user/content?")) { val += "&width=400"; updatedValue += "&width=59"; } else { // MOZILLA_FIX if (isMozilla) { if (!val.endsWith(".jpg") && !val.endsWith(".jpeg") && !val.endsWith(".gif")) { if (indx.intValue() == 0) updatedValue = "/abis/images/noimage-w300.jpg"; else if (code.startsWith("0")) updatedValue = "/abis/images/fp-noimage-x-400.jpg"; else updatedValue = "/abis/images/iris-noimage-x-400.jpg"; } } else { if (!val.endsWith(".bmp") && !val.endsWith(".jpg") && !val.endsWith(".jpeg") && !val.endsWith(".gif")) { if (indx.intValue() == 0) updatedValue = "/abis/images/noimage-w300.jpg"; else if (code.startsWith("0")) updatedValue = "/abis/images/fp-noimage-x-400.jpg"; else updatedValue = "/abis/images/iris-noimage-x-400.jpg"; } } if (isMozilla && updatedValue.startsWith("/abis/images") == false) updatedValue = "file://" + updatedValue; } if ((thmbOffset + indx.intValue()) == xmlRpcEnrollForm .getSelectedThumbnailID()) thumbnailsBgColor = "#C4D2E8"; %> &lt;td bgcolor="&lt;%=thumbnailsBgColor%>" class="contents" id="cell.thumbnail.&lt;%=(thmbOffset + indx.intValue())%>" valign="top" align="center" width="59" colspan="1"> <a href="#"><img src="<%=updatedValue%>" alt="<bean:message key='<%=thumbnail.getDesc()%>' bundle='AbisResources'/>" width="59"> </a> &lt;/td> &lt;% thumbnailsBgColor = "#E4ECF5"; %> &lt;/logic:iterate> &lt;/tr> &lt;!-- render labels --> &lt;tr id="table1_2_1"> &lt;% thumbnailsBgColor = "#E4ECF5"; classString = "contents_9px"; %> &lt;logic:iterate name="xmlRpcEnrollForm" indexid="indx" property="thumbnails" type="com.identix.abis.control.forms.DisplayedToken" id="thumbnail" length="11" offset="1"> &lt;% if ((thmbOffset + indx.intValue()) == xmlRpcEnrollForm .getSelectedThumbnailID()) { thumbnailsBgColor = "#C4D2E8"; classString = "contents_9px_bold"; } %> &lt;td bgcolor="&lt;%=thumbnailsBgColor%>" class="&lt;%=classString%>" id="cell.label.&lt;%=(thmbOffset + indx.intValue())%>" height="20" valign="top" align="center" width="59" colspan="1"> &lt;input id="label.&lt;%=(thmbOffset + indx.intValue())%>" value="&lt;bean:message key="&lt;%=thumbnail.getDesc()%>" bundle="AbisResources"/>" onfocus="document.forms[0].dummy.focus();" style="border: none &lt;%=thumbnailsBgColor%>;padding:0px;text-align:center;background:&lt;%=thumbnailsBgColor%>;border=0px;width:59px;font-size:9px;align=center;"> &lt;/td> &lt;% thumbnailsBgColor = "#E4ECF5"; classString = "contents_9px"; %> &lt;/logic:iterate> &lt;/tr> &lt;!-- row two --> &lt;tr id="table1_2_2"> &lt;% thumbnailsBgColor = "#E4ECF5"; %> &lt;logic:iterate name="xmlRpcEnrollForm" indexid="indx" property="thumbnails" type="com.identix.abis.control.forms.DisplayedToken" id="thumbnail" length="9" offset="12"> &lt;% String val = thumbnail.getValue(); String code = thumbnail.getCode(); String updatedValue = thumbnail.getValue(); if (true == val.startsWith("/abis/user/content?")) { val += "&width=400"; updatedValue += "&width=59"; } else { // MOZILLA_FIX if (isMozilla) { if (!val.endsWith(".jpg") && !val.endsWith(".jpeg") && !val.endsWith(".gif")) { if (indx.intValue() == 0) updatedValue = "/abis/images/noimage-w300.jpg"; else if (code.startsWith("0")) updatedValue = "/abis/images/fp-noimage-x-400.jpg"; else updatedValue = "/abis/images/iris-noimage-x-400.jpg"; } } else { if (!val.endsWith(".bmp") && !val.endsWith(".jpg") && !val.endsWith(".jpeg") && !val.endsWith(".gif")) { if (indx.intValue() == 0) updatedValue = "/abis/images/noimage-w300.jpg"; else if (code.startsWith("0")) updatedValue = "/abis/images/fp-noimage-x-400.jpg"; else updatedValue = "/abis/images/iris-noimage-x-400.jpg"; } } if (isMozilla && updatedValue.startsWith("/abis/images") == false) updatedValue = "file://" + updatedValue; } if ((thmbOffset + indx.intValue()) == xmlRpcEnrollForm .getSelectedThumbnailID()) thumbnailsBgColor = "#C4D2E8"; %> &lt;td bgcolor="&lt;%=thumbnailsBgColor%>" class="contents" id="cell.thumbnail.&lt;%=(thmbOffset + indx.intValue())%>" valign="top" align="center" width="59"> <a href="#"><img src="<%=updatedValue%>" alt="<bean:message key='<%=thumbnail.getDesc()%>' bundle='AbisResources'/>" width="59"> </a> &lt;/td> &lt;% thumbnailsBgColor = "#E4ECF5"; %> &lt;/logic:iterate> &lt;/tr> &lt;!-- render labels --> &lt;tr id="table1_2_3"> &lt;% thumbnailsBgColor = "#E4ECF5"; classString = "contents_9px"; %> &lt;logic:iterate name="xmlRpcEnrollForm" indexid="indx" property="thumbnails" type="com.identix.abis.control.forms.DisplayedToken" id="thumbnail" length="9" offset="12"> &lt;% if ((thmbOffset + indx.intValue()) == xmlRpcEnrollForm .getSelectedThumbnailID()) { thumbnailsBgColor = "#C4D2E8"; classString = "contents_9px_bold"; } %> &lt;td bgcolor="&lt;%=thumbnailsBgColor%>" class="&lt;%=classString%>" id="cell.label.&lt;%=(thmbOffset + indx.intValue())%>" height="20" valign="top" align="center" width="59"> &lt;input id="label.&lt;%=(thmbOffset + indx.intValue())%>" value="&lt;bean:message key="&lt;%=thumbnail.getDesc()%>" bundle="AbisResources"/>" onfocus="document.forms[0].dummy.focus();" style="border: none &lt;%=thumbnailsBgColor%>;padding:0px;text-align:center;background:&lt;%=thumbnailsBgColor%>;border=0px;width:59px;font-size:9px;align=center;"> &lt;/td> &lt;% thumbnailsBgColor = "#E4ECF5"; classString = "contents_9px"; %> &lt;/logic:iterate> &lt;/tr> &lt;tr id="table1_3"> &lt;td bgcolor="#E6EDF7" class="header" height="23" valign="middle" align="left" width="100%" colspan="11">&nbsp;&nbsp;<a href="#"><img src="/abis/images/minus.gif" height="9" alt="<bean:message key="alt.click.collapse" bundle="AbisResources"/>" width="9"></a>&nbsp;&nbsp;&lt;bean:message bundle="AbisResources" key="system.configuration.iris.label" />&lt;/td> &lt;/tr> &lt;!-- render images --> &lt;!-- row one --> &lt;tr id="table1_3_0"> &lt;% thumbnailsBgColor = "#E4ECF5"; %> &lt;logic:iterate name="xmlRpcEnrollForm" indexid="indx" property="thumbnails" type="com.identix.abis.control.forms.DisplayedToken" id="thumbnail" length="2" offset="21"> &lt;% String val = thumbnail.getValue(); String code = thumbnail.getCode(); String updatedValue = thumbnail.getValue(); if (true == val.startsWith("/abis/user/content?")) { val += "&width=400"; updatedValue += "&width=59"; } else { // MOZILLA_FIX if (isMozilla) { if (!val.endsWith(".jpg") && !val.endsWith(".jpeg") && !val.endsWith(".gif")) { if (indx.intValue() == 0) updatedValue = "/abis/images/noimage-w300.jpg"; else if (code.startsWith("0")) updatedValue = "/abis/images/fp-noimage-x-400.jpg"; else updatedValue = "/abis/images/iris-noimage-x-400.jpg"; } } else { if (!val.endsWith(".bmp") && !val.endsWith(".jpg") && !val.endsWith(".jpeg") && !val.endsWith(".gif")) { if (indx.intValue() == 0) updatedValue = "/abis/images/noimage-w300.jpg"; else if (code.startsWith("0")) updatedValue = "/abis/images/fp-noimage-x-400.jpg"; else updatedValue = "/abis/images/iris-noimage-x-400.jpg"; } } if (isMozilla && updatedValue.startsWith("/abis/images") == false) updatedValue = "file://" + updatedValue; } if ((thmbOffset + indx.intValue()) == xmlRpcEnrollForm .getSelectedThumbnailID()) thumbnailsBgColor = "#C4D2E8"; %> &lt;td bgcolor="&lt;%=thumbnailsBgColor%>" class="contents" id="cell.thumbnail.&lt;%=(thmbOffset + indx.intValue())%>" valign="top" align="center" width="59"> <a href="#"><img src="<%=updatedValue%>" alt="<bean:message key='<%=thumbnail.getDesc()%>' bundle='AbisResources'/>" width="59"> </a> &lt;/td> &lt;% thumbnailsBgColor = "#E4ECF5"; %> &lt;/logic:iterate> &lt;/tr> &lt;!-- render labels --> &lt;tr id="table1_3_1"> &lt;% thumbnailsBgColor = "#E4ECF5"; classString = "contents_9px"; %> &lt;logic:iterate name="xmlRpcEnrollForm" indexid="indx" property="thumbnails" type="com.identix.abis.control.forms.DisplayedToken" id="thumbnail" length="2" offset="21"> &lt;% if ((thmbOffset + indx.intValue()) == xmlRpcEnrollForm .getSelectedThumbnailID()) { thumbnailsBgColor = "#C4D2E8"; classString = "contents_9px_bold"; } %> &lt;td bgcolor="&lt;%=thumbnailsBgColor%>" class="&lt;%=classString%>" id="cell.label.&lt;%=(thmbOffset + indx.intValue())%>" height="20" valign="top" align="center" width="59"> &lt;input id="label.&lt;%=(thmbOffset + indx.intValue())%>" value="&lt;bean:message key="&lt;%=thumbnail.getDesc()%>" bundle="AbisResources"/>" onfocus="document.forms[0].dummy.focus();" style="border: none &lt;%=thumbnailsBgColor%>;padding:0px;text-align:center;background:&lt;%=thumbnailsBgColor%>;border=0px;width:59px;font-size:9px;align=center;"> &lt;/td> &lt;% thumbnailsBgColor = "#E4ECF5"; classString = "contents_9px"; %> &lt;/logic:iterate> &lt;/tr> &lt;/table> &lt;/logic:notequal> &lt;/td> &lt;/tr> nullVoid tag:source.mihelac.org,2005-07-28:14:75 2007-04-12T10:04:58Z 2007-04-12T10:04:58Z I am interested in the PHP script you mentioned... would you be able to provide that? frnx tag:source.mihelac.org,2005-07-28:14:74 2007-02-16T13:50:48Z 2007-02-16T13:50:48Z Very good work! I'm very interesting to have a look of the PHP which could provide an automatic generation of the tree from an array. Can you send it to me please at this adress : franck@frnx.com. Bye Bojan tag:source.mihelac.org,2005-07-28:14:73 2006-11-13T14:38:16Z 2006-11-13T14:38:16Z malacma, check "RadiantCMS":http://radiantcms.org, I think they have some implementation of tree table and are loading nodes with AJAX. Bojan tag:source.mihelac.org,2005-07-28:14:72 2006-11-13T14:36:39Z 2006-11-13T14:36:39Z Sara, you could keep states by calling URL in background on open/closing nodes which would set these data in session or database. These URL could look something like remember?id=table1_0_0_0&state=true Joe tag:source.mihelac.org,2005-07-28:14:71 2006-11-09T16:11:26Z 2006-11-09T16:11:26Z The last row border is not displaying when I collapse the last parent/child. I know it has something to do with the tr tag. Any ideas? Thank you. Sara tag:source.mihelac.org,2005-07-28:14:70 2006-11-09T10:32:26Z 2006-11-09T10:32:26Z Thank you so much for your script. It has helped me a lot. I also had a question. How would I be able to keep the state that the rows are on, when the page is refreshed by either a row added or deleted? Some rows are expanded and some collapsed - how would I keep each of their states, so that it doesn't default to all expanded or all collapsed? Thanks! Sara tag:source.mihelac.org,2005-07-28:14:69 2006-11-09T10:31:42Z 2006-11-09T10:31:42Z Thank you so much for your script. It has helped me a lot. I also had a question. How would I be able to keep the state that the rows are on, when the page is refreshed by either a row added or deleted? Some rows are expanded and some collapsed - how would I keep each of their states, so that it doesn't default to all expanded or all collapsed? Thanks! Ajith v tag:source.mihelac.org,2005-07-28:14:68 2006-11-01T04:57:45Z 2006-11-01T04:57:45Z Hello, The script has helped me. Thank you. regards Ajith Nilesh Dhote tag:source.mihelac.org,2005-07-28:14:67 2006-09-30T06:16:35Z 2006-09-30T06:16:35Z Hello, We have started a new venture www.scripts-directory.net and would request you to submit your scripts. Submission of scripts is absolutely FREE and Without Registration. Please visit www.scripts-directory.net Regards Nilesh Dhote Business development, Scripts-Directory.net nik tag:source.mihelac.org,2005-07-28:14:66 2006-08-29T07:58:51Z 2006-08-29T07:58:51Z the only problem I've got is a VERY slow collapse/expand feature with a number of records more than 1000...is there a way to increase a speed? http://malacma.cjb.net/malacma@gmail.com tag:source.mihelac.org,2005-07-28:14:65 2006-08-10T21:25:39Z 2006-08-10T21:25:39Z Oh! I wonder too if were implemented a AJAX call that populate nodes! Anybody knows where to find it? malacma@gmail.com rathina@indigotx.com tag:source.mihelac.org,2005-07-28:14:64 2006-08-08T00:32:07Z 2006-08-08T00:32:07Z Tree javascript is very usefull , i used in my project , thanks a lot Bojan tag:source.mihelac.org,2005-07-28:14:63 2006-07-12T03:01:43Z 2006-07-12T03:01:43Z Greg, you can change treetable_eventRowChanged(rowId, state) function so you can use more icons if you need. For example, you can add "_open" or "_closed" to existing img.src and this way can use as many images you want. greg@gregdressel.com tag:source.mihelac.org,2005-07-28:14:62 2006-07-11T15:20:04Z 2006-07-11T15:20:04Z bojan, thanks for the great/smart script. i just had a question about using multiple on/off images to initiate the script. currently it's based on using just 1 'folder' icon, but what if you had a couple tab-images on a page, each able to collapse/expand a tree table, BUT, they are 2 different images, both with their own on and off state? any ideas? Donna tag:source.mihelac.org,2005-07-28:14:61 2006-06-22T17:15:19Z 2006-06-22T17:15:19Z Hi Bojan, It is indeed a great utility. I would really appreciate if you could let me know how we can add paging support for the treetable? Alexander landpro tag:source.mihelac.org,2005-07-28:14:60 2006-04-13T06:18:09Z 2006-04-13T06:18:09Z Very useful! Thank you very much! Bojan tag:source.mihelac.org,2005-07-28:14:59 2006-04-05T11:08:18Z 2006-04-05T11:08:18Z mlad, generating HTML with server side shouldn't be any problem. Just follow naming scheme for rows ID's and it would work. mlad tag:source.mihelac.org,2005-07-28:14:58 2006-04-05T10:06:06Z 2006-04-05T10:06:06Z Hi Bojan. I have interest for server side script which generate html code for the table. Any ideas? Thanks Bojan tag:source.mihelac.org,2005-07-28:14:57 2006-04-04T11:43:33Z 2006-04-04T11:43:33Z Jingesh, this script would not work in Netscape 4.7 at least because it uses getElementById() which Netscape 4.7 does not support. Jignesh tag:source.mihelac.org,2005-07-28:14:56 2006-04-04T03:07:57Z 2006-04-04T03:07:57Z Hi Bojan, its good to help me. But i have question my many clients using NetScape 4.7 can u tell me How it will work in NetScape 4.7 ? please reply asap. thanks & Regards -Jignesh Carlos Rivero tag:source.mihelac.org,2005-07-28:14:55 2006-02-18T05:02:52Z 2006-02-18T05:02:52Z hey ... thanks for this tree table, Any clues on how to collapse by default with onload event or using display none ??? I have implemented a part to hide colums but is slow very big tables. <pre> function togglecol(colIndex,colIndexEnd) { for (colIndex; colIndex &lt;= colIndexEnd; colIndex++) { var table = document.all ? document.all.table1 : document.getElementById('table1'); for (var r = 0; r &lt; table.rows.length; r++){ if(table.rows[r].cells[colIndex].style.display == \"none\") { table.rows[r].cells[colIndex].style.display = \'\'; //treetable_fireEventColStateChanged(colId, \'1\'); } else { table.rows[r].cells[colIndex].style.display = \'none\'; // treetable_fireEventColStateChanged(colId, \'0\'); } } } } </pre> to call the function use starting and ending column to hide Bojan Mihelac tag:source.mihelac.org,2005-07-28:14:54 2006-02-11T09:12:31Z 2006-02-11T09:12:31Z Krishnendra: If you generate table on server then it would be very easy to sort table. Krishnendra tag:source.mihelac.org,2005-07-28:14:53 2006-02-10T09:34:49Z 2006-02-10T09:34:49Z How do we add sorting capabilities on the columns? Yusuf tag:source.mihelac.org,2005-07-28:14:52 2006-02-10T07:42:21Z 2006-02-10T07:42:21Z Great utility.. hmm i wonder if anyone has any ideas on how i can modify this so that i can re-order rows. So that i can give the user the option of selecting a row and then pressing a up or down icon to move the row up or down Mats tag:source.mihelac.org,2005-07-28:14:51 2006-02-06T02:39:12Z 2006-02-06T02:39:12Z Nice widget! Have you tought of how to combine this with a paging utility? Mats Ron Savage tag:source.mihelac.org,2005-07-28:14:50 2005-10-19T08:37:45Z 2005-10-19T08:37:45Z See also CGI::Explorer at http://search.cpan.org/~rsavage/CGI-Explorer-2.05/ wiser tag:source.mihelac.org,2005-07-28:14:49 2005-09-21T09:32:06Z 2005-09-21T09:32:06Z Bojan, thanks for the response. I have tried a couple of alternatives: 1). calliing js function to initialize all rows to collapsed. This is fairly slow, since I have roughly a thousand rows that may or may not have children. 2) I have set the "display:none" when creating a row, but as you stated below, the rowstate is held in the treetable_rowstate global variable, as expanded, so it takes mulitple clicks to visually expand. I am still working on the default collapse, and will respond with a solution when have a chance. Thanks, wiser Bojan Mihela?&#65533; tag:source.mihelac.org,2005-07-28:14:48 2005-09-21T09:05:54Z 2005-09-21T09:05:54Z Set style on desired rows to style="display:none;" is problematic as that does not describe row state entirely (imagine when you click on collapse all on root record, all children records are still expanded even if they are not displayed). Specific row's states are saved in treetable_rowstate global variable. Bojan Mihela?&#65533; tag:source.mihelac.org,2005-07-28:14:47 2005-09-21T09:00:48Z 2005-09-21T09:00:48Z Wiser, treetable can be set to collapsed state on many ways, some are: - put treetable_collapseAll('table1'); in body onload method - write additional javascript function that would open and close table to the specific level wiser tag:source.mihelac.org,2005-07-28:14:46 2005-09-20T09:58:06Z 2005-09-20T09:58:06Z How can the treetable be set to a collapsed state on default? Excellent javascript utility! Brad tag:source.mihelac.org,2005-07-28:14:45 2005-08-29T10:17:42Z 2005-08-29T10:17:42Z Is there a way to set the treetable to default, to a collapsed state? I.E. -> Upon visiting the page, I would prefer to have level 0, and level 1 visible in the heirarchy, and have the level 2 and lower children defaulted to a hidden state. As I see the script now, the script always starts out in a fully expanded state. Thoughts? Bojan Mihela?&#65533; tag:source.mihelac.org,2005-07-28:14:44 2005-08-16T06:32:06Z 2005-08-16T06:32:06Z Sorting can be acomplished, but table should be sorted by ROW id first. As ROW id's are composed as paths of element position in tree (0, 0_0, 0_1, 0_1_0 etc) sorting them and thus upgrading some existing script for table sorting should not be a big deal. Jeff tag:source.mihelac.org,2005-07-28:14:43 2005-08-13T03:45:54Z 2005-08-13T03:45:54Z Any ideas on how to sort the column data? Zed tag:source.mihelac.org,2005-07-28:14:42 2005-08-09T08:46:43Z 2005-08-09T08:46:43Z That's interesting idea. I wonder if it is possible and how many work would be to implement HTML Treetable using AJAX for loading data from server asynchronously.