Showing a Dialog Component after the Video Player is closed

[bill_from_jpt]

Hello,

The use case is this - After a video player is done (or closed), I would like to open a dialog (and pass it some info about the video) so that you can rate the video.

Implementation:
Using the Video Player component (as implemented using Bob Moore's videos), the video player is housed in a simple grid.

Within that grid, the field that opens the player is an image control with the OnClick event set to trigger the video player (using Action Javascript's "Open a Video Component").

When you edit that Event, you get a window that among other things allows you to set "Window Javascript" events. Bob Moore indicates that you should add code to close out the video player. This code is added in the "On Hide" section of the Windows Javascript.

I would like to add additional code there that will pass the id of video to a dialog component and open it.

But I cannot find a grid method (in the available list) that would do this.

Any ideas where to go next - or if there is another way to accomplish this??

thanks,
bill

[bill_from_jpt]

Re: Showing a Dialog Component after the Video Player is closed

Updating my original post, the Windows Javascript code editor (which is available from the grid by traversing JavaScript -> OnClick -> 'Edit Action' -> OnHide) has the following grid method (among many others in the list):

{grid.Object}.ajaxCallback(part,rowNum,xbasicFunction [,callbackURL [,additionalData]])

I wrote an Xbasic function called 'contactus' but I don't know where to put it so that it is accessible to this grid method.


calling it from OnHide (ie {grid.Object}.ajaxCallback('G',1,'contactus') produces a "cannot find the function" message

I also tried writing an A5w page that holds a dialog component. This does not produce an error, but it does't produce any dialog either?

(ie. {grid.Object}.ajaxCallback('G',1,'contactus','fb_video.a5w') )

I can't find much detail on how to implement the ajaxCallback from inside the Windows Javascript code editor in a grid.

Any point in the right direction would be much appreciated.

[Davidk]

Re: Showing a Dialog Component after the Video Player is closed

Which Video of Bob's were you looking at - post a link here. I've think I've seen that one before, just one to make sure. Then I can see what's available.

[Davidk]

Re: Showing a Dialog Component after the Video Player is closed

Ok... found the video... knew I had it tucked away in the "Golden Folder"... 'cause it's Bob's. Anyway. You don't really need to use an Ajax Callback. You can do this with a cool trick. There are probably other ways, but this is really neat.

Start by putting a new button on your grid. You can hide it - we don't need to see it after we're done using it. In fact, we probably don't need it at all... but that will be Part 2.

So, we have a button. For that button, add an onClick event, Action Javascript, Open a Dialog Component... and set it up to open your Rating dialog... and save it all.

Next, go back into that onClick event. You'll see your Action Javascript there, and across the top of this window, next to the Action Javascript radio button, is another radio button labelled Text mode. Click it.

You'll get a warning, but continue. You'll now see some Javascript that will look like this...

{grid.componentName}_G__UNBOUND_BUTTON_2_1({grid.rownumber},'{grid.rowId}',this);

Copy this code... we'll need it in a minute.

But, while we're here, click one of the tabs at the bottom labelled "Declarations - Global". Here is all the Javascript code that calls your dialog... so cool. This all stays in place. Save all this and close it.

Now, go back into your onHide event. After, the clearVideo method, put this...

var rowNum = {Grid.Object}._selectedRow;

and now paste in the code you copied earlier... this is the code that calls the function defined in that "Declarations - Global" section.

EDIT: I forgot to detail this next part. You need to change the {grid.rowumber} part to rowNum. So, the code in the onHide event should look something like this.

{Grid.ChildObject}.clearVideo();
var rowNum = {Grid.Object}._selectedRow;
{grid.componentName}_G__UNBOUND_BUTTON_2_1(rowNum,'{grid.rowId}',this);

Your button name may be different but the rest should be the same.

You can hide that new button now.

So, the onHide event clears the video, gets the current row, and makes a call to that code to open your dialog.

Cool?

[bill_from_jpt]

Re: Showing a Dialog Component after the Video Player is closed

This is fantastic! I am on the road, so I haven't finished coding it yet, but I see what you've done here.

Thanks doesn't do it justice - but Thanks!

[bill_from_jpt]

Re: Showing a Dialog Component after the Video Player is closed

David,

I am getting syntax and runtime errors indicating "Unexpected ':'"

I tried the syntax you provided and the following variation

{Grid.ChildObject}.clearVideo();
var rowNum = {Grid.Object}._selectedRow;
{grid.componentName}_G__UNBOUND_BUTTON_1_1({rowNum},'{grid.rowId}',this);

They both yielded the same error message. I am still tracking it down.

Thanks,
Bill

[Davidk]

Re: Showing a Dialog Component after the Video Player is closed

So sorry Bill... it's me... I forgot to detail the process of changing the call to the unbound button. The code in the onHide event should be this... with the exception of the button name. The button name is whatever yours is.

{Grid.ChildObject}.clearVideo();
var rowNum = {Grid.Object}._selectedRow;
{grid.componentName}_G__UNBOUND_BUTTON_2_1(rowNum,'{grid.rowId}',this);

See where rowNum is being used in the button call. In the original code, {grid.rownumber} was being used because it's available. Here in the onHide event it isn't available, so we use another way of getting the current row number.

[bill_from_jpt]

Re: Showing a Dialog Component after the Video Player is closed

Got it David.

It works great!

Thank you very much.

Do you know if the dialog that opens has access to the data from the grid that called it? I need to pass some data to the dialog.
If it does not, I can use sesison variables.


Regards,
Bill
Do you know of one place that lists the grid.object methods.