Mouseover text effect works only OFFline

  • Thread starter Thread starter Michael
  • Start date Start date
M

Michael

I'm trying to revamp my old html website (no css as it looks too complicated
to update over 300 pages!). I'd like a mouseover underline effect on some
links. They work fine OFFline but fail to work in IE7 or Firefox ONline.
Strange, huh? I think this is the code you need:
<font color="#666666" id="id1" onmouseout="FP_changePropRestore()"
onmouseover="FP_changeProp(/*id*/'id1',1,'style.textDecoration','underline')">Che cos'è una cellula?</font></a></font></td>
<td width="165" valign="top">

A sample page can be found at:
http://www.missioneperte.it/cellule/index.html. The particular links I'm
working on right now are in my TOP shared border.
Thanks!
Michael
 
Try adding the events to the <a> tag NOT the <font> tags, e.g.,

<a href="????" onmouseout="FP_changePropRestore()"
onmouseover="FP_changeProp(/*id*/'id1',1,'style.textDecoration','underline')"><font
color="#666666" id="id1">Che cos'è una cellula?</font></a></font>

Using CSS would be a MUCH better way to do this, as well as much less labor
intesive.
 
Thanks for your reply, Murray. (You've helped me b4!)

I should've given you more code. It looks like FP put it in both the <a>
tage and in the <font> tag. Here's the code:
<td width="165" valign="top">
<div style="background-color: #FFCC99">
<p style="margin: 0 0px" align="right"><b>
<font face="Verdana" size="2" color="#666666">
<a style="text-decoration: none" href="../cellule/index.html" id="id3"
onmouseout="FP_changePropRestore()"
onclick="FP_changeProp(/*id*/'id3',1,'style.textDecoration','underline')">
<font color="#666666" id="id9" onmouseout="FP_changePropRestore()"
onmouseover="FP_changeProp(/*id*/'id9',1,'style.textDecoration','underline')">CELLULE</font></a></font></b></div>

I'd love to turn this rather large HTML site into a css site and am willing
to learn BUT don't I have to remove all my formatting to do that? Sounds
like a LOT or work for a lay-webmaster.

Thanks, Murray!

Michael
 
It looks like FP put it in both the said:
tage and in the <font> tag.

I think it's more a case of the FP user doing that. I don't think FP would
do such a thing without being driven by someone! 8)

Remove it from the <font> tags. It doesn't belong there at all.

Then in the remaining event calls (in the <a> tag), change this -

onmouseout="FP_changePropRestore()"
onclick="FP_changeProp(/*id*/'id3',1,'style.textDecoration','underline')">

to this -

onmouseout="FP_changePropRestore()"
onmouseover="FP_changeProp(/*id*/'id3',1,'style.textDecoration','underline')">
I'd love to turn this rather large HTML site into a css site and am
willing
to learn BUT don't I have to remove all my formatting to do that?

Yes. You would have to strip out ALL the said:
Sounds like a LOT or work for a lay-webmaster.

It is. This is why we want to push people to use CSS as soon as possible.
 
This is getting rather intriguing. I took out ALL the mouseover effects on
the top.htm border and all worked properly. I then added the mouseover
effect to just one word (using the code you supplied). The code is as
follows:
<div style="background-color: #FFCC99">
<p style="margin: 0 0px" align="right"><b>
<font face="Verdana" size="2" color="#666666">
<a style="text-decoration: none" href="../cellule/index.html" id="id3"
onmouseout="FP_changePropRestore()"
onmouseover="FP_changeProp(/*id*/'id3',1,'style.textDecoration','underline')">
<font color="#666666" id="id9">CELLULE</font></a></font></b></div>
<p style="margin: 0 0px" align="left">

The code works flawlessly on Firefox and IE while on my local computer.

Once uploaded to the web, it works flawlessly on
http://www.missioneperte.it/_borders/top.htm.

However when top.htm is loaded as a shared border as part of another page
(e.g. http://www.missioneperte.it/chiesa/index.html) in IE7, the page loads
normally w/o apparent errors, but if I mouseover the word "Cellule" which has
this effect:

[1] the effect does NOT work and
[2] I get an Object Expected, code 0 error, line 527.

Intriguing, no?

Michael
 
Intriguing - No. Expected - Yes.

The error is because the JavaScript cannot be found in the page.

The JavaScript from the behaviours must be copied into every page that uses
the shared borders. Since FP places this code into the <head> of the page,
and shared borders only use what is in the <body> of the border file, it's
no surprise that nothing works in a page with the shared borders, unless
this manual copy is done.

The same situation will occur if you switch to Include pages instead of
shared borders.
Consider using a Dynamic Web template instead of shared borders - then
everything should work as expected as the code will be placed in the head
of the DWT, and all this is copied to attached pages (except <title>, of
course).

Using CSS is so... much easier. An external file containing the CSS is
easily linked to every page.

--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.
http://www.rxs-enterprises.org/fp

Michael said:
This is getting rather intriguing. I took out ALL the mouseover effects
on
the top.htm border and all worked properly. I then added the mouseover
effect to just one word (using the code you supplied). The code is as
follows:
<div style="background-color: #FFCC99">
<p style="margin: 0 0px" align="right"><b>
<font face="Verdana" size="2" color="#666666">
<a style="text-decoration: none" href="../cellule/index.html" id="id3"
onmouseout="FP_changePropRestore()"
onmouseover="FP_changeProp(/*id*/'id3',1,'style.textDecoration','underline')">
<font color="#666666" id="id9">CELLULE</font></a></font></b></div>
<p style="margin: 0 0px" align="left">

The code works flawlessly on Firefox and IE while on my local computer.

Once uploaded to the web, it works flawlessly on
http://www.missioneperte.it/_borders/top.htm.

However when top.htm is loaded as a shared border as part of another page
(e.g. http://www.missioneperte.it/chiesa/index.html) in IE7, the page
loads
normally w/o apparent errors, but if I mouseover the word "Cellule" which
has
this effect:

[1] the effect does NOT work and
[2] I get an Object Expected, code 0 error, line 527.

Intriguing, no?

Michael

Murray said:
I think it's more a case of the FP user doing that. I don't think FP
would
do such a thing without being driven by someone! 8)

Remove it from the <font> tags. It doesn't belong there at all.

Then in the remaining event calls (in the <a> tag), change this -

onmouseout="FP_changePropRestore()"
onclick="FP_changeProp(/*id*/'id3',1,'style.textDecoration','underline')">

to this -

onmouseout="FP_changePropRestore()"
onmouseover="FP_changeProp(/*id*/'id3',1,'style.textDecoration','underline')">




It is. This is why we want to push people to use CSS as soon as
possible.
 
Back
Top