Hide a column in display(view form) in Sharepoint 2007 using JQUERY -
i trying hide column in sharepoint 2007 using jquery. code working hide columns
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> <script type="text/javascript"> columnstohide = new array(); columnstohide[0]='first name'; columnstohide[1]='last name'; $(document).ready(function() { (var i=0; < columnstohide.length;i++) { querystring='nobr:contains("' + columnstohide[i] + '")'; $(querystring).hide().parents('tr:first').hide(); } }); </script>
i tried hide column using various code
1 $('nobr:contains("first name")').closest('tr').hide();
2$(":input[title='first name']").parent().parent().hide()
;
3 $("#ms-formbody").hide();
4 $('input[title=first name]').parent().parent().parent().hide();
by using above ways couldn't able hide columns. guide me through since newbie jquery
i providing source code, want column hidden when page loads in display form of sharepoint 2007
<tr> <td nowrap="true" valign="top" width="165px" class="ms-formlabel"><h3 class="ms-standardheader"><a name="spbookmark_firstname"></a>first name</h3></td> <td valign="top" class="ms-formbody" width="450px" id="spfieldtext"> <!-- fieldname="first name" fieldinternalname="firstname" fieldtype="spfieldtext" --></td> </tr> <tr> <td nowrap="true" valign="top" width="165px" class="ms-formlabel"><h3 class="ms-standardheader"><a name="spbookmark_middlename"></a>middle name</h3></td> <td valign="top" class="ms-formbody" width="450px" id="spfieldtext"> <!-- fieldname="middle name" fieldinternalname="middlename" fieldtype="spfieldtext" --></td></tr>
this hide field on form:
var label = "textarea1"; $(".ms-formtable input[title='"+ label +"']").closest("tr").hide();
this hide column in view:
var colname = "textarea1"; var index = $("tr.ms-viewheadertr th:contains('"+ colname +"')").index(); $("tr.ms-viewheadertr th:contains('"+ colname +"')").hide(); $("table.ms-listviewtable tbody").first().find("tr").each(function(){ $(this).find("td:nth-child("+ index +")").hide(); });
Comments
Post a Comment