1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

DHTML effects

Discussion in 'Web & Email' started by doma, Sep 19, 2003.

Thread Status:
Not open for further replies.
Advertisement
  1. doma

    doma Thread Starter

    Joined:
    Sep 19, 2003
    Messages:
    4
    I am using FrontPage 2002. I can view the mouse over effects in the preview page. On uploading the files to the internet, the mouse over effect is not there. Can't figure out where the problem lies.
    Appreciate any help.
    Thanks

    doma
    -------
    Win XP pro
    FrntPage 2002
    WS_FTP Pro
     
  2. Mithrilhall

    Mithrilhall

    Joined:
    Mar 28, 2001
    Messages:
    781
    This sounds more like a Development question.

    Also, you might want to post some of your code so we can take a look at it to see what's wrong.
     
  3. doma

    doma Thread Starter

    Joined:
    Sep 19, 2003
    Messages:
    4
    thanks, here is an example code
    doma

    <a target="main" href="title_one.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #808080; text-decoration: none" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">
    <font color="#000000">Title one</font></a></font></p>
     
  4. Mithrilhall

    Mithrilhall

    Joined:
    Mar 28, 2001
    Messages:
    781
    Ok. What is the mouse over effect supposed to do. Also, could you post the Javascript functions ("rollIn" & "rollOut")
     
  5. doma

    doma Thread Starter

    Joined:
    Sep 19, 2003
    Messages:
    4
    thanks for bearing with me
    the effect intended is to remove the underline on mouse over.
    here is the whole page code

    <html>

    <head>
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>New Page 1</title>
    <script language="JavaScript" fptype="dynamicanimation">
    <!--
    function dynAnimation() {}
    function clickSwapImg() {}
    //-->
    </script>
    <script language="JavaScript1.2" fptype="dynamicanimation" src="file:///C:/Documents%20and%20Settings/user/My%20Documents/My%20Webs/animate.js">
    </script>
    </head>

    <body onload="dynAnimation()" language="Javascript1.2">

    <p><font size="1" face="Verdana">
    <a target="main" href="file:///C:/Documents%20and%20Settings/user/My%20Documents/My%20Webs/assad/title_one.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #808080; text-decoration: none" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">
    <font color="#000000">Title one</font></a></font></p>

    </body>

    </html>
     
  6. Mithrilhall

    Mithrilhall

    Joined:
    Mar 28, 2001
    Messages:
    781
    Here's a simple example that you're trying to get (I think).

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style>
    <!--
    a:hover#link1
    {
    text-decoration:none;
    }
    -->
    </style>
    </head>
    <body>
    <a href="http://www.google.com" id="link1">This is the link text</a>
    </body>
    </html>
     
  7. Shadow2531

    Shadow2531

    Joined:
    Apr 30, 2001
    Messages:
    2,636
    Here is the more complicated way using onmouseover and onmouseout. Works in IE, Gecko-based browsers, and opera.

    <html>
    <head>
    <title>New Page 1</title>
    <script type="text/javascript">
    function removeunderline()
    {
    if (document.getElementById)
    {
    document.getElementById('link1').style.textDecoration='none';
    }
    }
    function underline()
    {
    if (document.getElementById)
    {
    document.getElementById('link1').style.textDecoration='underline';
    }
    }
    </script>
    </head>
    <body>
    <p><a id="link1" href="http://www.google.com" onmouseover="javascript:removeunderline()" onmouseout="javascript:underline()" >Google.com</a></p>
    </body>
    </html>

    There are certains reasons why you might want to use this way, but using the simple version is suggested.
     
  8. doma

    doma Thread Starter

    Joined:
    Sep 19, 2003
    Messages:
    4
    Mithrihall and Shadow2531

    Many thanks and appreciation

    doma
     
  9. Sponsor

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/165971

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice