How to set an Image Controls(Other Controls Tab) URL from JavaScript onClick event???

[markmoss]

Hello


I have been unable to find an example in the Doc or the Forum ( or just not asking the question correctly ) on how to set an Image Controls( from the Other Controls Tab) URL from a JavaScript onClick event?

When I press the button, I currently get Data from a remote web server using JSON. The data is returned and then parsed.

Part of the data is a URL to an image file that I now want to display on my UX form.

I need to know how to update the Image Controls URL and display the image.


Any help would be greatly appreciated.


Mark Moss

[TheSmitchell]

Re: How to set an Image Controls(Other Controls Tab) URL from JavaScript onClick even

Are you familiar with $sa?

[markmoss]

Re: How to set an Image Controls(Other Controls Tab) URL from JavaScript onClick even

Sarah

Thank you for responding to another of my questions. I was not until you pointed it out. However I just tried to use it and it did not work.

$sa('IMAGE_1','Image URL', 'http://media.ed.edmunds-media.comhummer/h2/2003/oem/2003_hummer_h2_4dr-suv_adventure-series_fq_1_oem_1_276.jpg' );

Is their anything else that I need to do to update the image?


Mark Moss

[TheSmitchell]

Re: How to set an Image Controls(Other Controls Tab) URL from JavaScript onClick even

The attribute would be the HTML attribute. If it's an IMAGE field, then you probably want to replace 'Image URL' with 'src'. And you'll need to fully qualify your IMAGE_1 name. So, something like '{grid.object}.V.R' + {grid.rowNumber} + '.IMAGE_1' for the first argument. There's a tool in the javascript editor for inserting object names.

[markmoss]

Re: How to set an Image Controls(Other Controls Tab) URL from JavaScript onClick even

Sarah


I have tried the following and still no luck

$sa( 'DLG1.V.R1.IMAGE_1', 'src', 'http://media.ed.edmunds-media.comhummer/h2/2003/oem/2003_hummer_h2_4dr-suv_adventure-series_fq_1_oem_1_276.jpg' );

I have one button and one Image control on a UX form.

Any Ideas?


Mark Moss

[TheSmitchell]

Re: How to set an Image Controls(Other Controls Tab) URL from JavaScript onClick even

Hmmmm. Ajax callback to set the value? Maybe it needs to filename_decode the image. What errors did you see (if any) in FireBug?

[markmoss]

Re: How to set an Image Controls(Other Controls Tab) URL from JavaScript onClick even

Sarah


I use Google Chrome and their are no errors in the Javascript Console.


Mark Moss

[TheSmitchell]

Re: How to set an Image Controls(Other Controls Tab) URL from JavaScript onClick even

Is your url correct? I attempted to view it. The internet came back with no such location. You could do a quick test to verify that it's the url and not $sa. Go find an image on any website, grab the image url, and plug it into $sa('DLG1.V.R1.IMAGE_1', 'src', 'the image here'); in the javascript console.

If running $sa on your component fails to change the image, then something else is going on here. I would next try to find out 2 things - 1: what is the ID for your image component on the website and 2: where does that element store it's image url reference?

You could also run the complement, $ga, and alert/console.log the result after your $sa call to find out what value is being stored for the attribute(s) you modify in your control(s).

[markmoss]

Re: How to set an Image Controls(Other Controls Tab) URL from JavaScript onClick even

Sarah


In the $sa example I left out a slash it should have been and I had added an '_1' ----- 'oops'

$sa( 'DLG1.V.R1.IMAGE_1', 'src', 'http://media.ed.edmunds-media.com/hummer/h2/2003/oem/2003_hummer_h2_4dr-suv_adventure-series_fq_oem_1_276.jpg' );

I tested this in the JavaScript Console and it now works and does return the image --- YEA

[markmoss]

Re: How to set an Image Controls(Other Controls Tab) URL from JavaScript onClick even

Sarah


I have another question for you, where do I define JavaScript Global Variables, so that they are able to be accessed by the whole UX form, and where do I place the so they are accessable by the whole application?


Mark Moss

[TheSmitchell]

Re: How to set an Image Controls(Other Controls Tab) URL from JavaScript onClick even

I'm going to talk in terms of a Dialog 2. Because I'm not up on UX. that's a v12 feature, no?

For JavaScript variables accessible by the whole form, you can...

Declare them outright in the code > JavaScript functions:

var someVar = "pancakes";

Add them to the window:

window.__someVarWithScores = "waffles";

Or add them to the dialog object (I think this one is the best if only using it within your dialog. Don't scope higher than you need to.)

{dialog.object}.__someOtherVar = "hashbrows";

As for the whole application, I suggest using session variables or some other means server-side. Otherwise, you'll be writing a lot of ?vara=ham&varb=sandwich crap in your URLs or creating & handling a lot of cookies. URLs have a length limit. Remember: JavaScript is CLIENT-SIDE. Anything stored client side is not reliable and can be changed by the client. It lives in the client's broweser and is totally not preserved between web pages, unless you persist the data via URL parameters, cookies, or session variables/other server-side mechanisms. Every page nav = all js, HTML, CSS is re-interpreted. You're starting from scratch. Hence why you need to include the same set of js, HTML, and CSS files on every web page on your site to make all pages consistent in look/feel. Otherwise, we'd load it once and never look back. Oh Internets. You could be so much faster.