Results 1 to 5 of 5

Thread: Multiple Mouseover Script Help

  1. #1
    Join Date
    Jul 2009

    Multiple Mouseover Script Help

    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.

    <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}
    a {color:white;}
    a:visited {color:white;}
    a:hover {color:red;}
    <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>
    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">
    <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; <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>
    <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 colspan="8" rowspan="1"
    style="vertical-align: top; background-color: rgb(255, 255, 255);">
    <div style="text-align: justify;"> </div>
    style="text-align: left; width: 90%; margin-left: auto; margin-right: auto;"
    cellpadding="2" cellspacing="2">
    <tr style="font-family: Geneva; color: rgb(48, 48, 49);"
    <td style="vertical-align: top; text-align: justify;"><small><br>
    <div style="text-align: center;"><br>
    <a href="http://www.cso.org">Chicago Symphony Orchestra</a><br>
    <a href="http://www.metopera.org/">Metropolitan Opera</a><br>
    <a href="http://www.sfsymphony.org">San Francisco Symphony</a><br>
    <a href="http://kcsymphony.org/">Kansas City Symphony</a><br>
    <a href="http://music.depaul.edu/">DePaul University School
    of Music</a><br>
    <a href="http://www.bu.edu/cfa/music/">Boston University
    School of Music</a><br>
    <a href="http://www.gnessin.msk.ru/">Gnesin School of Music</a><br>
    <a href="www.pmf.jp">Pacific Music Festival (Japan)</a><br>
    * * * <br>
    <a href="http://www.thomasstacy.com">Thomas Stacy </a><br>
    <a href="http://www.oboe1.com/">Igor Leschishin</a><br>
    <a href="http://www.iflute.com/">Jeffrey Khaner</a><br>
    <a href="http://www.chrisleephotographer.com/">Chris Lee
    Photography (New York)</a><br>
    <a href="http://www.toddrphoto.com/">Todd Rosenberg
    Photography (Chicago)</a><br>
    <a href="http://www.alanweissflute.com/">Alan Weiss</a><br>
    <a href="http://www.fishcreekmusic.com/">Julie Ann
    <a href="http://www.imaniwinds.com/">IMANI Winds</a><br>
    <div style="text-align: center;"><small><br>
    <small> </small> <small><br>
    <td style="vertical-align: top;"><br>
    <td colspan="8" rowspan="1"
    style="vertical-align: top; background-color: rgb(255, 255, 255);"><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>
    </small> </div>
    <br style="color: rgb(255, 255, 255); font-family: Arial;">
    <br style="color: rgb(255, 255, 255); font-family: Arial;">

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

    Here how your style should look like:
    <!-- 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; } 

  3. #3
    Join Date
    Jul 2009

    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.


  4. #4
    Join Date
    Jul 2009

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


  5. #5
    Join Date
    Jul 2009
    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



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.16268 seconds
  • Memory Usage 2,896KB
  • Queries Executed 15 (?)
More Information
Template Usage (33):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (2)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (5)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (5)postbit
  • (5)postbit_onlinestatus
  • (5)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates