www.webdeveloper.com
Results 1 to 5 of 5

Thread: Multiple Mouseover Script Help

  1. #1
    Join Date
    Jul 2009
    Posts
    4

    Multiple Mouseover Script Help

    Hi,
    I am trying to have two mouseover scripts on the same page -- the first one affecting my links on top of the page (the browser pane), and the second one affecting the actual links that are the contents of my page. I have inserted a simple script that works fine for the browser pane, but it also affects the links in the body of page. I have tried everything, but do not know how to write a separate script for the body of page (where the actual links are located). PLEASE HELP!!! I have spent hours on this. I want the links on the body of the page to be the following: text color -- black, mouseover -- red, visited link -- blue (I know how to change the color to black, but then I loose the mouseover script and don't know how to write it for the page, and leave the top pane as is).

    Thanks a lot.

    MM
    Code:
    <html>
    <head>
    <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
    <title>EUGENE IZOTOV, Principal Oboist, Chicago Symphony Orchestra</title>
    <meta name="keywords"
    content="oboe, oboes, hautbois, hoboe, izotov, eugene, Chicago, Chicago Symphony Orchestra, CSO, CSO oboe, san francisco symphony, russian oboist, oboe player, obo, reed, english horn">
    <meta name="description"
    content="Principal Oboist of the Chicago Symphony Orchestra - Biography, Photos, Sound Bites, Press Quotes...more.">
    <style type="text/css">
    <!--
    A:link {text-decoration: none} A:visited {text-decoration: none}
    A:active {text-decoration: none}
    -->
    </style>
    <style>
    <!--
    a {color:white;}
    a:visited {color:white;}
    a:hover {color:red;}
    -->
    </style>
    </head>
    <body style="background-color: rgb(6, 6, 36); color: rgb(0, 0, 0);"
    alink="#ee0000" link="#0000ee" vlink="#551a8b">
    <div><a><small> </small> </a>
    <div><a><small> </small></a></div>
    <a> <small> </small></a></div>
    <table
    style="text-align: left; width: 700px; margin-left: auto; margin-right: auto; color: rgb(255, 255, 255); font-family: Arial;"
    border="0" cellpadding="0" cellspacing="0">
    <tbody>
    <tr style="font-family: Gill Sans Light;">
    <td colspan="8" rowspan="1"
    style="vertical-align: top; height: 30px;"><span
    style="color: rgb(255, 255, 255);"><a href="../../../../sm/home.html">Home</a>
    &nbsp; &nbsp;&nbsp;&nbsp; <a href="../../../../sm/bio.html">Biography</a>
    &nbsp;
    &nbsp; &nbsp; <a href="../../../../sm/library.html">Library</a> &nbsp;
    &nbsp;&nbsp;&nbsp; <a href="../../../../sm/photos.html">Photos</a>
    &nbsp; &nbsp; &nbsp; <a href="../../../../sm/press.html">Press</a>
    &nbsp; &nbsp; &nbsp; <a href="../../../../sm/links.html">Links</a>
    &nbsp; &nbsp; &nbsp; <a href="../../../../sm/equipment.html">Equipment</a>
    &nbsp; &nbsp;&nbsp; <a href="../../../../sm/contact.html">Contact</a></span></td>
    </tr>
    <tr>
    <td colspan="8" rowspan="1"
    style="vertical-align: top; background-color: rgb(255, 255, 255);"><img
    alt="Links" src="/sm/links_banner.jpg"><br>
    </td>
    </tr>
    <tr>
    <td colspan="8" rowspan="1"
    style="vertical-align: top; background-color: rgb(255, 255, 255);">
    <div style="text-align: justify;"> </div>
    <table
    style="text-align: left; width: 90%; margin-left: auto; margin-right: auto;"
    cellpadding="2" cellspacing="2">
    <tbody>
    <tr style="font-family: Geneva; color: rgb(48, 48, 49);"
    align="justify">
    <td style="vertical-align: top; text-align: justify;"><small><br>
    </small>
    <div style="text-align: center;"><br>
    <br>
    <a href="http://www.cso.org">Chicago Symphony Orchestra</a><br>
    <br>
    <a href="http://www.metopera.org/">Metropolitan Opera</a><br>
    <br>
    <a href="http://www.sfsymphony.org">San Francisco Symphony</a><br>
    <br>
    <a href="http://kcsymphony.org/">Kansas City Symphony</a><br>
    <br>
    <a href="http://music.depaul.edu/">DePaul University School
    of Music</a><br>
    <br>
    <a href="http://www.bu.edu/cfa/music/">Boston University
    School of Music</a><br>
    <br>
    <a href="http://www.gnessin.msk.ru/">Gnesin School of Music</a><br>
    <br>
    <a href="www.pmf.jp">Pacific Music Festival (Japan)</a><br>
    <br>
    * * * <br>
    <br>
    <a href="http://www.thomasstacy.com">Thomas Stacy </a><br>
    <br>
    <a href="http://www.oboe1.com/">Igor Leschishin</a><br>
    <br>
    <a href="http://www.iflute.com/">Jeffrey Khaner</a><br>
    <br>
    <a href="http://www.chrisleephotographer.com/">Chris Lee
    Photography (New York)</a><br>
    <br>
    <a href="http://www.toddrphoto.com/">Todd Rosenberg
    Photography (Chicago)</a><br>
    <br>
    <a href="http://www.alanweissflute.com/">Alan Weiss</a><br>
    <br>
    <a href="http://www.fishcreekmusic.com/">Julie Ann
    Giacobassi</a><br>
    <br>
    <a href="http://www.imaniwinds.com/">IMANI Winds</a><br>
    <br>
    <br>
    </div>
    <div style="text-align: center;"><small><br>
    </small></div>
    <small> </small> <small><br>
    </small></td>
    </tr>
    <tr>
    <td style="vertical-align: top;"><br>
    </td>
    </tr>
    </tbody>
    </table>
    <br>
    </td>
    </tr>
    <tr>
    <td colspan="8" rowspan="1"
    style="vertical-align: top; background-color: rgb(255, 255, 255);"><br>
    <br>
    <br>
    <br>
    <div style="text-align: center;"><small
    style="color: rgb(102, 102, 102); font-family: Gill Sans Light;"><span
    style="color: rgb(184, 184, 193);">Copyright
    1999-2009 OboeSolo.com All Rights Reserved</span></small><small
    style="color: rgb(102, 102, 102); font-family: Gill Sans Light;"><br>
    <br>
    </small> </div>
    </td>
    </tr>
    </tbody>
    </table>
    <br style="color: rgb(255, 255, 255); font-family: Arial;">
    <br style="color: rgb(255, 255, 255); font-family: Arial;">
    </body>
    </html>

  2. #2
    Join Date
    Jul 2009
    Posts
    62
    im afraid this is no script here, this is a simple CSS misunderstanding

    Here how your style should look like:
    Code:
    <style>
    
    <!-- This will affect only the links wrapped in a span tag (this includes your top panel)-->
    
    span a:link { color: gren; }
    span a:visited { color: red; } 
    span a:hover { color: yellow; }
    
    <!-- This will affect the links in the whole page -->
    
    a:link { color: pink; }
    a:visited { color: brown; } 
    a:hover { color: blue; } 
    
    <style>

  3. #3
    Join Date
    Jul 2009
    Posts
    4
    Ptejada,

    Thanks a lot for your help. If I want to effect the body (but not the top panel), where should I place the command that you provided me with? As I mentioned, I want to have one command for the top panel, and a different one for the body of the page, but I do not know where to place the one for the body.

    Thanks a lot.

    MM

  4. #4
    Join Date
    Jul 2009
    Posts
    4
    Ptejada,

    THANKS A LOT. I figured it out. Thanks again for the help.

    MM

  5. #5
    Join Date
    Jul 2009
    Posts
    62
    Sure no problem, just keep i mind that this is no script, this is CSS which is enclose in <style> tags and scripts are enclosed in <script> tags.

    if you come across any other issues with CSS, make sure you post over at the CSS section, you will get a faster response.

    Good Luck

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles