Hiding Ribbon in SP2010

The new ribbon in SP2010 looks nice from a editors point of view. All web-parts seems controlled by the contextual ribbon.Using web-parts on a public website, like a discussion board etc....
The public website is fully skinned now how do we make only the editor to see the ribbon for page.
Answer is as follows :- place you Ribbon Div inside below tag and see the result

<sharepoint:spsecuritytrimmedcontrol permissions="”ManageWeb”" runat="”server”"> 

Control/Ribbon

</sharepoint:spsecuritytrimmedcontrol> 

this was for hiding Ribbon but with the help of this we can hide our control also.instead of div just place you control over there.

Permission used in above example is ManageLists we do have other permissions also as follows :-

AddAndCustomizePages
AddDelPrivateWebParts
AddListItems
ApplyStyleSheets
ApplyThemeAndBorder
ApproveItems
BrowseDirectories
BrowseUserInfo
CancelCheckout
CreateAlerts
CreateGroups
CreateSSCSite
DeleteListItems
DeleteVersions
EditListItems
EditMyUserInfo
EmptyMask
EnumeratePermissions
FullMask
ManageAlerts
ManageLists
ManagePermissions
ManagePersonalViews
ManageSubwebs
ManageWeb
Open
OpenItems
UpdatePersonalWebParts
UseClientIntegration
UseRemoteAPIs
ViewFormPages
ViewListItems
ViewPages
ViewUsageData
ViewVersions

Custom SpellCheck in Moss 2007 for Page

Register this Js in you page where you want to use Spell Check

Use followinf funtion in you button click and you are ready yo have custom SpellCheck ready

function doSpellCheck() {
        SpellCheckEntirePage('/_vti_bin/SpellCheck.asmx', '/_layouts/SpellChecker.aspx');
    }

Javascript Formating

Following Function can be use to IsNumeric & Formating Phone Number

    function fncInputNumericValuesOnly() {
        if (!(event.keyCode == 45 || event.keyCode == 48 || event.keyCode == 49 || event.keyCode == 50 || event.keyCode == 51 || event.keyCode == 52 || event.keyCode == 53 || event.keyCode == 54 || event.keyCode == 55 || event.keyCode == 56 || event.keyCode == 57 || event.keyCode == 0 || event.keyCode == 46)) {
            event.returnValue = false;
        }
    }

This Function will return Formated Phone Number E.g : (123)-123-1234

    function fncInputNumericValuesOnlyPhone(objFormField) {
        if (!(event.keyCode == 45 || event.keyCode == 48 || event.keyCode == 49 || event.keyCode == 50 || event.keyCode == 51 || event.keyCode == 52 || event.keyCode == 53 || event.keyCode == 54 || event.keyCode == 55 || event.keyCode == 56 || event.keyCode == 0 || event.keyCode == 46 || event.keyCode == 57)) {
            event.returnValue = false;
        }
        else {
            var PH = objFormField.value;
            PH = PH.replace("(", "");
            PH = PH.replace(")", "");
            PH = PH.replace("-", "");
            PH = PH.replace(" ", "");

            if (PH.length < 3) {
                objFormField.value = "(" + PH;
            }
            if (PH.length > 3 && PH.length <= 6) {
                objFormField.value = "(" + PH.substring(0, 3) + ") " + PH.substring(3, 6);
            }
            if (PH.length > 6) {
                objFormField.value = "(" + PH.substring(0, 3) + ") " + PH.substring(3, 6) + "-" + PH.substring(6, 10);
            }
        }
    }

Sharepoint 2007 Alert Template Name

Alert Template Name                                                              Description

SPAlertTemplateType.GenericList                                          The first alert template in Alerttemplates.xml.                                                                 GenericList is used unless there is                                                                                            a  match to one of other event types.

SPAlertTemplateType.DocumentLibrary                                 Notification of changes in document libraries

SPAlertTemplateType.Survey                                                 Notification of changes in surveys

SPAlertTemplateType.Links                                                   Notification of changes in links

SPAlertTemplateType.Announcements                                   Notification of changes in announcements

SPAlertTemplateType.Contacts                                              Notification of changes in contacts

SPAlertTemplateType.Events                                                 Notification of changes in events

SPAlertTemplateType.Tasks                                                  Notification of changes in tasks

SPAlertTemplateType.DiscussionBoard                                 Notification of changes in discussion boards

SPAlertTemplateType.PictureLibrary                                     Notification of changes in picture libraries

SPAlertTemplateType.XMLForm                                         Notification of changes in XML form

SPAlertTemplateType.DataConnectionLibrary                       Notification of changes in data connection libraries
                
SPAlertTemplateType.AssignedtoNotification                        Assigned to task / issue list notifications

Adding Context Menu List/library MOSS 2007/Sharepoint 2010

You can add this javascript sharepoint pages with the help of webparts,of using sharepoint designer

Following Javascript Function will add new Menu item Custom Menu to Custom List

function Custom_AddListMenuItems(m, ctx)

{
//this is Title
var strText = "Custom Menu";
//this will add action to be performed e.g in our case it will alert ListItem id
var strAction ="alert(currentItemID)";
//this will add Image to you Context Menu
var strSelectionImage = '';
//this will add you Menu Item to list Menu
CAMOpt(m, strText, strAction, strSelectionImage);
return true;
}

Following Javascript Function will add new Menu item Custom Menu to Custom Library

function Custom_AddDocLibMenuItems(m, ctx)
{
var strText = "Custom Menu";
var strAction ="alert(currentItemID)";
var strSelectionImage = '';
CAMOpt(m, strText, strAction,strSelectionImage);
return true
}

Hope this will help you to add and customize you Sharepoint Context Menu

Following are some usefull javascript object of Sharepoint

0: ctx[listBaseType] : 1                                                 1: ctx[listTemplate] : 101

2: ctx[listName] : {5726BE86-34A8-47F8-AB73-105E34D807F2}

3: ctx[view] : {475151F9-6C22-45FB-B19E-FFE7EC13ADC3}

4: ctx[listUrlDir] : /projects/scans

5: ctx[HttpPath] : /projects/_vti_bin/owssvr.dll?CS=65001

6: ctx[HttpRoot] : http://xxx/projects

7: ctx[serverUrl] : null                                                    8: ctx[imagesPath] : /_layouts/images/

9: ctx[PortalUrl] : null                                                    10: ctx[RecycleBinEnabled] : -1

11: ctx[isWebEditorPreview] : 0                                   12: ctx[rootFolderForDisplay] : null

13: ctx[isPortalTemplate] : null                                      14: ctx[isModerated] : false

15: ctx[recursiveView] : false                                                                                       

16: ctx[displayFormUrl] : /projects/scans/Forms/DispForm.aspx

17: ctx[editFormUrl] : /projects/scans/Forms/EditForm.aspx

18: ctx[newFormUrl] : null                                            19: ctx[ctxId] : 1                                              

20: ctx[CurrentUserId] : 24                                           21: ctx[isForceCheckout] : false

22: ctx[EnableMinorVersions] : false                             23: ctx[ModerationStatus] : 0

24: ctx[verEnabled] : 1                                                 25: ctx[isVersions] : 0

26: ctx[WorkflowsAssociated] : true                             27: ctx[ContentTypesEnabled] : false

28: ctx[SendToLocationName] :                                   29: ctx[SendToLocationUrl] :

30: ctx[OfficialFileName] :                                            31: ctx[WriteSecurity] : 1

32: ctx[SiteTitle] : Projects                                            33: ctx[ListTitle] : scans

Continu............................

0: m[language] :                                                            1: m[scrollHeight] : 0

2: m[isTextEdit] : false                                                   3: m[currentStyle] : [object]

4: m[document] : [object]                                              5: m[onmouseup] : null

6: m[oncontextmenu] : null                                             7: m[isMultiLine] : true

8: m[clientHeight] : 0                                                     9: m[onrowexit] : null

10: m[onbeforepaste] : null                                            11: m[onactivate] : null

12: m[scrollLeft] : 0                                                      13: m[lang] :

14: m[onmousemove] : null                                            15: m[onmove] : null

16: m[onselectstart] : null                                               17: m[parentTextEdit] : [object]

18: m[oncontrolselect] : null                                           19: m[canHaveHTML] : true

20: m[onkeypress] : null                                                21: m[oncut] : null

22: m[onrowenter] : null                                                23: m[onmousedown] : null

24: m[onpaste] : null                                                      25: m[className] : ms-SrvMenuUI

26: m[id] : 14_menu                                                      27: m[onreadystatechange] : null

