Adding javascript onclick event to field

[Vircos]

Is it possible to add an javascript onclick event to a field?

[AJDulk]

Sure.

[Vircos]

Sure.

Mmm, you people of Rotterdam are very short with answers . I also should have asked how hahaha

So, how am I able to do that?

[AJDulk]

Sorry for not getting back to you earlier. The easiest way is to use an Event Listener. In the HTML++ you place a reference to your JavaScript that includes the code that parses the code looking for the field and adds the watch on the onClick event.

Depending on what browsers you are looking to support you may have bubbling issues - that is where the order in which things are processed and whether or not the processing stops may be an issue.

For an Ebase centric solution I would need to dive into the Ebase documentation and see what they have (sometimes it surprises me what has been added since I first started using Ebase).

[Vircos]

Sorry for not getting back to you earlier. The easiest way is to use an Event Listener. In the HTML++ you place a reference to your JavaScript that includes the code that parses the code looking for the field and adds the watch on the onClick event.

I have done that already.

Depending on what browsers you are looking to support you may have bubbling issues - that is where the order in which things are processed and whether or not the processing stops may be an issue.

And that's the problem which I ran into.

For an Ebase centric solution I would need to dive into the Ebase documentation and see what they have (sometimes it surprises me what has been added since I first started using Ebase).

I agree with you. However I did not find anything useable in the documentation this time.

[Simon]

Hi Vircos

We use the buildFieldArray() function that is supplied by Ebase to retrieve an array of all Ebase fields. You can then assign a function to the onclick event of each field:

Code: Select all

function assignOnClick()
{
  var countFieldArray = buildFieldArray();
  
  for&#40;var i = 0; i < countFieldArray.length; i++&#41;
  &#123;
    var thisName  = countFieldArray&#91;i&#93;.fieldName.replace&#40;'F&#58;','LF'&#41;;
    var thisField = document.getElementById&#40;thisName&#41;;
    thisField.onclick = onclickfuntion;	
  &#125;
&#125;

The above assigns the same function to all fields, but you could add some conditions in there to check for a specific field or field type, eg:

Code: Select all

if (thisField && (thisField.tagName == "TEXTAREA"))

Hope this helps

Simon