Mouse over help needed

John Blaustein · Dec 6, 2003

Hi...

I'm using FP2002 and have tried everything I can think of the achieve a
particular mouse over result, but I'm not quite getting it.

What I'm trying to do is illustrated on this page:
http://www.jjdonline.com/html_files/design/printtable-r.html

I want to be able to change the numbers -- as in having them circled when
the mouse is over them -- AND change the larger photo at the top of the
page. I've figured out how to use the DHTML toolbar (Format>Dynamic HTML
Effects) to change an image (swap picture) when the mouse is over it (or the
mouse is clicked), but I can't figure out how to have the mouse over one
image change both that image AND another image at the same time. As on the
page linked above, the mouse over the small numbers changes the image of the
number to include the small circle, AND it changes the larger image above.

I'm also stuck on a simpler version of the same issue -- how to have the
mouse point at one image (like the numbers on the linked page example), and
change the larger image. In other words, I may not want to add the small
circle around each number. I may simply want pointing at one image to
change another image. (Hope this is clear. I'm not trying to copy the
sample page, but I want to achieve similar results.)

Is this possible in FP2002 without buying an add-ins? If not, can someone
suggest an inexpensive add-in for this function.

Thanks for any help!

John

Jim Buyens · Dec 7, 2003

-----Original Message-----

Hi...
Howdy.

I'm using FP2002 and have tried everything I can think
of the achieve a particular mouse over result, but I'm
not quite getting it.

What I'm trying to do is illustrated on this page:
http://www.jjdonline.com/html_files/design/printtable- r.html

I want to be able to change the numbers -- as in having
them circled when the mouse is over them -- AND change
the larger photo at the top of the page. I've figured
out how to use the DHTML toolbar (Format>Dynamic HTML
Effects) to change an image (swap picture) when the
mouse is over it (or the mouse is clicked), but I can't
figure out how to have the mouse over one image change
both that image AND another image at the same time. As
on the page linked above, the mouse over the small
numbers changes the image of the number to include the
small circle, AND it changes the larger image above.

FrontPage 2002 can't do this through the GUI, but you can
do it in JavaScript. First, in the <head> section, add
some code like the following:

<script>
var b1ovr= new Image() ; b1ovr.src = "images/b1ovr.gif";
var b1out= new Image() ; b1out.src = "images/b1out.gif";
var b1oth= new Image() ; b1oth.src = "images/b1oth.gif";

var b2ovr= new Image() ; b2ovr.src = "images/b2ovr.gif";
var b2out= new Image() ; b2out.src = "images/b2out.gif";
var b2oth= new Image() ; b2oth.src = "images/b2oth.gif";

function flipPics(btnName, imgBtn, imgOther) {
if (document.images){
document[btnName].src = eval(imgBtn + ".src");
document.otherpic.src = eval(imgOther + ".src");
}
return true;
}
</script>

Where:
b1out.gif is the normal picture for button 1.
b1ovr.gif is the mouseover picture for button 1.
b1oth.gif is the picture located elsewhere for button 1.
and so forth for each button. Then, code each button like
this:

<a href="javascript:nothing();"
onmouseover="flipPics('btnTwo','b2ovr','b2oth')"
onmouseout="flipPics('btnTwo','b2out','b1oth')">
<img name="btnTwo" src="../images/b2out.gif"
border="0"</a>

The href= location can, of course, be any valid URL.

The first argument to flipPics specifies the name of the
button picture (the value of its name= attribute).

The second argument specifies the name of the image
object that will replace the normal button picture.

The third argument specifies the name of the image object
that will replace the picture located elsewhere on the
page.

FP2003 *can* do this through the GUI. You might want to
consider upgrading rather than spending money on a FP2002
add-in.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
|| Microsoft FrontPage Version 2002 Inside Out
|| Web Database Development Step by Step .NET Edition
|| Troubleshooting Microsoft FrontPage 2002
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

John Blaustein · Dec 7, 2003

Jim,

Thanks so much for your reply.

I'm not very comfortable with programming and rely on FP to do it for me. I
will see what I can do with the code you provided, however.

I'd upgrade to FP 2003 in a minute, but my main work PC still has Windows
98SE running on it, and I read on the MS Web site that FP2003 requires XP.
I hesitate to upgrade 98SE to XP because I've heard that can lead to many
problems. Reformatting the HD and doing a fresh install of XP is an option,
but it's such a hassle to reinstall all of my software. I may buy a new PC
in the next few months, so I may just wait until then to move to XP and
FP2003.

Do you know if FP2003 will run under Windows 98SE, even though MS says it
requires XP?

Also, can you recommend an FP add-in that will do what I'm looking for, just
in case I strike out working in HTML?

John

Jim Buyens said:
-----Original Message-----
Hi...
Howdy.

I'm using FP2002 and have tried everything I can think
of the achieve a particular mouse over result, but I'm
not quite getting it.

What I'm trying to do is illustrated on this page:
http://www.jjdonline.com/html_files/design/printtable- r.html

I want to be able to change the numbers -- as in having
them circled when the mouse is over them -- AND change
the larger photo at the top of the page. I've figured
out how to use the DHTML toolbar (Format>Dynamic HTML
Effects) to change an image (swap picture) when the
mouse is over it (or the mouse is clicked), but I can't
figure out how to have the mouse over one image change
both that image AND another image at the same time. As
on the page linked above, the mouse over the small
numbers changes the image of the number to include the
small circle, AND it changes the larger image above.

Click to expand...

FrontPage 2002 can't do this through the GUI, but you can
do it in JavaScript. First, in the <head> section, add
some code like the following:

<script>
var b1ovr= new Image() ; b1ovr.src = "images/b1ovr.gif";
var b1out= new Image() ; b1out.src = "images/b1out.gif";
var b1oth= new Image() ; b1oth.src = "images/b1oth.gif";

var b2ovr= new Image() ; b2ovr.src = "images/b2ovr.gif";
var b2out= new Image() ; b2out.src = "images/b2out.gif";
var b2oth= new Image() ; b2oth.src = "images/b2oth.gif";

function flipPics(btnName, imgBtn, imgOther) {
if (document.images){
document[btnName].src = eval(imgBtn + ".src");
document.otherpic.src = eval(imgOther + ".src");
}
return true;
}
</script>

Where:
b1out.gif is the normal picture for button 1.
b1ovr.gif is the mouseover picture for button 1.
b1oth.gif is the picture located elsewhere for button 1.
and so forth for each button. Then, code each button like
this:

<a href="javascript:nothing();"
onmouseover="flipPics('btnTwo','b2ovr','b2oth')"
onmouseout="flipPics('btnTwo','b2out','b1oth')">
<img name="btnTwo" src="../images/b2out.gif"
border="0"</a>

The href= location can, of course, be any valid URL.

The first argument to flipPics specifies the name of the
button picture (the value of its name= attribute).

The second argument specifies the name of the image
object that will replace the normal button picture.

The third argument specifies the name of the image object
that will replace the picture located elsewhere on the
page.

FP2003 *can* do this through the GUI. You might want to
consider upgrading rather than spending money on a FP2002
add-in.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
|| Microsoft FrontPage Version 2002 Inside Out
|| Web Database Development Step by Step .NET Edition
|| Troubleshooting Microsoft FrontPage 2002
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

Thomas A. Rowe · Dec 7, 2003

This is not something that any version of FP can do directly. You will have
to do this, using a JavaScript mouse over scripts, where you manually modify
it to change a image in another location on the page.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================

John Blaustein said:
Jim,

Thanks so much for your reply.

I'm not very comfortable with programming and rely on FP to do it for me. I
will see what I can do with the code you provided, however.

I'd upgrade to FP 2003 in a minute, but my main work PC still has Windows
98SE running on it, and I read on the MS Web site that FP2003 requires XP.
I hesitate to upgrade 98SE to XP because I've heard that can lead to many
problems. Reformatting the HD and doing a fresh install of XP is an option,
but it's such a hassle to reinstall all of my software. I may buy a new PC
in the next few months, so I may just wait until then to move to XP and
FP2003.

Do you know if FP2003 will run under Windows 98SE, even though MS says it
requires XP?

Also, can you recommend an FP add-in that will do what I'm looking for, just
in case I strike out working in HTML?

John

Jim Buyens said:

-----Original Message-----
Hi...
Howdy.

I'm using FP2002 and have tried everything I can think
of the achieve a particular mouse over result, but I'm
not quite getting it.

What I'm trying to do is illustrated on this page:
http://www.jjdonline.com/html_files/design/printtable- r.html

I want to be able to change the numbers -- as in having
them circled when the mouse is over them -- AND change
the larger photo at the top of the page. I've figured
out how to use the DHTML toolbar (Format>Dynamic HTML
Effects) to change an image (swap picture) when the
mouse is over it (or the mouse is clicked), but I can't
figure out how to have the mouse over one image change
both that image AND another image at the same time. As
on the page linked above, the mouse over the small
numbers changes the image of the number to include the
small circle, AND it changes the larger image above.

Click to expand...

FrontPage 2002 can't do this through the GUI, but you can
do it in JavaScript. First, in the <head> section, add
some code like the following:

<script>
var b1ovr= new Image() ; b1ovr.src = "images/b1ovr.gif";
var b1out= new Image() ; b1out.src = "images/b1out.gif";
var b1oth= new Image() ; b1oth.src = "images/b1oth.gif";

var b2ovr= new Image() ; b2ovr.src = "images/b2ovr.gif";
var b2out= new Image() ; b2out.src = "images/b2out.gif";
var b2oth= new Image() ; b2oth.src = "images/b2oth.gif";

function flipPics(btnName, imgBtn, imgOther) {
if (document.images){
document[btnName].src = eval(imgBtn + ".src");
document.otherpic.src = eval(imgOther + ".src");
}
return true;
}
</script>

Where:
b1out.gif is the normal picture for button 1.
b1ovr.gif is the mouseover picture for button 1.
b1oth.gif is the picture located elsewhere for button 1.
and so forth for each button. Then, code each button like
this:

<a href="javascript:nothing();"
onmouseover="flipPics('btnTwo','b2ovr','b2oth')"
onmouseout="flipPics('btnTwo','b2out','b1oth')">
<img name="btnTwo" src="../images/b2out.gif"
border="0"</a>

The href= location can, of course, be any valid URL.

The first argument to flipPics specifies the name of the
button picture (the value of its name= attribute).

The second argument specifies the name of the image
object that will replace the normal button picture.

The third argument specifies the name of the image object
that will replace the picture located elsewhere on the
page.

FP2003 *can* do this through the GUI. You might want to
consider upgrading rather than spending money on a FP2002
add-in.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
|| Microsoft FrontPage Version 2002 Inside Out
|| Web Database Development Step by Step .NET Edition
|| Troubleshooting Microsoft FrontPage 2002
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

Click to expand...

MD WebsUnlimited.com · Dec 7, 2003

Hi John,

J-Bots Image JavaScript components can accomplish this.

--
Mike -- FrontPage MVP '97 - '02
http://www.websunlimited.com
Our latest products "At Your Command" and IncludeASP
http://www.websunlimited.com/order/Product/AYC/ayc.htm
http://www.websunlimited.com/order/product/includeASP/includeASP.htm

John Blaustein · Dec 7, 2003

Thanks, Mike!

Image Changer will do what I want. Is it possible to buy just that one
J-Bot or is it necessary to buy the entire Image Components package?

Last February, I tried Spam Stopper and it didn't work. I tried to access
that page on your site just now and it isn't available. Has Spam Stopper
changed since Feb '03?

Can more than one Day Of Week Image be used on the same page with the same
image? In other words, if I want a different image to appear every day, can
I use seven instances of Day Of Week Image?

Again, thank you!

John

John Blaustein · Dec 7, 2003

Thanks, Tom!

John

Thomas A. Rowe said:
This is not something that any version of FP can do directly. You will have
to do this, using a JavaScript mouse over scripts, where you manually modify
it to change a image in another location on the page.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================

John Blaustein said:

Jim,

Thanks so much for your reply.

I'm not very comfortable with programming and rely on FP to do it for

Click to expand...

me.

I
will see what I can do with the code you provided, however.

I'd upgrade to FP 2003 in a minute, but my main work PC still has Windows
98SE running on it, and I read on the MS Web site that FP2003 requires XP.
I hesitate to upgrade 98SE to XP because I've heard that can lead to many
problems. Reformatting the HD and doing a fresh install of XP is an option,
but it's such a hassle to reinstall all of my software. I may buy a new PC
in the next few months, so I may just wait until then to move to XP and
FP2003.

Do you know if FP2003 will run under Windows 98SE, even though MS says it
requires XP?

Also, can you recommend an FP add-in that will do what I'm looking for, just
in case I strike out working in HTML?

John

Jim Buyens said:

-----Original Message-----
Hi...

Howdy.

I'm using FP2002 and have tried everything I can think
of the achieve a particular mouse over result, but I'm
not quite getting it.

What I'm trying to do is illustrated on this page:
http://www.jjdonline.com/html_files/design/printtable-
r.html

I want to be able to change the numbers -- as in having
them circled when the mouse is over them -- AND change
the larger photo at the top of the page. I've figured
out how to use the DHTML toolbar (Format>Dynamic HTML
Effects) to change an image (swap picture) when the
mouse is over it (or the mouse is clicked), but I can't
figure out how to have the mouse over one image change
both that image AND another image at the same time. As
on the page linked above, the mouse over the small
numbers changes the image of the number to include the
small circle, AND it changes the larger image above.

FrontPage 2002 can't do this through the GUI, but you can
do it in JavaScript. First, in the <head> section, add
some code like the following:

<script>
var b1ovr= new Image() ; b1ovr.src = "images/b1ovr.gif";
var b1out= new Image() ; b1out.src = "images/b1out.gif";
var b1oth= new Image() ; b1oth.src = "images/b1oth.gif";

var b2ovr= new Image() ; b2ovr.src = "images/b2ovr.gif";
var b2out= new Image() ; b2out.src = "images/b2out.gif";
var b2oth= new Image() ; b2oth.src = "images/b2oth.gif";

function flipPics(btnName, imgBtn, imgOther) {
if (document.images){
document[btnName].src = eval(imgBtn + ".src");
document.otherpic.src = eval(imgOther + ".src");
}
return true;
}
</script>

Where:
b1out.gif is the normal picture for button 1.
b1ovr.gif is the mouseover picture for button 1.
b1oth.gif is the picture located elsewhere for button 1.
and so forth for each button. Then, code each button like
this:

<a href="javascript:nothing();"
onmouseover="flipPics('btnTwo','b2ovr','b2oth')"
onmouseout="flipPics('btnTwo','b2out','b1oth')">
<img name="btnTwo" src="../images/b2out.gif"
border="0"</a>

The href= location can, of course, be any valid URL.

The first argument to flipPics specifies the name of the
button picture (the value of its name= attribute).

The second argument specifies the name of the image
object that will replace the normal button picture.

The third argument specifies the name of the image object
that will replace the picture located elsewhere on the
page.

FP2003 *can* do this through the GUI. You might want to
consider upgrading rather than spending money on a FP2002
add-in.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
|| Microsoft FrontPage Version 2002 Inside Out
|| Web Database Development Step by Step .NET Edition
|| Troubleshooting Microsoft FrontPage 2002
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

Click to expand...

Click to expand...

MD WebsUnlimited.com · Dec 7, 2003

Hi John,

See below.

John Blaustein said:
Thanks, Mike!

Image Changer will do what I want. Is it possible to buy just that one
J-Bot or is it necessary to buy the entire Image Components package?

We only sell the package.

Last February, I tried Spam Stopper and it didn't work. I tried to access
that page on your site just now and it isn't available. Has Spam Stopper
changed since Feb '03?

Isn't available from where?
http://www.websunlimited.com/order/Product/SpamStopper/spam_stopper_help_dir.htm

What did not work? I've only got one outstanding issue and it should be
corrected Monday.

Can more than one Day Of Week Image be used on the same page with the same
image? In other words, if I want a different image to appear every day, can
I use seven instances of Day Of Week Image?

You bet.

Jim Buyens · Dec 8, 2003

Thomas A. Rowe said:
This is not something that any version of FP can do directly. You will have
to do this, using a JavaScript mouse over scripts, where you manually modify
it to change a image in another location on the page.

No, FP2003 can do this. You select the button image, then display the
Bahaviors task pane, then set up onmouseover and onmouseout Behaviors
for the button picture. Then, you set up onmouseover and onmouseout
Behaviors on the button that modify the other picture.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
|| Microsoft FrontPage Version 2002 Inside Out
|| Web Database Development Step by Step .NET Edition
|| Troubleshooting Microsoft FrontPage 2002
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

Thomas A. Rowe · Dec 8, 2003

Jim,

Thanks for the correction.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================

Thomas A. Rowe · Dec 8, 2003

John,

See:
http://www.ycoln-resources.com/resources/scripts/default.asp#script11

I forgot that I had this on my site.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================

John Blaustein said:
Thanks, Tom!

John

Thomas A. Rowe said:

This is not something that any version of FP can do directly. You will have
to do this, using a JavaScript mouse over scripts, where you manually modify
it to change a image in another location on the page.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

John Blaustein said:

Jim,

Thanks so much for your reply.

I'm not very comfortable with programming and rely on FP to do it for

Click to expand...

me.

I
will see what I can do with the code you provided, however.

I'd upgrade to FP 2003 in a minute, but my main work PC still has Windows
98SE running on it, and I read on the MS Web site that FP2003 requires XP.
I hesitate to upgrade 98SE to XP because I've heard that can lead to many
problems. Reformatting the HD and doing a fresh install of XP is an option,
but it's such a hassle to reinstall all of my software. I may buy a

Click to expand...

new
PC

in the next few months, so I may just wait until then to move to XP and
FP2003.

Do you know if FP2003 will run under Windows 98SE, even though MS says it
requires XP?

Also, can you recommend an FP add-in that will do what I'm looking

Click to expand...

for,
just

in case I strike out working in HTML?

John

-----Original Message-----
Hi...

Howdy.

I'm using FP2002 and have tried everything I can think
of the achieve a particular mouse over result, but I'm
not quite getting it.

What I'm trying to do is illustrated on this page:
http://www.jjdonline.com/html_files/design/printtable-
r.html

I want to be able to change the numbers -- as in having
them circled when the mouse is over them -- AND change
the larger photo at the top of the page. I've figured
out how to use the DHTML toolbar (Format>Dynamic HTML
Effects) to change an image (swap picture) when the
mouse is over it (or the mouse is clicked), but I can't
figure out how to have the mouse over one image change
both that image AND another image at the same time. As
on the page linked above, the mouse over the small
numbers changes the image of the number to include the
small circle, AND it changes the larger image above.

FrontPage 2002 can't do this through the GUI, but you can
do it in JavaScript. First, in the <head> section, add
some code like the following:

<script>
var b1ovr= new Image() ; b1ovr.src = "images/b1ovr.gif";
var b1out= new Image() ; b1out.src = "images/b1out.gif";
var b1oth= new Image() ; b1oth.src = "images/b1oth.gif";

var b2ovr= new Image() ; b2ovr.src = "images/b2ovr.gif";
var b2out= new Image() ; b2out.src = "images/b2out.gif";
var b2oth= new Image() ; b2oth.src = "images/b2oth.gif";

function flipPics(btnName, imgBtn, imgOther) {
if (document.images){
document[btnName].src = eval(imgBtn + ".src");
document.otherpic.src = eval(imgOther + ".src");
}
return true;
}
</script>

Where:
b1out.gif is the normal picture for button 1.
b1ovr.gif is the mouseover picture for button 1.
b1oth.gif is the picture located elsewhere for button 1.
and so forth for each button. Then, code each button like
this:

<a href="javascript:nothing();"
onmouseover="flipPics('btnTwo','b2ovr','b2oth')"
onmouseout="flipPics('btnTwo','b2out','b1oth')">
<img name="btnTwo" src="../images/b2out.gif"
border="0"</a>

The href= location can, of course, be any valid URL.

The first argument to flipPics specifies the name of the
button picture (the value of its name= attribute).

The second argument specifies the name of the image
object that will replace the normal button picture.

The third argument specifies the name of the image object
that will replace the picture located elsewhere on the
page.

FP2003 *can* do this through the GUI. You might want to
consider upgrading rather than spending money on a FP2002
add-in.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
|| Microsoft FrontPage Version 2002 Inside Out
|| Web Database Development Step by Step .NET Edition
|| Troubleshooting Microsoft FrontPage 2002
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

Click to expand...

Click to expand...

MD WebsUnlimited.com · Dec 8, 2003

That is a lot of steps, "What's your time worth?"

Take a look a J-bots Image Changer Component.
http://www.websunlimited.com/order/Product/Image/Image_help_dir.htm
--
Mike -- FrontPage MVP '97 - '02
http://www.websunlimited.com
Our latest products "At Your Command" and IncludeASP
http://www.websunlimited.com/order/Product/AYC/ayc.htm
http://www.websunlimited.com/order/product/includeASP/includeASP.htm

John Blaustein · Dec 8, 2003

Thanks, Tom!

Script 11 will do it. Script 8 is good too. I wonder if the two can be
used together? Used together, I could have the number (1,2,3,4,5) change,
as in the Script 8 sample, and the image change remotely as in the Script 11
sample. I'll fool around and see if I can make that work.

John

Thomas A. Rowe said:
John,

See:
http://www.ycoln-resources.com/resources/scripts/default.asp#script11

I forgot that I had this on my site.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================

John Blaustein said:

Thanks, Tom!

John

Thomas A. Rowe said:

This is not something that any version of FP can do directly. You will have
to do this, using a JavaScript mouse over scripts, where you manually modify
it to change a image in another location on the page.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Jim,

Thanks so much for your reply.

I'm not very comfortable with programming and rely on FP to do it

Click to expand...

for
me.

I
will see what I can do with the code you provided, however.

I'd upgrade to FP 2003 in a minute, but my main work PC still has Windows
98SE running on it, and I read on the MS Web site that FP2003

Click to expand...

requires
XP.

I hesitate to upgrade 98SE to XP because I've heard that can lead to many
problems. Reformatting the HD and doing a fresh install of XP is an
option,
but it's such a hassle to reinstall all of my software. I may buy a new
PC
in the next few months, so I may just wait until then to move to XP and
FP2003.

Do you know if FP2003 will run under Windows 98SE, even though MS

Click to expand...

says
it

requires XP?

Also, can you recommend an FP add-in that will do what I'm looking for,
just
in case I strike out working in HTML?

John

-----Original Message-----
Hi...

Howdy.

I'm using FP2002 and have tried everything I can think
of the achieve a particular mouse over result, but I'm
not quite getting it.

What I'm trying to do is illustrated on this page:
http://www.jjdonline.com/html_files/design/printtable-
r.html

I want to be able to change the numbers -- as in having
them circled when the mouse is over them -- AND change
the larger photo at the top of the page. I've figured
out how to use the DHTML toolbar (Format>Dynamic HTML
Effects) to change an image (swap picture) when the
mouse is over it (or the mouse is clicked), but I can't
figure out how to have the mouse over one image change
both that image AND another image at the same time. As
on the page linked above, the mouse over the small
numbers changes the image of the number to include the
small circle, AND it changes the larger image above.

FrontPage 2002 can't do this through the GUI, but you can
do it in JavaScript. First, in the <head> section, add
some code like the following:

<script>
var b1ovr= new Image() ; b1ovr.src = "images/b1ovr.gif";
var b1out= new Image() ; b1out.src = "images/b1out.gif";
var b1oth= new Image() ; b1oth.src = "images/b1oth.gif";

var b2ovr= new Image() ; b2ovr.src = "images/b2ovr.gif";
var b2out= new Image() ; b2out.src = "images/b2out.gif";
var b2oth= new Image() ; b2oth.src = "images/b2oth.gif";

function flipPics(btnName, imgBtn, imgOther) {
if (document.images){
document[btnName].src = eval(imgBtn + ".src");
document.otherpic.src = eval(imgOther + ".src");
}
return true;
}
</script>

Where:
b1out.gif is the normal picture for button 1.
b1ovr.gif is the mouseover picture for button 1.
b1oth.gif is the picture located elsewhere for button 1.
and so forth for each button. Then, code each button like
this:

<a href="javascript:nothing();"
onmouseover="flipPics('btnTwo','b2ovr','b2oth')"
onmouseout="flipPics('btnTwo','b2out','b1oth')">
<img name="btnTwo" src="../images/b2out.gif"
border="0"</a>

The href= location can, of course, be any valid URL.

The first argument to flipPics specifies the name of the
button picture (the value of its name= attribute).

The second argument specifies the name of the image
object that will replace the normal button picture.

The third argument specifies the name of the image object
that will replace the picture located elsewhere on the
page.

FP2003 *can* do this through the GUI. You might want to
consider upgrading rather than spending money on a FP2002
add-in.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
|| Microsoft FrontPage Version 2002 Inside Out
|| Web Database Development Step by Step .NET Edition
|| Troubleshooting Microsoft FrontPage 2002
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

Click to expand...

Click to expand...

John Blaustein · Dec 8, 2003

Thanks, Mike!

For some reason, your home page link to Spam Stopper wasn't working for me
yesterday. It works fine now.

It's been a while since I used SpamStopper and ran into problems, but as I
recall the changes it made created spacing problems. Also, I think it was
not correctly finding all mailto: links. Anyway, I may give it another try.

Thanks again,

John

MD WebsUnlimited.com · Dec 8, 2003

Sorry about that. We,ve been redoing menus.
--
Mike -- FrontPage MVP '97 - '02
http://www.websunlimited.com
Our latest products "At Your Command" and IncludeASP
http://www.websunlimited.com/order/Product/AYC/ayc.htm
http://www.websunlimited.com/order/product/includeASP/includeASP.htm

John Blaustein · Dec 8, 2003

Mike,

I sure wish you sold your various J-Bots separately. I'm not in the Web
design business -- I have designed and I maintain my own site
(johnblaustein.com). I would use one or two of the Image J-Bots, and I'd
likely only use them once or twice, so I'm reluctant to buy a whole package
for $30 that includes many items I would never use.

John

We only sell the package.

<SNIP>

MD WebsUnlimited.com · Dec 8, 2003

John,

That is coming at the first of the year.

--
Mike -- FrontPage MVP '97 - '02
http://www.websunlimited.com
Our latest products "At Your Command" and IncludeASP
http://www.websunlimited.com/order/Product/AYC/ayc.htm
http://www.websunlimited.com/order/product/includeASP/includeASP.htm

John Blaustein · Dec 8, 2003

Mike,

Glad to hear that... I'll check the site then.

Best,

John

Thomas A. Rowe · Dec 8, 2003

With a little work, you should be able to combine them.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================

John Blaustein said:
Thanks, Tom!

Script 11 will do it. Script 8 is good too. I wonder if the two can be
used together? Used together, I could have the number (1,2,3,4,5) change,
as in the Script 8 sample, and the image change remotely as in the Script 11
sample. I'll fool around and see if I can make that work.

John

Thomas A. Rowe said:

John,

See:
http://www.ycoln-resources.com/resources/scripts/default.asp#script11

I forgot that I had this on my site.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

John Blaustein said:

Thanks, Tom!

John

This is not something that any version of FP can do directly. You will
have
to do this, using a JavaScript mouse over scripts, where you manually
modify
it to change a image in another location on the page.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Jim,

Thanks so much for your reply.

I'm not very comfortable with programming and rely on FP to do it for
me.
I
will see what I can do with the code you provided, however.

I'd upgrade to FP 2003 in a minute, but my main work PC still has
Windows
98SE running on it, and I read on the MS Web site that FP2003 requires
XP.
I hesitate to upgrade 98SE to XP because I've heard that can lead to
many
problems. Reformatting the HD and doing a fresh install of XP is an
option,
but it's such a hassle to reinstall all of my software. I may buy

Click to expand...

a
new

PC
in the next few months, so I may just wait until then to move to

Click to expand...

XP
and

FP2003.

Do you know if FP2003 will run under Windows 98SE, even though MS says
it
requires XP?

Also, can you recommend an FP add-in that will do what I'm looking for,
just
in case I strike out working in HTML?

John

-----Original Message-----
Hi...

Howdy.

I'm using FP2002 and have tried everything I can think
of the achieve a particular mouse over result, but I'm
not quite getting it.

What I'm trying to do is illustrated on this page:
http://www.jjdonline.com/html_files/design/printtable-
r.html

I want to be able to change the numbers -- as in having
them circled when the mouse is over them -- AND change
the larger photo at the top of the page. I've figured
out how to use the DHTML toolbar (Format>Dynamic HTML
Effects) to change an image (swap picture) when the
mouse is over it (or the mouse is clicked), but I can't
figure out how to have the mouse over one image change
both that image AND another image at the same time. As
on the page linked above, the mouse over the small
numbers changes the image of the number to include the
small circle, AND it changes the larger image above.

FrontPage 2002 can't do this through the GUI, but you can
do it in JavaScript. First, in the <head> section, add
some code like the following:

<script>
var b1ovr= new Image() ; b1ovr.src = "images/b1ovr.gif";
var b1out= new Image() ; b1out.src = "images/b1out.gif";
var b1oth= new Image() ; b1oth.src = "images/b1oth.gif";

var b2ovr= new Image() ; b2ovr.src = "images/b2ovr.gif";
var b2out= new Image() ; b2out.src = "images/b2out.gif";
var b2oth= new Image() ; b2oth.src = "images/b2oth.gif";

function flipPics(btnName, imgBtn, imgOther) {
if (document.images){
document[btnName].src = eval(imgBtn + ".src");
document.otherpic.src = eval(imgOther + ".src");
}
return true;
}
</script>

Where:
b1out.gif is the normal picture for button 1.
b1ovr.gif is the mouseover picture for button 1.
b1oth.gif is the picture located elsewhere for button 1.
and so forth for each button. Then, code each button like
this:

<a href="javascript:nothing();"
onmouseover="flipPics('btnTwo','b2ovr','b2oth')"
onmouseout="flipPics('btnTwo','b2out','b1oth')">
<img name="btnTwo" src="../images/b2out.gif"
border="0"</a>

The href= location can, of course, be any valid URL.

The first argument to flipPics specifies the name of the
button picture (the value of its name= attribute).

The second argument specifies the name of the image
object that will replace the normal button picture.

The third argument specifies the name of the image object
that will replace the picture located elsewhere on the
page.

FP2003 *can* do this through the GUI. You might want to
consider upgrading rather than spending money on a FP2002
add-in.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
|| Microsoft FrontPage Version 2002 Inside Out
|| Web Database Development Step by Step .NET Edition
|| Troubleshooting Microsoft FrontPage 2002
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

Click to expand...

Click to expand...

