Not possible w/o some scripting that identifies where/how the user came from
The hyperlinked page has No idea how you got to it
- clicking the linked image, or typing the URL, a bookmark or using some other link
Unless you pass (or set) some variable to the page when you click on the specific image
You would need to add a parameter to the link as say
<a href="pto_main.htm?id="img11">
Then on the receiving page (pto_main.htm) check for, or parse, the parameter and use a JavaScript write script to decide which
version of the image to display
With multiple images the process using client side scripting gets more complex
And the image state won't persist as you navigate away and back to the page,
- unless you use server side scripting to store the pressed "state" and render the image using server side coding based on that
parameters previous state
(again using a separate parameter for each image you want to "track")
IMHO
- not worth the effort or coding for more than say 1 or 2 images
- just add a border to the image and let the hyperlink colors (border) change on state changes
--
_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________
| Yep - found that out already. Still begging a howto on getting that (button)
| image to remain active (onscreen) when I click it to load the linked page
| (i.e. how do I not lose the image to another mouse event).............
|
| I know it's doable, cause I've seen it done on a ton of pages - just maybe
| not with javascript?
|
| Any more ideas/takers? Thx in advance for you benevolent beings.
|
| "Ronx" wrote:
|
| > With Frames, do not remove that onmouseup piece of code or the button will
| > stay pressed for ever.
| > --
| > Ron Symonds
| > Microsoft MVP (FrontPage)
| > Reply only to group - emails will be deleted unread.
| > FrontPage Support:
| >
http://www.frontpagemvps.com/
| >
| >
| > | > > Thx much for your quick response, Ronx. I'd already tried removing the
| > > mouseup - with the results you noted. The problem with your suggestion (I
| > > think) is that I'm using frames, and the navigation buttons are in one
| > frame
| > > that essentially remains stationary, and linked to pages load into a
| > separate
| > > (the main) frame, (except in the case of a few outside links where the
| > issue
| > > is moot). Sorry I forgot to convey that critical piece. Any ideas for
| > that
| > > scenario?
| > >
| > > "Ronx" wrote:
| > >
| > > > In the link, you could remove the
| > > > onmouseup="FP_swapImg(0,0,/*id*/'img11',/*url*/'images/bt-pto2.jpg')"
| > > >
| > > > However the next page (pto_main.htm) will still load with the original
| > > > button showing. In this page change the code to:
| > > >
| > > > <a href="pto_main.htm">
| > > > <img border="0" id="img11" src="images/bt-pto3.jpg" width="118"
| > height="32"
| > > > alt="Parent_PTO Pages"
| > > > onmouseover="FP_swapImg(1,0,/*id*/'img11',/*url*/'images/bt-pto2.jpg')"
| > > > onmouseout="FP_swapImg(0,0,/*id*/'img11',/*url*/'images/bt-pto3.jpg')"
| > > > ></a>
| > > >
| > > > --
| > > > Ron Symonds
| > > > Microsoft MVP (FrontPage)
| > > > Reply only to group - emails will be deleted unread.
| > > > FrontPage Support:
| > > >
http://www.frontpagemvps.com/
| > > >
| > > >
| > > > | > > > > I've searched through the postings and help files, but still haven't
| > found
| > > > > the right code. How do I keep the image that becomes active on mouse
| > down
| > > > to
| > > > > stay active (onscreen) when the image is clicked to link to another
| > page -
| > > > > and not disappear with mouseover? I used the code below for
| > interactive
| > > > > buttons from FP 2003 and subbed in my own images.
| > > > >
| > > > > When I click on the image to link to the "pto_main" page, I want the
| > > > > "bt-pto3" image to stay on the screen to indicate the section I'm in,
| > > > rather
| > > > > than be overridden by subsequent mouse events. If can do, how to? Be
| > > > nice,
| > > > > I'm an OOL novice. I know HTML, but not javascript. Any help would
| > be
| > > > > greatly appreciated.
| > > > >
| > > > > <a href="pto_main.htm">
| > > > >
| > > > > <img border="0" id="img11" src="images/bt-pto1.jpg" width="118"
| > > > height="32"
| > > > > alt="Parent_PTO Pages"
| > > > >
| > onmouseover="FP_swapImg(1,0,/*id*/'img11',/*url*/'images/bt-pto2.jpg')"
| > > > > onmouseout="FP_swapImg(0,0,/*id*/'img11',/*url*/'images/bt-pto1.jpg')"
| > > > >
| > onmousedown="FP_swapImg(1,0,/*id*/'img11',/*url*/'images/bt-pto3.jpg')"
| > > > > onmouseup="FP_swapImg(0,0,/*id*/'img11',/*url*/'images/bt-pto2.jpg')"
| > > > > ></a>
| > > > >
| > > >
| > > >
| > > >
| >
| >
| >
