Image Link

Need help in creating an image link for 1st column in Grid. The image displays ok but the link doesn't work. Thanks for any help!

Below is my example code:

var obj = new AW.UI.Grid;
obj.setCellData("cell");
obj.setHeaderText("header");

obj.setColumnCount(2);
obj.setRowCount(2);

var imageLink = new AW.Templates.ImageText;
imageLink.getContent("box/image").setTag("a");
imageLink.getContent("box/image").setAttribute("href", function(){
return this.getCellProperty("link");
});

obj.setCellTemplate(imageLink, 0);
obj.setCellImage("favorites");
obj.setCellLink("http://www.google.com");
document.write(obj);

The below opens the url but I don't want the text to show a link. I want the link to only work when the image is clicked.

obj.setCellImage("favorites",1);
obj.setCellLink("http://www.google.com", 1);
obj.setCellTemplate(new AW.Templates.Link, 1);

I do it a different way actually.

Let's say the data set has in it:
"Google","google","http://www.google.com"

I do this:
// Setting Imp Icons
obj.setCellText(function(col,row){
return "<a target='_new' href='"+
this.getCellValue(3,row) +
"'><img border='0' src='http://www.domain.com/images/" +
this.getCellValue(1,row) + ".gif'></a>"
},0);

What it does is set column 0 (Google) to the LINK in column 2 (http://www.google.com" with an image in column 2 (google)

Now, here is the thing. I take the value of "google" from column 1 and add to it in the FRONT the the http location and to the END I add ".gif"

This way, I don't have to use CSS to define ALL the images I need. In my case, I can't use CSS because I'd have about 500 CSS statements. So I just reference the image file on the server directly.

Hope it helps (someone helped me with it).
I do have a working example if you want to see it.

Can you send me a working example or link at gary.riojas@sug.com? Thanks for your help!

Also, I have another grid that has a contract number in column 1 and I want to open a contract search popup by clicking on an image and return the results to the grid. My grid data doesn't have a url in it. I was wanting to open a contract search popup by clicking on an image instead of the actual contract number in column 1. I guess this isn't possible? Maybe I need another column for the image link? Thanks for the help in advance!

Take a look at the link below with Internet Explorer (I have some rework to do to make it function with Firefox:

https://www.pjm.com/planning/project-queues/queue-gen-active.jsp

On the page, click a different "tab" than "R" (which is blank at the moment - so the grid is empty. Pick the "A" Tab.

The FEAS, IMP. FAC, ISA, CSA image dots load a PDF if you click on them.

If you role over the "St" column, it should also display the County as a tooltip.

I'm not exactly sure what you are trying to do with the contract piece, but I'm sure with a little creative coding (and if I understood it better) it is possible.

Forum search