Comments on: Add functions and events to SharePoint form fields

By: Boris Gomiunik

Boris Gomiunik — Wed, 03 Feb 2010 19:36:35 +0000

@Sreedhar:
1. to make the radiobuttons appear in horisontal position you’d need to remake the DOM of the radio buttons. Usually radio buttons choice field is rendered as a table and each row is containing one choice. So you’d need to loop through rows 2 to n (n being total number of rows) and moving the innerHTML to additional tablecells created in the first row. It would require a bit of coding, for sure.
2. You can refference the row below and hide it as soon as the document is loaded. Then depending on choice you’d show/hide this. Can you try the onclick event instead of onclientclick (the later is ASP.NET ).
Please stay tuned on my series on HTML DOM manipulation with JavaScript.

By: Sreedhar

Sreedhar — Mon, 01 Feb 2010 12:35:33 +0000

Hi Boris Gomiunik ,

I have read the post and it was useful to me. but can you can help with this problem.

I am having a radiobutton field with two options yes and no

1. how can we make it appear in horizontal instead of default vertical postion.
2. how can we write javascript function to show the entire row below it depending upon radiobutton field value user selected

i have tried OnClientClick but i couldn’t find that

is there any way to do this using SPD 2007

thanks

By: Boris Gomiunik

Boris Gomiunik — Mon, 25 Jan 2010 07:51:10 +0000

@Brett: Hi. Can you try the following:
1. The code must be inserted after the form (so the elements already exist)
2. If the code still doesn’t work, it can probably be that the code runs before the fields are rendered by your browser. What you can try is to enclose the lines that attacth event in a function like this:

function attachEvents() {
getField(’select’,'Enhancement’).onchange = function() {alert(‘here’)};
getField(’select’,'Enhancement’).onchange = function() {setVisibility()};
}

and then at the end of script put this function in a _spBodyOnLoadFunctionNames array so it will execute when SharePoint DOM is ready:

_spBodyOnLoadFunctionNames.push(“attachEvents”)

Hope this will help.

By: Brett

Brett — Mon, 11 Jan 2010 17:55:08 +0000

For some reason, this isn’t working for me. I’ve tried adding in some alerts to see what’s happening and those aren’t even triggered.

#
# function getField(fieldType,fieldTitle) {
# var docTags = document.getElementsByTagName(fieldType);
# for (var i=0; i < docTags.length; i++) {
# if (docTags[i].title == fieldTitle) {
# return docTags[i]
# }
# }
# }

#function setVisibility() {
#alert('here2');
#}
#getField('select','Enhancement').onchange = function() {alert('here')};
#getField('select','Enhancement').onchange = function() {setVisibility()};

The code generated by Sharepoint is

#
#
#Yes
#No
#

What am I missing?

Thanks!

By: Boris Gomiunik

Boris Gomiunik — Sun, 25 Oct 2009 23:01:38 +0000

@Khushi: Thanks for the feedback. Not 100% sure I understand the problem. Perhaps you can try the “onkeyup” event for the textfield. Otherwise the blur event is meant always when the field looses focus. If you submit the form without bluring the field the event doesn’t happen. There is another way to “attach” your own custom javascript to just before the form is submitted, but that is an article I’m preparing.

By: Boris Gomiunik

Boris Gomiunik — Sun, 25 Oct 2009 22:53:15 +0000

Hey, everyone who’s having troubles with lookup fields (especially the ones with more than 20 items). I’ve written a new post explaining Lookup field in a bit more details:

http://www.sharepointboris.net/2009/10/sharepoint-lookup-field-how-does-it-work-and-how-to-add-javascript-event-handler-function-to-it/

By: SharePoint Lookup field: how does it work and how to add JavaScript event handler function to it? | SharePoint

Sun, 25 Oct 2009 22:23:11 +0000

[...] Gomiunik on 26-10-2009 Due to a lot of comments and questions to my last year’s post about Attaching functions to SharePoint form fields concerning especially lookup fields on which the demo was made, I’ve decided to take a deeper [...]

By: Khushi

Khushi — Tue, 20 Oct 2009 21:15:27 +0000

Hi Boris,

Great article. i did manage to raise onblur event of the sharepoint textfield (say Title). But the problem is blur event is firing only when form is fresh. Fresh means when i am browsing this form in add mode and every fields of the forms is empty. I write something in the SP textfield and as i leave the textbox it fires a blur event which is fine.

But when i submit the form where other validators viz. requirefield validator are also placed and validated. I means there is a field location which is set to be validated by required field validator. and let’s say i leave location field empty. its validator raised.

So, After this blur event of the SP TextField title is not firing. Also would like to mention that AJAX is enabled on this Page.

could please ponder on this problem?

Thanks & Regards
Khushi

By: Chris

Chris — Thu, 10 Sep 2009 13:49:02 +0000

Hi Boris,
First thanks for this excellent article. Even though I am not a programmer, I manage to get it to work, even with 2 different cascading field in the same form.

Unfortunately, just as Mike, I am in front of the “more than 20 items” problem, and I just can’t figure it out with the little knowledge in javascript I have. Would it be possible for you to give a little example to adapt the script from the link you gave ?

thanks

By: Mike

Mike — Mon, 10 Aug 2009 21:27:25 +0000

Boris,

If you could just guid me how to “adapt” the code for more than 20 items–I would be extremely grateful. I just can’t figure it out–my javascript is not that strong…

Thx,
-MO