28: m[onbeforedeactivate] : null                                    29: m[hideFocus] : false

30: m[dir] :                                                                   31: m[isContentEditable] : false

32: m[onkeydown] : null                                                33: m[clientWidth] : 0

34: m[onlosecapture] : null                                            35: m[parentElement] : [object]

36: m[ondrag] : null                                                       37: m[ondragstart] : null

38: m[oncellchange] : null                                              39: m[recordNumber] : null

40: m[onfilterchange] : null                                             41: m[onrowsinserted] : null

42: m[ondatasetcomplete] : null                                    43: m[onmousewheel] : null

44: m[ondragenter] : null                                               45: m[onblur] : null

46: m[onresizeend] : null                                                47: m[onerrorupdate] : null

48: m[onbeforecopy] : null                                            49: m[ondblclick] : null

50: m[scopeName] : HTML                                         51: m[onkeyup] : null

52: m[onresizestart] : null                                               53: m[onmouseover] : null

54: m[onmouseleave] : null                                            55: m[outerText] :

56: m[innerText] :                                                         57: m[onmoveend] : null

58: m[tagName] : MENU                                             59: m[title] :

60: m[offsetWidth] : 0                                                  61: m[onresize] : null

62: m[contentEditable] : inherit                                     63: m[runtimeStyle] : [object]

64: m[filters] : [object]                                                 65: m[ondrop] : null

66: m[onpage] : null                                                      67: m[onrowsdelete] : null

68: m[tagUrn] :                                                             69: m[offsetLeft] : -1

70: m[clientTop] : 0                                                      71: m[style] : [object]

72: m[onfocusout] : null                                                73: m[clientLeft] : 0

74: m[ondatasetchanged] : null                                      75: m[canHaveChildren] : true

76: m[ondeactivate] : null                                              77: m[isDisabled] : false

78: m[onpropertychange] : null                                     79: m[ondragover] : null

80: m[onhelp] : null                                                       81: m[ondragend] : null

82: m[onbeforeeditfocus] : null                                      83: m[disabled] : false

84: m[onfocus] : null                                                      85: m[behaviorUrns] : [object]

86: m[accessKey] :                                                       87: m[onscroll] : null

88: m[onbeforeactivate] : null                                        89: m[onbeforecut] : null

90: m[readyState] : complete                                        91: m[all] : [object]

92: m[sourceIndex] : 1421                                            93: m[onclick] : null

94: m[scrollTop] : 0                                                      95: m[oncopy] : null

96: m[onfocusin] : null                                                  97: m[tabIndex] : 0

98: m[onbeforeupdate] : null                                          99: m[outerHTML] :


100: m[innerHTML] :                                                  101: m[ondataavailable] : null

102: m[offsetHeight] : 0                                                103: m[onmovestart] : null

104: m[onmouseout] : null                                             105: m[scrollWidth] : 0

106: m[offsetTop] : -1                                                  107: m[onmouseenter] : null

108: m[onlayoutcomplete] : null                                     109: m[offsetParent] : [object]

110: m[onafterupdate] : null                                           111: m[ondragleave] : null

112: m[children] : [object]                                             113: m[nodeName] : MENU

114: m[nodeValue] : null                                               115: m[ownerDocument] : [object]

116: m[firstChild] : null                                                  117: m[lastChild] : null

118: m[childNodes] : [object]                                       119: m[nextSibling] : null

120: m[parentNode] : [object]                                      121: m[type] :

122: m[compact] : false                                                 123: m[nodeType] : 1

124: m[previousSibling] : [object]                                  125: m[attributes] : [object]

ECMA + JScript

In this blog we are using ECMA + Jquery For Quering Sharepoint 2010 List and then get result with the help of Jquery Like Foreach and then assign to respective field in page

Declare one variable in which we can store our query

var soapEnv =
"<soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'> \
<soapenv:Body> \
<GetListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'> \
<listName>New Messages</listName> \
<query><Query><Where><Eq><FieldRef Name='ID'/><Value Type='Counter'>" + ValueID + "</Value></Eq></Where></Query></query> \
<viewFields> \
<ViewFields> \
<FieldRef Name='Title' /> \
<FieldRef Name='Description' /> \
<FieldRef Name='Address' /> \
<FieldRef Name='Name' /> \
</ViewFields> \
</viewFields> \
</GetListItems> \
</soapenv:Body> \
</soapenv:Envelope>";


