Display image named in current record

[Steve Workings]

Re: Display image named in current record

I'd keep the space out of this too:

<div id = "d1">

should be:

<div id="d1">

[James Nicholson-Plank]

Re: Display image named in current record

Im struggling with this issue myself at the moment
sorry to ask the obvious (because it wasnt obvious to me when I started)
is your image folder under the document root?

[iandb]

Re: Display image named in current record

Thank you all for your responses.

James - No it is a fully qualified path on a mapped network drive.
Steve - Took out the space but still no image.
Chad - Tried in all Caps but still no image.

I think my problem is before any code, because Bob's video shows a picture place holder upper right outside of Detail grid. I don't have that, and the video didn't show how that image field got there as the grids were already set up at start of video.
Possibly a very basic item I am missing, or is the div putting that there?

TIA

Ian B

[peteconway]

Re: Display image named in current record

You really need to put your code here, so we don't have to guess.

[chadbrown]

Re: Display image named in current record

Perhaps Bob could upload his grid for you

Chad

Sorry Bob I shouldn't have put you on the spot like that , you have helped enough already

[iandb]

Re: Display image named in current record

Again, thank you all for your interest.
Peter - The only code I can offer is that in a previous posts shown below.
Free form area = <div id = "d1"></div>
OnDetailViewRender
Java code
var img={grid.Object}._getValue('D','ImagePath',1);
$('d1').innerHTML = '<img src='+img+' />';
When I mentioned "before code" I really meant more basic than the code.

As a beginner I must acknowledge your contributions, they give me something to aspire to, be a few years yet I suspect!

Cheers

Ian B

[Steve Workings]

Re: Display image named in current record

Attached are two screenshots that show where and how you're getting to the code to insert the <div>.

[George Morley]

Re: Display image named in current record

Sort of simular to this but probably different.

I want to be able to show a PDF document that is tied to a record. The document will be PDF of operator manuals for specific mfgs/models of medical devices.
I would either like to have the document (operator manual) displayed to the side of a record or have it opened when a button is clicked.

I will be using the database for nursing to use as an on-line reference source.

[Bob Moore]

Re: Display image named in current record

OK ... a couple of things here.

OnDetailViewRender
Java code
var img={grid.Object}._getValue('D','ImagePath',1);
$('d1').innerHTML = '<img src='+img+' />';

First off .. we're writing JavaScript code here not Java code .. they are VERY different!

Next, as in all of my videos, if you see all UPPERCASE it's probably for a reason. I actually prefer to code in all lowercase and CamelCase for functions/variables, etc. Remember JavaScript is CASE SENSITIVE!

So .. 'ImagePath' in this case should be referring to a field name in the Detail View. If it is, then the way to reference this field in the .getValue method is 'IMAGEPATH' not 'ImagePath'. Upper case to reference the field names in JavaScript .. this is an Alpha Five convention.

Also, make sure you have a Detail View, since we are using 'D' for the grid part field source. If you want to use the Grid then you need to use 'G' here and you would move the event code to the onRowRender event or the onGridRender event.

Now let's talk about the most fundamental technique in JavaScript to aid you in debugging. It's the alert function. I use this quite a bit. So if you want to make sure the event you are targeting is firing, just add something like:

alert('onDetailViewRender Event Fired');

to the JavaScript tied to the event. This will bring up a message box when the event fires. Alert also can show you the contents of your JavaScript variables. You could add something like :

alert('onDetailViewRender Event Fired : img = '+img);

to see what is really stored in the JavaScript variable img.

Hope that helps.

[Steve Workings]

Re: Display image named in current record

I am this close to being able to show a .pdf in a freeform region based on a grid list. But once again my javascript is falling short.

I'm basically using Bob's method here. This one's hard-coded:

$('p1').innerHTML = '<object data='vendorlist.pdf' type='application/pdf' width='500' height='650' border='1'>';

But no matter what I do I get an error:

Expected ';'

What's wrong with this syntax?

If I try to run it anyway, it completely and immediately dumps Firefox.

[Bob Moore]

Re: Display image named in current record

I think you may need to open a PDF file in an iframe.

Anyway .. also, embed double quotes inside the Javascript single quoted string:

$('p1').innerHTML = '<object data="vendorlist.pdf" type="application/pdf" width="500" height="650" border="1">';

[Steve Workings]

Re: Display image named in current record

I can hard-code all of this -- just having trouble driving it with javascript. Workin' at it...

Bob - the suggestion you gave me below results in error "Unterminated String Constant"

[iandb]

Re: Display image named in current record

Again, thanks to all of you for your interest, nearly there I think!
Using Bob's suggestions, I removed the detail grid and moved back to the main grid using on row click, and now get the result shown in the attached bmp.
This confirms I have picked up the image (although I need to code to pick up the clicked row) but I still get the strange text from the "freeform edit region - right of grid", to the right of grid which should in fact show an image place holder.
I think once this is answered, it should work fine.

TIA

Ian B

[Steve Workings]

Re: Display image named in current record

I dunno. I've spent too many hours trying to make this work, and all I get is errors and Firefox dumping me out. If anyone knows how to fix this line of javascript then I believe I have the pdf display problem licked:

$('p1').innerHTML='<object data="vendorlist.pdf" type="application/pdf" width="500" height="650" border="1">';

More specifically, I'm going to need something like this:

$('p1').innerHTML='<object data="'+pdfname+'" type="application/pdf" width="500" height="650" border="1">';

[Bob Moore]

Re: Display image named in current record

I don't think you can load a PDF through the innerHTML property.

See this link for further info :

http://msdn.microsoft.com/en-us/libr...97(VS.85).aspx