John Blaustein · Dec 9, 2003

Again, thanks Tom!

John

Thomas A. Rowe said:
With a little work, you should be able to combine them.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================

John Blaustein said:

Thanks, Tom!

Script 11 will do it. Script 8 is good too. I wonder if the two can be
used together? Used together, I could have the number (1,2,3,4,5) change,
as in the Script 8 sample, and the image change remotely as in the

Click to expand...

Script

11
sample. I'll fool around and see if I can make that work.

John

it
for

Click to expand...

lead

to

Click to expand...

is

an

Click to expand...

buy

a

new
PC
in the next few months, so I may just wait until then to move to XP
and
FP2003.

Do you know if FP2003 will run under Windows 98SE, even though

Click to expand...

MS
says

it
requires XP?

Also, can you recommend an FP add-in that will do what I'm looking
for,
just
in case I strike out working in HTML?

John

-----Original Message-----
Hi...

Howdy.

I'm using FP2002 and have tried everything I can think
of the achieve a particular mouse over result, but I'm
not quite getting it.

What I'm trying to do is illustrated on this page:
http://www.jjdonline.com/html_files/design/printtable-
r.html

I want to be able to change the numbers -- as in having
them circled when the mouse is over them -- AND change
the larger photo at the top of the page. I've figured
out how to use the DHTML toolbar (Format>Dynamic HTML
Effects) to change an image (swap picture) when the
mouse is over it (or the mouse is clicked), but I can't
figure out how to have the mouse over one image change
both that image AND another image at the same time. As
on the page linked above, the mouse over the small
numbers changes the image of the number to include the
small circle, AND it changes the larger image above.

FrontPage 2002 can't do this through the GUI, but you can
do it in JavaScript. First, in the <head> section, add
some code like the following:

<script>
var b1ovr= new Image() ; b1ovr.src = "images/b1ovr.gif";
var b1out= new Image() ; b1out.src = "images/b1out.gif";
var b1oth= new Image() ; b1oth.src = "images/b1oth.gif";

var b2ovr= new Image() ; b2ovr.src = "images/b2ovr.gif";
var b2out= new Image() ; b2out.src = "images/b2out.gif";
var b2oth= new Image() ; b2oth.src = "images/b2oth.gif";

function flipPics(btnName, imgBtn, imgOther) {
if (document.images){
document[btnName].src = eval(imgBtn + ".src");
document.otherpic.src = eval(imgOther + ".src");
}
return true;
}
</script>

Where:
b1out.gif is the normal picture for button 1.
b1ovr.gif is the mouseover picture for button 1.
b1oth.gif is the picture located elsewhere for button 1.
and so forth for each button. Then, code each button like
this:

<a href="javascript:nothing();"
onmouseover="flipPics('btnTwo','b2ovr','b2oth')"
onmouseout="flipPics('btnTwo','b2out','b1oth')">
<img name="btnTwo" src="../images/b2out.gif"
border="0"</a>

The href= location can, of course, be any valid URL.

The first argument to flipPics specifies the name of the
button picture (the value of its name= attribute).

The second argument specifies the name of the image
object that will replace the normal button picture.

The third argument specifies the name of the image object
that will replace the picture located elsewhere on the
page.

FP2003 *can* do this through the GUI. You might want to
consider upgrading rather than spending money on a FP2002
add-in.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
|| Microsoft FrontPage Version 2002 Inside Out
|| Web Database Development Step by Step .NET Edition
|| Troubleshooting Microsoft FrontPage 2002
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

Click to expand...

Click to expand...

MOUSE OVER Not working Front Page 2003	12	Nov 20, 2008
mouse over to change images	1	Mar 24, 2008
Change image on mouse-over	3	Jun 20, 2007
Rollover advice/code needed	1	Apr 29, 2008
front page image swap	4	Apr 20, 2007
mouse over image to show bigger image on the same page	5	Jan 3, 2006
Behaviour - on mouse over	1	Feb 5, 2009
Hold down mouse and move image around in browser	1	Jan 11, 2006

Mouse over help needed

John Blaustein

Jim Buyens

John Blaustein

Thomas A. Rowe

MD WebsUnlimited.com

John Blaustein

John Blaustein

MD WebsUnlimited.com

Jim Buyens

Thomas A. Rowe

Thomas A. Rowe

MD WebsUnlimited.com

John Blaustein

John Blaustein

MD WebsUnlimited.com

John Blaustein

MD WebsUnlimited.com

John Blaustein

Thomas A. Rowe

John Blaustein

Ask a Question

Similar Threads