Using Javascript to Manipulate a List Form Field

re: Using Javascript to Manipulate a List Form Field

Pirooz — Thu, 21 Jun 2007 18:47:11 GMT

Great post...worked like a charm!

re: Using Javascript to Manipulate a List Form Field

Jay Walker — Sat, 30 Jun 2007 18:12:17 GMT

I placed the javascript after the placeholder main sharepoint tag like below

<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">

...

and the javascript does not seem to fire, I placed and alert("test"); tag in the fillDefaultValues function as the first thing to run when the _spBodyOnLoadFunctionNames.push("fillDefaultValues"); tells the fillDefaultValues to run and I do not receive an alert box. What am I doing wrong?

re: Using Javascript to Manipulate a List Form Field

rsriram22 — Fri, 27 Jul 2007 19:10:46 GMT

the following values for a people picker field do not seem to work - something am missing perhaps - did anyone encounter this?

tagName = "textarea"

identifier="TextField"

title="People Picker"

(the 'Title' property for this textarea seems to be hard coded to People Picker and not the 'display name')

Adding Javascript functions to the OnLoad event

Mirrored Blogs — Sat, 28 Jul 2007 01:01:33 GMT

This posting is a bit of a note to self, apologies if you've seen this before (and you probably should

re: Using Javascript to Manipulate a List Form Field

Cassie Schmidt — Thu, 02 Aug 2007 00:54:55 GMT

Works Excellent. Thanks for the _spBodyOnLoadFunctionNames.push() tip.

re: Using Javascript to Manipulate a List Form Field

Hardik — Fri, 03 Aug 2007 22:57:16 GMT

when i tried above things to my SharePoint Field Type who renders me checkbox it seems attribute title is not comming in rendered html...

Any idea

re: Using Javascript to Manipulate a List Form Field

Jayakumar — Tue, 28 Aug 2007 05:10:57 GMT

Hi,

ii am try to add client side script to Dropdown contorl in the Editpage. but it fire he event.

And what this <span dir='none'> specifies.

Thnaks

Jayakumar.R

Jayakumar.RAJENDRAN@sg.calyon.com

re: Using Javascript to Manipulate a List Form Field

Yan Alonzo — Tue, 28 Aug 2007 09:35:11 GMT

Hi! I am new to this. Pls. help me add my javascript to work with the form webpart. I tried to use _spBodyOnLoadFunctionNames.push("fillDefaultValues"); but its not working...it's not doing anything, just gives me an error. It shows the actual form I created but not performing anything. Help pls!!! thanks!

re: Using Javascript to Manipulate a List Form Field

Lisa Kirkeby — Thu, 30 Aug 2007 19:05:58 GMT

I don't have a PlaceHolderMain. All I have is a PlaceHolder. It put it after that line but I just get a javascript error. I put it in the <HEAD> and nothing happens, no errors, no fields pre-filled. We have WSS 2.0. Is that too old for this code to work?

re: Using Javascript to Manipulate a List Form Field

Alan Tang — Fri, 31 Aug 2007 19:34:47 GMT

I have the same problem as Jay Walker had. The java script is not fire. Any idea???

re: Using Javascript to Manipulate a List Form Field

sheetal — Wed, 12 Sep 2007 12:34:36 GMT

I placed the javascript after the placeholder main sharepoint tag like below

<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">

...

and the javascript does not seem to fire

am I doing wrong?

re: Using Javascript to Manipulate a List Form Field

Thebriarsage — Wed, 03 Oct 2007 23:08:18 GMT

I am having the same issue. On some pages it fires, on others it does not.

re: Using Javascript to Manipulate a List Form Field

Nelly — Thu, 04 Oct 2007 15:10:39 GMT

How can I set a bdc field value?

re: Using Javascript to Manipulate a List Form Field

minaz — Tue, 09 Oct 2007 13:30:13 GMT

i placed javascript code after PlaceHolderMain

but is happen no result on site's newpage.aspx page

actually i need to inherit data from one list fields and add it or copy it to subsite list fields what to do please help me.

re: Using Javascript to Manipulate a List Form Field

Tom B — Thu, 18 Oct 2007 20:58:02 GMT

I am not having any luck with this either. I put it in the placeholder main and it won't fire.

Is there something we need to do in the site settings or the web.config to make it work?

re: Using Javascript to Manipulate a List Form Field

Eric Rios — Wed, 07 Nov 2007 21:42:55 GMT

