Set source for the image object - Dashcode related

Question

How can one change the source of an image object in Dashcode (Javascript) at runtime?

I tried:

var image = document.getElementById("image").object; image.src = "IMG_0230.JPG";

Answer 1

I have an image in a list view and I've set up a value transformer for that image that takes the name of the image file stored in the datasource and prepends a URL path to load the file from the server it resides on.

Is this similar to what you're trying to do? If so, then there is a section on Value Transformers in the DashCode doc. It's one of the few things that is documented! :)

Answer 2

I got this to work
I made sure that the image was stored in the Images folder of the project

var image = document.getElementById("image");
image.firstElementChild.src = "image source";

Answer 3

I'm not sure what the point of .object is, the reference should be enough. Is there an object property?

Answer 4

image.setSrc function is not working for me.

I found another way to solve the problem -

document.getElementById("imageView").innerHTML = '<img id="DC_img" 
    class="apple-hidden" apple-group="image" src="' + url + '">';

The Image Part of Dashcode creates a div block and inside it it creates img tag that contains source as attribute. So, either write the innerHTML for imageView or find the img tag with its ID and use setAttribute() function.

Answer 5

I always use this

var image = document.getElementById("imagetobeset");
image.firstElementChild.src = "imagefile";

Where imagetobeset is the name of the element you want to change and imagefile is the name of the file you want your image source to be set to.

Answer 6

Simply try this, it will work

document.getElementById("image").src="fineName.jpg";