SharePoint Customization Tricks: Part I

Tell me, How did you inject JavaScript into the page ?

Refer to Part 2 in the series for more info

and let me know if you need any help

I followed the same step mentioned in Part II of the article.

1. Added one content editor web part in the list.

2. Added the javascript code in the source editor.

when i try to view the actions link, there is no change, all the default options are displaying.

below is the code added to source editor.

<script language="javascript" type="text/javascript">

hideListViewToolbarItems("Edit in Datasheet","export to Spreadsheet","view rss feed","settings:create view"); 

function hideListViewToolbarItems()
{       

var menuItem;        
var menuItemName;
var menuItemIndex=-1;
var menuItemNames=new Array("edit in datasheet","open with windows explorer",
"connect to outlook",'export to spreadsheet','view rss feed','alert me'
,"create column","settings:create view","list settings",
"document library settings","explorer view","all documents",
"all items","modify this view","view:create view","new document",
"new item","new folder","upload document","upload multiple documents");
var menuItems = new Array("EditInGridButton","OpenInExplorer","OfflineButton",
"ExportToSpreadsheet","ViewRSS","SubscribeButton","AddColumn",
"AddView","ListSettings","ListSettings","View1","DefaultView",
"DefaultView","ModifyView","CreateView","New0","New0",
"NewFolder","Upload","MultipleUpload");             
var allMenuItems = document.getElementsByTagName('ie:menuitem');

for(var i = 0; i < hideListViewToolbarItems.arguments.length; i++ )
{                                                                          
          menuItemName= hideListViewToolbarItems.arguments[i].toLowerCase();
          for (j=0;jif(menuItemNames[j]==menuItemName)
                   {                                    
                             menuItemIndex = j;
                             break;
                   }
          }          

          menuItem=menuItems[menuItemIndex];
          for (var l = 0; l < allMenuItems.length; l++)
          {                 
                   if(menuItemName.indexOf(":")!=-1)
                   {
                             menuItemName = menuItemName.split(":")[1];
                   }
                   if (allMenuItems[l].id.indexOf(menuItem)!=-1
                    && allMenuItems[l].text.toLowerCase() == menuItemName )
                   {                 
                             // For FireFox Compatibility
                             var parentNodeOfMenuItem = allMenuItems[l].parentNode;
                             parentNodeOfMenuItem.removeChild(allMenuItems[l]);
                   }
          }                 
}
}

</script>

you are welcome :)

I'm glad you liked it

Was the problem in the place of the CEWP ?

It was not the problem of CEWP. Yesterday i tried the same steps. it did not work. Today I again downloaded and tried it' working.

Thanka a lot.

I see that this is working but I was having some issues getting the View to remove the All Documents and Explorer View entries to go away, could I be doing something wrong?

I am using the following code below:

hideListViewToolbarItems("view:create view","all documents");

While this works for 98% of the menu items it will not work as written for Views if you are using new default views. In order to make this work when you have created a view and marked it as default a few things must be cleared up:

1. The menu items marks the first default view as menuitem="defaultview".

 2. The code above , as written , will assume the first default view is the original default view.

In order to fix the code you may have to actually look at your source code after the page has been rendered to make the approriate associations and changes to the array.

As you can see in the code posted below I had to use View1 and View2 with the correct ItemName associations to get the actual menu item to hide. Generally a default view that you create and mark as default will cause the old default view to be called View1, then the next View to be View 2, etc.etc.

 Anyway, just modify the array after determining your view order and it should work properly. Again, this i sonly needed if you are using custom default views and not the standard default view.

For example:)

 var menuItemNames=new Array( "edit in datasheet", "open with windows explorer", "connect to outlook", 'export to spreadsheet', 'view rss feed', 'alert me' ,"create column", "settings:create view", "list settings", "document library settings", "all documents", "explorer view", "all items", "modify this view", "view:create view", "new document", "new item", "new folder", "upload document", "upload multiple documents");

var menuItems = new Array( "EditInGridButton", "OpenInExplorer", "OfflineButton", "ExportToSpreadsheet", "ViewRSS", "SubscribeButton", "AddColumn", "AddView", "ListSettings", "ListSettings", "View1", "View2", "DefaultView", "ModifyView", "CreateView", "New0", "New0", "NewFolder", "Upload", "MultipleUpload" );

Hello Ayman, I got the coding stuff but as I used this javascript exercise before 5  years so suddenly I wiped out my knowledge could you please let me know, how to execute this coding and what sort of platforms I have to have in my computer...plzz help me out..ASAP.