Now here with the help of Jquery Ajax we can query List and give our Query

$.ajax({
url: getServerUrl() + "/_vti_bin/lists.asmx",
type: "POST",
dataType: "xml",
data: soapEnv,
complete: processResult,
contentType: "text/xml; charset=\"utf-8\""
});

Now you are ready to get data so with the help of Jquery get Value one by one

function processResult(xData, status) {
// following thing will loop foreach Item
$(xData.responseXML).find("z\\:row").each(function () {
//taking value of field Title,Description,Address,Name
var header = $(this).attr("Title");
var description = $(this).attr("Description");
var from = $(this).attr("Address");
var category = $(this).attr("Name");
//you are ready to assign retreved data in page
});

Close Sharepoint 2010 Popup Window

hey with the help of following script you can close Sharepoint 2010 popup window & the window/Frame Element(IFrame)

OnClientClick="javascript:window.frameElement.commitPopup();"

Assign PeoplePicker with logedinuser

function PeoplePicker() {
this.context = null;
this.web = null;
this.currentUser = null;
this.parentTagId = null

this.SetParentTagId = function (id) {
this.parentTagId = id;
}

this.SetLoggedInUser = function () {
if (this.parentTagId != null) {
this.getWebUserData();
}
}

this.getWebUserData = function () {
this.context = new SP.ClientContext.get_current();
this.web = this.context.get_web();
this.currentUser = this.web.get_currentUser();
this.currentUser.retrieve();
this.context.load(this.web);
this.context.executeQueryAsync(Function.createDelegate(this, this.onSuccessMethod),
Function.createDelegate(this, this.onFailureMethod));
}

this.onSuccessMethod = function () {
this.setDefaultValue(this.currentUser.get_title());
}
this.onFailureMethod = function () {
alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
}

this.setDefaultValue = function (value) {
var parentTag = document.getElementById(this.parentTagId);
if (parentTag != null) {
var peoplePickerTag = this.getTagFromIdentifierAndTitle(parentTag, 'div',
'UserField_upLevelDiv', 'People Picker');
if (peoplePickerTag) {
peoplePickerTag.innerHTML = value;
}
}
}

this.getTagFromIdentifierAndTitle = function (parentElement, tagName, identifier, title) {

var len = identifier.length;
var tags = parentElement.getElementsByTagName(tagName);
for (var i = 0; i < tags.length; i++) {
var tempString = tags[i].id;
if (tags[i].title == title && (identifier == "" ||
tempString.indexOf(identifier) == tempString.length - len)) {
return tags[i];
}
}
return null;
}


}

ExecuteOrDelayUntilScriptLoaded(SetWebUserData, "sp.js");
function SetWebUserData() {
var pplPicker = new PeoplePicker();
pplPicker.SetParentTagId("RequesterPeoplePicker");
pplPicker.SetLoggedInUser();
}

Sharepoint DateTimecontrol Validation

Hey hi guys if you are looking out for javascript validation for MOSS2007 & SharePoint 2010 then here is some Javascript


//this function is used to find control in page
//Tagname :- is nothing but tages in html like "INPUT","DIV"
//Identifer:- Control in sharepoint i.e DateTimeFieldDate control
//Title :- for example if we create field with "Contract Date" then out title could be "Contract Date"
function getTagFromIdentifierAndTitle(tagName, identifier, title) {
var len = identifier.length;
var tags = document.getElementsByTagName(tagName);
for (var i=0; i < tags.length; i++) { var tempString = tags[i].id; if (tags[i].title == title && (identifier == "" || tempString.indexOf(identifier) == tempString.length - len)) { return tags[i]; } } return null; }

//past this function in our page using sharepoint designer thats its ready to go

function PreSaveAction() { var date1 = getTagFromIdentifierAndTitle("INPUT","DateTimeFieldDate","Contract Date"); var date2 = getTagFromIdentifierAndTitle("INPUT","DateTimeFieldDate","Contract End Date"); var arrDate1 = date1.value.split("/"); var useDate1 = new Date(arrDate1[2], arrDate1[1]-1, arrDate1[0]); var arrDate2 = date2.value.split("/"); var useDate2 = new Date(arrDate2[2], arrDate2[1]-1, arrDate2[0]); if(useDate1 > useDate2)
{
alert("The end date cannot happen earlier than the start date");
return false; // Cancel the item save process
}
return true; // OK to proceed with the save item
}

other examples are :-
//for DropDown user following parameter

var country = getTagFromIdentifierAndTitle("select", "dropDownList", "Country");

//for TextField(Text box) user following parameter

var title = getTagFromIdentifierAndTitle("input", "TextField", "Requested Title");

//for MultipleLine-TextField user following parameter

var description = getTagFromIdentifierAndTitle("textarea", "TextField", "Description of the change");

ECMA Scritp for UpdateListItem

var clientContext = null;
var web = null;
ExecuteOrDelayUntilScriptLoaded(Initialize, "sp.js");
function Initialize()
{
clientContext = new SP.ClientContext.get_current();
web = clientContext.get_web();
this.list = web.get_lists().getByTitle('My custom generic list');
this.oListItem = list.getItemById(1);
oListItem.set_item('Title', 'Abhijeet Updated');
oListItem.update();

clientContext.executeQueryAsync(Function.createDelegate(this, this.onUpdateListItemSuccess), Function.createDelegate(this, this.onQueryFailed));
}
function onUpdateListItemSuccess(sender, args) {
alert("list item updated");
}

function onQueryFailed(sender, args) {
alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
}

ECMA Script for UpdateList

var clientContext = null;
var web = null;
ExecuteOrDelayUntilScriptLoaded(Initialize, "sp.js");
function Initialize()
{
clientContext = new SP.ClientContext.get_current();
web = clientContext.get_web();
this.list = web.get_lists().getByTitle('My custom generic list');
list.set_description('My custom generic list description');
list.update();
clientContext.load(list, 'Description');
clientContext.executeQueryAsync(Function.createDelegate(this, this.onSiteLoadSuccess), Function.createDelegate(this, this.onQueryFailed));
}
function onSiteLoadSuccess(sender, args) {
alert("list description : " + this.list.get_description());
}

function onQueryFailed(sender, args) {
alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
}

ECMA Script for LoadSiteData

var clientContext = null;
var web = null;
ExecuteOrDelayUntilScriptLoaded(Initialize, "sp.js");
function Initialize()
{
clientContext = new SP.ClientContext.get_current();
web = clientContext.get_web();
clientContext.load(web, 'Title');
clientContext.executeQueryAsync(Function.createDelegate(this, this.onSiteLoadSuccess), Function.createDelegate(this, this.onQueryFailed));
}
function onSiteLoadSuccess(sender, args) {
alert("site title : " + web.get_title());
}

function onQueryFailed(sender, args) {
alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
}

ECMA Script for LoadListItemsData

var clientContext = null;
var web = null;
ExecuteOrDelayUntilScriptLoaded(Initialize, "sp.js");
function Initialize()
{
clientContext = new SP.ClientContext.get_current();
web = clientContext.get_web();
var list = web.get_lists().getByTitle("Pages");
var camlQuery = new SP.CamlQuery();
var q = '5';
camlQuery.set_viewXml(q);
this.listItems = list.getItems(camlQuery);
clientContext.load(listItems, 'Include(DisplayName,Id)');
clientContext.executeQueryAsync(Function.createDelegate(this, this.onListItemsLoadSuccess),
Function.createDelegate(this, this.onQueryFailed));
}
function onListItemsLoadSuccess(sender, args) {
var listEnumerator = this.listItems.getEnumerator();
//iterate though all of the items
while (listEnumerator.moveNext()) {
var item = listEnumerator.get_current();
var title = item.get_displayName();
var id = item.get_id();
alert("List title : " + title + "; List ID : "+ id);
}
}

function onQueryFailed(sender, args) {
alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
}

ECMA Script for LoadListData

var clientContext = null;
var web = null;
ExecuteOrDelayUntilScriptLoaded(Initialize, "sp.js");
function Initialize()
{
clientContext = new SP.ClientContext.get_current();
web = clientContext.get_web();
this.list = web.get_lists().getByTitle("Images");
clientContext.load(list, 'Title', 'Id');
clientContext.executeQueryAsync(Function.createDelegate(this, this.onListLoadSuccess),
Function.createDelegate(this, this.onQueryFailed));
}
function onListLoadSuccess(sender, args) {
alert("List title : " + this.list.get_title() + "; List ID : "+ this.list.get_id());
}

function onQueryFailed(sender, args) {
alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
}

ECMA Script for DeleteSite

var clientContext = null;
var web = null;
ExecuteOrDelayUntilScriptLoaded(Initialize, "sp.js");
function Initialize()
{
clientContext = new SP.ClientContext.get_current();
web = clientContext.get_web();
this.website = web.get_webs().getByTitle('Rare Solutions');
website.deleteObject();

clientContext.executeQueryAsync(Function.createDelegate(this, this.onSiteDeleteSuccess),

Function.createDelegate(this, this.onQueryFailed));
}
function onSiteDeleteSuccess(sender, args) {
alert("site deleted");
}

function onQueryFailed(sender, args) {
alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
}

ECMA Script for DeleteListItem

var clientContext = null;
var web = null;
ExecuteOrDelayUntilScriptLoaded(Initialize, "sp.js");
function Initialize()
{
clientContext = new SP.ClientContext.get_current();
web = clientContext.get_web();
this.list = web.get_lists().getByTitle('My custom generic list');
this.oListItem = list.getItemById(1);
oListItem.deleteObject();

clientContext.executeQueryAsync(Function.createDelegate(this, this.onListItemDeleteSuccess),

Function.createDelegate(this, this.onQueryFailed));
}
function onListItemDeleteSuccess(sender, args) {
alert("list item deleted");
}

function onQueryFailed(sender, args) {
alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
}

ECMA Scritp for DeleteList

var clientContext = null;
var web = null;
ExecuteOrDelayUntilScriptLoaded(Initialize, "sp.js");
function Initialize()
{
clientContext = new SP.ClientContext.get_current();
web = clientContext.get_web();
this.list = web.get_lists().getByTitle('My custom generic list');
list.deleteObject();

clientContext.executeQueryAsync(Function.createDelegate(this, this.onListDeleteSuccess),

Function.createDelegate(this, this.onQueryFailed));
}
function onListDeleteSuccess(sender, args) {
alert("list deleted");
}

function onQueryFailed(sender, args) {
alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
}

ECMA Script for CreateSite

var clientContext = null;
var web = null;
ExecuteOrDelayUntilScriptLoaded(Initialize, "sp.js");
function Initialize()
{
clientContext = new SP.ClientContext.get_current();
web = clientContext.get_web();
var webCreateInfo = new SP.WebCreationInformation();
webCreateInfo.set_description("All about Rare solutions.");
webCreateInfo.set_language(1033);
webCreateInfo.set_title("Rare Solutions - SharePoint and .NET");
webCreateInfo.set_url("RareSolutionsSharePoint");
webCreateInfo.set_useSamePermissionsAsParentSite(true);
webCreateInfo.set_webTemplate("BLOG#0");

this.oNewWebsite = this.web.get_webs().add(webCreateInfo);

clientContext.load(this.oNewWebsite, 'ServerRelativeUrl', 'Created');

clientContext.executeQueryAsync(Function.createDelegate(this, this.onCreateWebSuccess),

Function.createDelegate(this, this.onQueryFailed));
}
function onCreateWebSuccess(sender, args) {
alert("Web site url : " + this.oNewWebsite.get_serverRelativeUrl());
}

function onQueryFailed(sender, args) {
alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
}

ECMA Script CreateList

var clientContext = null;
var web = null;
ExecuteOrDelayUntilScriptLoaded(Initialize, "sp.js");
function Initialize()
{
clientContext = new SP.ClientContext.get_current();
web = clientContext.get_web();
var itemCreateInfo = new SP.ListItemCreationInformation();
var listCreationInfo = new SP.ListCreationInformation();
listCreationInfo.set_title('My Custom Generic List');
listCreationInfo.set_templateType(SP.ListTemplateType.genericList);
this.oList = web.get_lists().add(listCreationInfo);

clientContext.load(oList, 'Title', 'Id');

clientContext.executeQueryAsync(Function.createDelegate(this, this.onListCreateSuccess),
Function.createDelegate(this, this.onQueryFailed));
}
function onListCreateSuccess(sender, args) {
alert("List title : " + this.oList.get_title() + "; List ID : "+ this.oList.get_id());
}

function onQueryFailed(sender, args) {
alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
}