onMouseOver="self.status= Question

I am sure this is an extremely easy question but I am having difficulty getting the below Javascript code work correctly.  I am trying to setup some dynanic links on my website and I want them to look and work just like the static links but I am getting a lot of Javascript errors.

The snippet of actual html is below.  The first link is a header while the second is a static link.  My dynamic link is the third parargraph and it is giving me the errors.

         <table>
          <tr>
(1)      <td height="20">
          <font face="verdana, arial, helvetica, sans-serif" size="1" color="#ADB1AE"><b>GENERAL INFO</b></font></td>
          </tr>
         
          <tr>
         <td height="20">
(2)     <a href="http://www.sovereignfunding.com/index.html" class="left">Home</a></td>
          </tr>
         
            <tr>
            <td height="20">
            <font face="verdana, arial, helvetica, sans-serif" size="1" color="#ADB1AE">
(3)        <script type="text/javascript" language="JavaScript1.2">
            <a href="http://www.sovereignfunding.com/index.html" onMouseOver="self.status='Our Philosophy'; return true;"
            onMouseOut="self.status='';">
            Our Philosophy</A> </tr>
           </script>
            <tr>

The fully functionning page is here: http://www.sovereignfunding.com/index.html (All static links on the left)
The test page is here:  http://www.sovereignfunding.com/index1.html => You will see that the Our Philosophy is missing underneath the Home Link.  I simpy want it to look like the other links but be dynamic.

Looking forward to hearing from anyone who can help.

Sincerely,

David Springer
SovereignFunding.com
d_springerAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
GwynforWebConnect With a Mentor Commented:
you are missing the style class out

      <tr>
          <td>
            <a href="http://www.sovereignfunding.com/index.html" onMouseOver="self.status='Our Philosophy'; return true;"
             onMouseOut="self.status='';" class=left>
             Our Philosophy</A>
           </td>
       <tr>
0
 
ZylochCommented:
I'd like to say that using font tag is now deprecated, but to each their own

You want this:

<tr>
            <td height="20">
            <font face="verdana, arial, helvetica, sans-serif" size="1" color="#ADB1AE">
(3)       <a href="http://www.sovereignfunding.com/index.html" onmouseover="self.status='Our Philosophy';return true;"
            onmouseout="self.status='';return true;">
            Our Philosophy</A> </tr>
            <tr>
0
 
sajuksCommented:
pardon my ignorance, but what do you want to do ? do you want to show something like a dsiplay on mouse over ?
        <script type="text/javascript" language="JavaScript1.2">
            <a href="http://www.sovereignfunding.com/index.html" onMouseOver="self.status='Our Philosophy'; return true;"
            onMouseOut="self.status='';">
            Our Philosophy</A> </tr>
           </script>
should be
<a href="http://www.sovereignfunding.com/index.html" title='Our Philosophy'; return true;" > Our Philosophy</A> </tr>
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
GwynforWebCommented:
 take out script tag as suggested, (you also have a </tr> instead of </td>)

      <tr>
          <td>
            <a href="http://www.sovereignfunding.com/index.html" onMouseOver="self.status='Our Philosophy'; return true;"
             onMouseOut="self.status='';">
             Our Philosophy</A>
           </td>
       <tr>

but you may want to try this, a tooltip shows up

        <a href="http://www.sovereignfunding.com/index.html" title='Our Philosophy'>Our Philosophy</A>
           

0
 
GwynforWebCommented:
oh sorry Sajuks I should have read your post more carefully. :-(

d_springer , ignore my post
0
 
d_springerAuthor Commented:
GwynforWeb,

Please view my test page here: http://www.sovereignfunding.com/index1.html

That got rid of my errors but the link "Our Philosophy" doesn't look like all of the rest of the links?

How do I fix that?

Thanks in advance!!!

David Springer
SovereignFunding.com
0
 
GwynforWebCommented:
cool, I see you have changed it :-)
0
 
GwynforWebCommented:
ah you have it set it o a normal link, setting as above will give 'Our Philosophy' in the status bar
0
 
d_springerAuthor Commented:
GwynforWeb,

Thanks a Million!

David
0
All Courses

From novice to tech pro — start learning today.