Mouse over help needed

J

John Blaustein

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
 
J

Jim Buyens

-----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)
|/---------------------------------------------------
*----------------------------------------------------
 
J

John Blaustein

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.

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)
|/---------------------------------------------------
*----------------------------------------------------
 
T

Thomas A. Rowe

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.

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)
|/---------------------------------------------------
*----------------------------------------------------
 
J

John Blaustein

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
 
J

John Blaustein

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
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)
|/---------------------------------------------------
*----------------------------------------------------
 
M

MD WebsUnlimited.com

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.
 
J

Jim Buyens

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)
|/---------------------------------------------------
*----------------------------------------------------
 
T

Thomas A. Rowe

Jim,

Thanks for the correction.

--

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

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

Thomas A. Rowe

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
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

-----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)
|/---------------------------------------------------
*----------------------------------------------------
 
J

John Blaustein

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
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

-----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)
|/---------------------------------------------------
*----------------------------------------------------
 
J

John Blaustein

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
 
J

John Blaustein

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>
 
T

Thomas A. Rowe

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
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

-----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)
|/---------------------------------------------------
*----------------------------------------------------
 
J

John Blaustein

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
Script
11
sample. I'll fool around and see if I can make that work.

John

it
for
lead
is
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

-----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)
|/---------------------------------------------------
*----------------------------------------------------
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads


Top