For me, sometimes the script runs sometimes it does not. It looks like several of us are having the same issue. Either we do not know where to place the script (I do it on a content web part) or something else.

re: Using Javascript to Manipulate a List Form Field

Tim Staddon — Thu, 22 Nov 2007 14:22:21 GMT

Hi,

Got a solution for the checkbox...

function setYesNoFromFieldName(fieldName) {

var theInput = getTagFromIdentifierAndTitle("input","BooleanField",fieldName);

if (theInput.checked=="True") {

theInput.checked="False";

} else {

theInput.checked="True";

}

Example usage:

setYesNoFromFieldName("Show In Calendar");

Checks the box if unchecked by default; unticks the box if already checked.

re: Using Javascript to Manipulate a List Form Field

elielizondo21 — Fri, 04 Jan 2008 02:49:24 GMT

How would this apply to a date picker control field?

re: Using Javascript to Manipulate a List Form Field

Pablo Gazmuri — Thu, 17 Jan 2008 01:25:25 GMT

I found a way to set a BDC value:

[code]

function getBDCTagFromIdentifierAndTitle(tagName, title, count) {

var tags = document.getElementsByTagName(tagName);

var myCount = 0;

for (var i=0; i < tags.length; i++) {

var tempString = tags[i].id;

if (tags[i].title == title){

myCount++;

if(count = myCount){

return tags[i];

}

return null;

}

getBDCTagFromIdentifierAndTitle("TEXTAREA","Object Picker", 1).value = 'Field Value';

getBDCTagFromIdentifierAndTitle("DIV","Object Picker", 1).innerText = 'Field Value';

getBDCTagFromIdentifierAndTitle("A","Check Names", 1).onclick();

[/code]

Note: the function gets the bdc field by location... in the case above, the first BDC field will be set to 'Field Value'. To set the second BDC field in a list item, you would pass 2 instead of 1 to the getBDCTagFromIdentifierAndTitle function.

re: Using Javascript to Manipulate a List Form Field

Pablo Gazmuri — Thu, 17 Jan 2008 01:40:05 GMT

Oops... there is a bug in that function... here is the correct function:

[code]

function getBDCTagFromIdentifierAndTitle(tagName, title, count) {

var tags = document.getElementsByTagName(tagName);

var myCount = 0;

for (var i=0; i < tags.length; i++) {

var tempString = tags[i].id;

if (tags[i].title == title){

myCount++;

if(count == myCount){

return tags[i];

}

return null;

}

[/code]

re: Using Javascript to Manipulate a List Form Field

Damian — Fri, 18 Jan 2008 10:40:32 GMT

If you are having problems getting it to work then make sure the body tag looks like this

Rather than this

<body>

re: Using Javascript to Manipulate a List Form Field

Jay — Tue, 29 Jan 2008 01:14:08 GMT

Tried changing the body tag to <body onload="javascript:if (typeof(_spBodyOnLoadWrapper) != 'undefined') _spBodyOnLoadWrapper();">

No luck. Can't get it to fire. Keep getting _spBodyOnLoadFunctionNames undefined.

Ideas?

Javascript on a sharepoint page

Sreejesh — Thu, 31 Jan 2008 14:53:33 GMT

Hi all,

I want to register a javascript function in a sharepoint site (MySite link) which creates a cookie for the first login of the site user. I tried editing the

12\template\global\default.master asp.net page and am able to do that. but the problem is the javascript function executes every time when the user clicks any link on his mysite page. i want it only for the first time when the user clicks on the mysite link.

If any of you can help/suggest please put me a mail at sreejesh.chakkaran@wipro.com

Thanx in advance.

Sreejesh.

Javascript to reference a Radio Buttons Choice field

Markuso — Wed, 06 Feb 2008 14:26:37 GMT

I've also found a way to get a reference to a Radio Buttons Choice field type that was tricky to get at since it doesn't use the 'Title' attribute. Please see below:

<A HREF="http://blog.markuso.com/posts/9/using-javascript-to-access-a-list-form-field-in-sharepoint-designer/" REL="nofollow">http://blog.markuso.com/posts/9/using-javascript-to-access-a-list-form-field-in-sharepoint-designer/</A>

Javascript to reference a Radio Buttons Choice field

Markuso — Wed, 06 Feb 2008 20:41:21 GMT

I've also found a way to get a reference to a Radio Buttons Choice field. It was tricky to get at since it doesn't use the 'Title' attribute. Please see below:

http://blog.markuso.com/posts/9/using-javascript-to-access-a-list-form-field-in-sharepoint-designer/

re: Using Javascript to Manipulate a List Form Field

Daniel — Tue, 19 Feb 2008 20:32:40 GMT

This is a great post, I have implemented some aspects of it and it works well. However, is there a way using javascript to get the currently selected option in a child drop down field.

I would like to display some ojectives in a separate textarea based on the course that the user selects from the child drop down but cannot work out how.

Any ideas....

Thanks

re: Using Javascript to Manipulate a List Form Field

Alexander Bautz — Sat, 01 Mar 2008 13:06:48 GMT

Add the folloving code to your NewForm.aspx, DispForm.aspx and EditForm.aspx and use this syntax to create headings from ordinary one line textfield:

#H#20#Name Of Heading

#H# Marks as heading and the following number is the Font-size

This code also removed the <nobr> tag from the title column to allow textwrap. The beauty of this approuch is the list accepts attachements and are fully customizable from the SharePoin UI.

NewForm.aspx:

_spBodyOnLoadFunctionNames.push("removeNOBRAndShowHeadings");

//_spBodyOnLoadFunctionNames.push("removeNOBRAndShowHeadings", "hideFields");

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.id;

if (tags.title == title && (identifier == "" || tempString.indexOf(identifier) == tempString.length - len)) {

return tags;

}

return null;

}

function findacontrol(FieldName) {

var ctrl = null;

var arr = document.getElementsByTagName('!');//get all comments

for (var i=0;i < arr.length; i++ )

{

// now match the field name

if (arr.innerHTML.indexOf(FieldName) > 0) {

return arr;

}

function removeNOBRAndShowHeadings(){

brs = document.getElementsByTagName('nobr');

while (brs.length) {

var br = brs[brs.length - 1];

var newdiv = document.createElement('div');

newdiv.style.width = '300px';

//Sjekker om dette skal være en overskrift

if (br.innerHTML.substring(0,3)=="#H#"){

//Skjul tekstfeltet som representerer overskriften

var td = getTagFromIdentifierAndTitle("input","TextField",br.innerHTML);

td.style.display="none";

//Setter overskriften til angott størrelse

//newdiv.style.color = '#d63908';

newdiv.style.fontSize = br.innerHTML.substring(3,5);

newdiv.style.verticalAlign = 'sub';

br.innerHTML = br.innerHTML.substring(6);

}

//Setter innholdet i den nye DIV'en til selve overskriften

newdiv.innerHTML = br.innerHTML;

//var replacement = newdiv;

br.parentNode.replaceChild(newdiv, br);

}

function hideFields() {

//Angi visningsnavnet til kolonenn som skal skjules

var control = findacontrol('NameOfFieldToHide');

control.parentNode.parentNode.style.display="none";

}

</script>

DispForm.aspx

_spBodyOnLoadFunctionNames.push("ShowHeadings");

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.id;

if (tags.title == title && (identifier == "" || tempString.indexOf(identifier) == tempString.length - len)) {

return tags;

}

return null;

}

function ShowHeadings(){

brs = document.getElementsByTagName('H3');

var x = 1;

while (x < brs.length) {

var br = brs[x];

if (br.innerHTML.match(new RegExp(/#H#/))){

br.innerHTML = '<FONT size="4"><br>' + br.innerHTML +'</FONT>';

}

x++;

}

document.body.innerHTML = document.body.innerHTML.replace(new RegExp(/#H#/g), "");

document.body.innerHTML = document.body.innerHTML.replace(new RegExp(/\d\d#/g), "");

}

</script>

EditForm.aspx

_spBodyOnLoadFunctionNames.push("removeNOBRAndShowHeadings");

//_spBodyOnLoadFunctionNames.push("removeNOBRAndShowHeadings", "hideFields");

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.id;

if (tags.title == title && (identifier == "" || tempString.indexOf(identifier) == tempString.length - len)) {

return tags;

}

return null;

}

function findacontrol(FieldName) {

var ctrl = null;

var arr = document.getElementsByTagName('!');//get all comments

for (var i=0;i < arr.length; i++ )

{

// now match the field name

if (arr.innerHTML.indexOf(FieldName) > 0) {

return arr;

}

function removeNOBRAndShowHeadings(){

brs = document.getElementsByTagName('nobr');

while (brs.length) {

var br = brs[brs.length - 1];

var newdiv = document.createElement('div');

newdiv.style.width = '300px';

//Sjekker om dette skal være en overskrift

if (br.innerHTML.substring(0,3)=="#H#"){

//Skjul tekstfeltet som representerer overskriften

var td = getTagFromIdentifierAndTitle("input","TextField",br.innerHTML);

td.style.display="none";

//Setter overskriften til angott størrelse

//newdiv.style.color = '#d63908';

newdiv.style.fontSize = br.innerHTML.substring(3,5);

newdiv.style.verticalAlign = 'sub';

br.innerHTML = br.innerHTML.substring(6);

}

//Setter innholdet i den nye DIV'en til selve overskriften

newdiv.innerHTML = br.innerHTML;

//var replacement = newdiv;

br.parentNode.replaceChild(newdiv, br);

}

function hideFields() {

//Angi visningsnavnet til kolonenn som skal skjules

var control = findacontrol('NameOfFieldToHide');

control.parentNode.parentNode.style.display="none";

//To prevent editing of listitem you must have a checkbox type yes/no called "Closed" - or change the code in tehe field below

var theInput = getTagFromIdentifierAndTitle("input","BooleanField",'Closed');

if (theInput.checked==true) {

document.body.innerHTML = "Access denied!";

alert("You cannot change reports that are closed.\n\nContact an administrator...");

window.location = "javascript:history.back()"

}

</script>

Most of the comments in the code are in Norwegian - sorry - ask me if something is unclear.

Regards

Alexander

Review if the DispForm-code in previous post

Alexander — Sun, 02 Mar 2008 21:39:40 GMT

//DispForm.aspx

_spBodyOnLoadFunctionNames.push("ShowHeadings");

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;

}

function ShowHeadings(){

brs = document.getElementsByTagName('H3');

var x = 1;

while (x < brs.length) {

var br = brs[x];

// Sjekk om det er en overskrift

if (br.innerHTML.match(new RegExp(/#H#/))){

// Finn størrelsen på overskriften

var size = br.innerHTML.match(new RegExp(/#\d\d#/));

// Konverter til srting

strSize = size.toString();

// Fjern #

var newSize = strSize.replace(new RegExp(/#/g), "");

// Angi ny br.innerHTML

br.innerHTML = br.innerHTML.replace(new RegExp(/#H#/g), "")

br.innerHTML = br.innerHTML.replace(new RegExp(/\d\d#/g), "")

br.innerHTML = '<div ' + 'style=font-size:' + newSize + 'px><br>' + br.innerHTML + '</div>';

}

x++;

}

</script>

re: Using Javascript to Manipulate a List Form Field

ashishkanoongo — Wed, 28 May 2008 21:00:05 GMT

Hello

I added your code in newform.aspx but getting following error

Only Content controls are allowed directly in a content page that contains Content controls.

Please let me know whats arong I am doing?

re: Using Javascript to Manipulate a List Form Field

dolomite — Fri, 11 Jul 2008 22:08:17 GMT

any ideas on getting the date control to work with this?

re: Using Javascript to Manipulate a List Form Field

bev — Thu, 31 Jul 2008 22:26:07 GMT

Has anyone solved the problem with the Javascript not firing ?

I had it working yesterday but something has changed and now it doesn't fire - I have been testing with Alert messages and not working.

Thanks

re: Using Javascript to Manipulate a List Form Field

Ahody — Sun, 21 Sep 2008 21:59:11 GMT

I've found the problem, finally.

There is a little typo in the setSelectedOption function. You need to change the opts[i].value with opts[i].text.

Here is the correct one:

function setSelectedOption(select, value) {

var opts = select.options;

var l = opts.length;

if (select == null) return;

for (var i=0; i < l; i++) {

if (opts[i].text == value) {

select.selectedIndex = i;

return true;

}

return false;

}

re: Using Javascript to Manipulate a List Form Field

ferdous_cs — Wed, 10 Dec 2008 12:34:51 GMT

Thanks. It was too much helpfull in my development.

Ferdous

Multi-column Layout in Sharepoint using a single Layout Page

Baris Wanschers — Wed, 18 Mar 2009 12:50:23 GMT

Today I worked on the layout of a news article roll-up. One of the goals was to spread the text across multiple columns. At first I thought to create a Layout Page with two columns, each containing a Rich HTML Field. Then, when creating new articles,