custom control an javascript

[Jahnel]

How can I add javascript to the oncklick-event of a custom control?
Cannot find an example anywhere...
Thanks for help,
Dietmar

[Davidk]

Re: custom control an javascript

There's a property section named Custom Control Properties. In there, get into Definitions. Once in there you'll see, highlighted in yellow (thanks to Alpha - they're so good to us), the section you need to put your HTML code in. Here's a little sample that works well to create a button with an onClick event on it. What do you want to do in the onClick?

<script type="text/javascript">
 function copyText()
{
alert('hi there');
}
</script>
<button onclick="copyText()">Copy Text</button>

[Jahnel]

Re: custom control an javascript

I have this in the onDblClick-event of a label control and want to do exactly the same in the custom control:
when dblclick on the cell, set a variable and execute an action button.

window['WelcheNummer'] = {Grid.RowNumber};
var myPointer = {grid.componentName}_BUTTONS_KURZANZEIGE;
myPointer.onClick();

[Jahnel]

Re: custom control an javascript

Seems to be the right direction.
But the problem I get is: if I put this code in the custom control it is working find in working preview.
But when I put the grid on the a5w page, the javascript function is not executed when the button is clicked. Still it can be seen in firebug.
Any idea?

[Davidk]

Re: custom control an javascript

Not sure... but it's working here.

I added a field to my grid (it was a textbox field, by default) and I changed it to a Custom Control field.

In the Custom Control Properties Definition I put...

<script type="text/javascript">
 function setWinVar()
{
var rowNum = {Grid.Object}._selectedRow;
window['WelcheNummer'] = rowNum;
var myPointer = {grid.componentName}_BUTTONS_KURZANZEIGE;
myPointer.onClick();

}
</script>
<label ondblclick="setWinVar()">Set Win Var and run Action Button</label>

This code goes between the %html% tags.

I created an Action button with the same name as yours. My action button just puts out an alert showing the window var.

You'll notice that you can't use {Grid.RowNumber} in this case... you must use what's above in the code.

I put this grid into an A5W page and all is well.

The Custom Control Definition creates a label field, but you can create anything you want... you mentioned a label field... and it's running off an ondblclick event.

[Jahnel]

Re: custom control an javascript

As soon as I publish the page with the grid to the localhost I get this in firebug:
ReferenceError: setWinVar is not defined

But there migth be a completly different approach to solve my basic problem:
I have a row-event that is fine in 5 of 7 cells. The two other cells show an image which has an event of its own. When I click on the image, its own event fires (which is ok) AND the row event fires (which I don't want in this case). Can I do anything to stop the row event?
I already opened a new thread with this question, but no answer so far.
Again, many thanks for your ideas!

[agillbb]

Re: custom control an javascript

btw...should be myPointer.click();

[Jahnel]

Re: custom control an javascript

I found this one in a more sophisticated a5-sample, wich show how to use a pointer-var:
onClick() calls the onclick-event.

var myPointer = {grid.componentName}_BUTTONS_KURZANZEIGE;
myPointer.setDisabled(true/false)
myPointer.setDisplay(true/false)
myPointer.html = 'New Button Text'
myPointer.onClick = function() {alert('now say hello');}
myPointer.layout = 'icon text';
myPointer.icon = 'images/$$application.alpha.png.a5image';
myPointer.refresh();


onClick()

[Davidk]

Re: custom control an javascript

Hey Andy... you'd think so, but myPointer.click(); throws an error and myPoint.onClick(); doesn't.

[agillbb]

Re: custom control an javascript

oh, sorry, you're correct - i misread that it was the a5 element method being called.