Need java script assistnace

[Mangalaganesh Balasubramanian]

Hi,

This is my requirement & i woudl arppreciate any assistance on this.

I ahve a scanned form which has data entered by User.

I want to have a web page which woudl display this scanned form as a
top part (a frame) and the second frame (bottom part) woudl be a HTML
Form.

Using JS when i am on a particular text field say account number, i
want the image at the top to show only the account number section of
hte image (which is @ a known co-ordinate)

Appreciate any assistnace and pointers

Manglu

[Erwin Moller]

Mangalaganesh Balasubramanian wrote:

Hi,

This is my requirement & i woudl arppreciate any assistance on this.

I ahve a scanned form which has data entered by User.

I want to have a web page which woudl display this scanned form as a
top part (a frame) and the second frame (bottom part) woudl be a HTML
Form.

Using JS when i am on a particular text field say account number, i
want the image at the top to show only the account number section of
hte image (which is @ a known co-ordinate)

Appreciate any assistnace and pointers

Manglu

Hi,

The functions that will help you with scrolling are named scrollBy() and
scrollTo().

But I think what you want is near impossible.

You can move the scrollbars in the above frame by means of Javascript so you
can automate the scrolling, but I think it is very difficult for you to
tell how much pixels it must scroll to display the right part of the image.

Regards,
Erwin Moller

[pcx99]

Mangalaganesh Balasubramanian wrote:

Hi,

This is my requirement & i woudl arppreciate any assistance on this.

I ahve a scanned form which has data entered by User.

I want to have a web page which woudl display this scanned form as a
top part (a frame) and the second frame (bottom part) woudl be a HTML
Form.

Using JS when i am on a particular text field say account number, i
want the image at the top to show only the account number section of
hte image (which is @ a known co-ordinate)

Appreciate any assistnace and pointers

First put your scanned image inside a named and styled <div>

<div id='scannedImage' class='imageClass'><img
"somegiantscannedimage.png"></div>

Next set up a CSS style.

..imageClass {
position: absolute;
}

The position MUST be absolute or none of this will work.

Next in your javascript code set the starting .left and .top elements...

document.getElementById('scannedImage').style.top= 0px;
document.getElementById('scannedImage').style.left =0px;

And then finally the command which will let you do what you want to do..

document.getElementById('scannedImage').style.clip ='rect("0px, 1000px,
1000px, 0px")';

clip basically clips a rectangle from your division and shows only the
coordinates expressed in rect. The values of rect correspond to (top,
right, bottom, left) in that order. By creating clips and then altering
style.top and style.left you can create a rectangle of any size you want
showing any spot on in the division.

You'll have to fiddle around with it but just changing the values and
seeing how that affects what you see in the web page will get you up to
speed at a fairly good clip (heh).

Good luck.

>
Manglu

--
---------------------------------------------------------------------------
http://www.hunlock.com -- Permanently under construction (And proud of it!)
$FA

[ASM]

pcx99 a écrit :

>
document.getElementById('scannedImage').style.top= 0px;
document.getElementById('scannedImage').style.left =0px;
document.getElementById('scannedImage').style.clip ='rect("0px, 1000px,
1000px, 0px")';

in my FF2, Opera, Safari, that works much more better like that :

var ref = document.getElementById('scannedImage').style;

ref.top = '0px'; // '0px' with '
ref.left = '0px';
ref.clip = 'rect(25px, 150px, 80px, 74px)'; // without "
--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date

[pcx99]

ASM wrote:

pcx99 a écrit :

>>
document.getElementById('scannedImage').style.top =0px;
document.getElementById('scannedImage').style.lef t=0px;
document.getElementById('scannedImage').style.cli p='rect("0px, 1000px,
1000px, 0px")';

in my FF2, Opera, Safari, that works much more better like that :

var ref = document.getElementById('scannedImage').style;

ref.top = '0px'; // '0px' with '
ref.left = '0px';
ref.clip = 'rect(25px, 150px, 80px, 74px)'; // without "

Yes. I really screwed up the quotes in the example. I blame it on the
cold medicine, that's my story and I'm sticking to it :D

---------------------------------------------------------------------------
http://www.hunlock.com -- Permanently under construction (And proud of it!)
$FA