Jul 20, 2008

Highlight Tables On Mouseover - Example Script

Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

free web hosting

Highlight Tables On Mouseover - Example Script

deedee2003
Heare is a good trick:
Copy and paste the code below, into the <head> of your html document:
CODE
<script>
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>

Now in the table write:
CODE
<table onMouseover="changeto('lightgreen')" onMouseout="changeback('white')">

of course you can put anny color.

To exclude any cell(s) from the rollover effect, simply give that cell an id="ignore"
CODE
<table onMouseover=.... onMouseout=....>
<td id="ignore">

and that`s it , if you have any questions ask me wink.gif

 

 

 


Reply

Triple X
QUOTE(deedee2003 @ Sep 5 2004, 03:58 PM)
Heare is a good trick:
Copy and paste the code below, into the <head> of your html document:
CODE
<script>
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>

Now in the table write:
CODE
<table onMouseover="changeto('lightgreen')" onMouseout="changeback('white')">

of course you can put anny color.

To exclude any cell(s) from the rollover effect, simply give that cell an id="ignore"
CODE
<table onMouseover=.... onMouseout=....>
<td id="ignore">

and that`s it , if you have any questions ask me  wink.gif

*already knew*

Its pretty neat...did I just use the word neat...*shoots himself*.

On a side note: you have the smallest IP I have ever seen o_o

 

 

 


Reply

Zenchi
Aye, that's awesome! Is there any way to make it dither or change colors like from white to gray smoothly? biggrin.gif

Reply

NeXDesigns
yeah like make it fade from the two colors? or only possible in flash?

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : highlight, tables, mouseover, script

  1. Phpizabi Social Network Script
    (0)
  2. How To Make A View New Post Script?
    (5)
    Ok so i'm still working on the forum software i posted about a while back, but I have no idea
    how to do this. I want to make a view new post script, as this is one of the main things that my
    forum software dose not have that all other forums have. so does any body have an idea on how i
    would do this? Thanks.....
  3. Guessing Php Script
    (0)
    I am looking for: freeware php quess the person in the photo game script....
  4. Webmail Server Script
    (2)
    Hi Guys! A friend of mine came to me asking me to help him write code for his server so that
    his clients can go on his site and create a webmail account. I told him I'm not a programmer but
    I googled the subject. I ran into SquirrelMail and was impressed with what it could do. Going
    through the documentation I saw this QUOTE There are only two requirements for SquirrelMail:
    A web server with PHP installed. PHP needs to be at least 4.1.0. Access to an IMAP server which
    supports IMAP 4 rev 1. I have php5 running on my XPproSP3 but I don't know....
  5. How To: Html Tables.
    I find these really useful. (8)
    If you are a novice web designer, but want your site to look advanced and proffessional, then what
    better way to do so than to use HTML tables? HTML tables are a really easy way of formatting your
    text, to make your ste look proffesional. It looks good, and its easy, what more can you ask for?
    You have to use the tag, so first lets start off with: HTML Table > /table > In
    between theese two tags, we will add the data for the table, using the tags and . =Table
    Heading (Title) =Table Data (what you want in the table) =table row (new row) So, lets ....
  6. Changing Root Script
    (0)
    I decided to go with paid hosting with computinghost.com. When I chose my initial installation, in
    my ignorance, I didn't know you couldn't install both the Joomla installation and the
    Soholaunch website builder, so I checked both. They installed the Joomla and not the Soho. Since I
    have never looked at Joomla and know nothing about using it, I would like the other installation. I
    first tried live chat, but they said contact sales. So I sent an email and got a ticket number.
    BPM-881376 When I try to check on the status I get this message: Fatal error: ERROR: You ....
  7. Directory Script
    (1)
    Hello folks, i am thinking to create a new directory.So just want to know any good script
    available?or anyone personally coded it? or any of the trap member have actually created directory?
    i would like to view it. and ask few doubts that i have. please do reply to my query thanks in
    advance people.....
  8. Wysiwyg Jscript Editor
    I need a good Java Script Editor (3)
    Can any of you guys give me a good Java Script Editor. I really need one badly. I make Java Script
    goodies as an addon for my web site but it really takes a lot of my time to type all those similar
    code blocks over & over again, Could any one please provide me such an editor as Microsoft Visual
    Basic or Visual C++. I mean the IDE shold have similar features. ****Above all it should be a free
    one**** Thanks in adv. Dave....
  9. Need Help Installing Dolphin Community Script!
    (5)
    I'm not sure if this is the right place to post this but I really need help in installing the
    dolphin community script. I have absolutely no previous experience of scripts or programming. I
    would really appreciate if someone could walk me through it step-by-step, or even do it for me by
    logging into my cpanel. I have tried to install it my self but I'm a little confused. I'm
    sure it won't take very long at all for someone who has done this before.....
  10. Loaing Script
    (3)
    hello, I'm looking for a preloader script for my site. like it will display an loading
    image while the site is loading and the once the page has loaded the image will disapear. i tryed
    searching for one on google but i could not find one, i think i searched for the worng thing. if
    some one knows how to make one or where i can find one that would be great. Thanks....
  11. Invite Script..
    (2)
    I didn't know where else to put it /sad.gif" style="vertical-align:middle" emoid=":("
    border="0" alt="sad.gif" /> If moderators find another forum more suitable plz move this one
    /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> I am looking
    for some sort of sript or program that let's people on your website invite friends. Like they
    put in their Emailadress and mails are send to everyone in their list.. I hope someone can help me
    /sad.gif" style="vertical-align:middle" emoid=":(" border="0" alt="sad.gif" /> Greetzz....
  12. Html Code Tester. Online Script
    (15)
    Yes, yes. I have another script that I have written and I am distributing. I am not entirely sure if
    this works. I have not tested it yet, but I will later and post back with a demo and fix it up.
    Current script: CODE <?php //Save this as something like htmltest.php function
    CheckForm() { $html_unsafe=$_POST['code']; //Gives us our user
    input $html_safe=str_replace("<?php"," ",$html_unsafe);
    //Starts security measures $html_safe=str_replace("?>","
    ",$html_sa....
  13. Jsp Or Java Chat Script Like Mig33
    (4)
    so most of you guys know mig33. its a wap application,probaly java.most kindly to be java. does
    anyone have java knowlege or knows where i can get a chat script like mig33? i also know this server
    supports jsp so im planing to use it for my application. i was hosted here last year but moved
    because i found a better host. now im back just to use the jsp on this server. Im planing to run
    chat applictions so if any one wants to help me in my project let me know.....
  14. What Kind Of Script Do You Need ?
    post here and get free script (15)
    Hi everybody sorry if i posting here , i know I want design free PHP script and i dont know
    webmasters what kind of scripts want i think its better to aks here becuase trap17 is very nice
    webmasters forum So , Plz post here what kind of script with details you need ! sorry may en
    is not very well for example you need "upload center" : write "upload center" with upload center
    options ( like Ajax , Fast , multi lan and ... ) with this post we can give script details and
    webmasters idea /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.....
  15. Users Online
    Looking for the best counter script (9)
    Hi people, I am wondering If do you know a good "users online" I know many remote hosted services
    for this but I am looking for a counter script to install in my own website, If possible a counter
    that displays my visitors information , like country or an image(flag) links where they come from
    etc. something like this: Webpage I would SO appreciate any help! because I want to give to
    my site a more professional and international look /cool.gif" style="vertical-align:middle"
    emoid="B)" border="0" alt="cool.gif" /> ....
  16. Javascript : No Right Click Script !@
    This script will allow you to protect your source coad ! (12)
    This script will help you to protect your source code Add this to Section of your site
    ! HTML <script language=JavaScript> var message="Function Disabled!";
    /////////////////////////////////// function clickIE4(){ if
    (event.button==2){ alert(message); return false; } } function
    clickNS4(e){ if
    (document.layers||document.getElementById&&!document.all){ if
    (e.which==2||e.which==3){ alert(message); return false; } } }
    if (docume....
  17. Free Myspace Script?!?
    I didn't know that was possible . . . . (3)
    I was looking for scripts to put on my website one day, and it turned up this!
    http://www.phpizabi.net/ It's a free open-source script, and it has most of the qualities of
    myspace.com! And best of all, you can mend it the way you want! I might use it, but on one
    of my subdomains . . . . My friend already tried it out, he said it works fine! His website is
    under construction right now, but I'll give you the link to it when he's done . . .....
  18. Free Hyip Script?
    Where can I get a free Hyip script? (15)
    Hello. Do someone know where can I get a free hyip script?....
  19. Trap17 Link Exchange Script Introduced
    (26)
    Hi, We have introduced a link Exchange Script at Trap17. http://www.addlivelinks.com/ The
    categories are yet to be setup. It will be done as we receive link requests. Thanks. -OpaQue....
  20. Watermark Your Image With Simple Php Script
    found it on the net (34)
    This script was found on the net http://tips-scripts.com/?tip=watermark#tip B&T's Tips &
    Scripts site. Just in case the site may not show, I will include the code here: List of things
    needed: 1. your image in any format 2. watermark image--in gif format with transparent background 3.
    script below with name (i.e. watermark.php) CODE <?php // this script creates a watermarked
    image from an image file - can be a .jpg .gif or .png file // where watermark.gif is a mostly
    transparent gif image with the watermark - goes in the same directory as this script // ....
  21. Fp2003 - Tables
    Hope this is the right forum...? (7)
    Hi, I have designed a page within a table - three columns all adding up to 100% (no fixed pixel
    column widths). The thing is that when I previously previewed it in other browsers it showed the
    whole page - a but squashed, but everything was in the window without having to scroll horizontaly.
    I made some adjustments without interfering with column widths, but now previews require horizontal
    scrolling to view the page. Previously the text links in the centre column would wrap to cater for
    the smaller browser size, but not now. Also, at the foot of the page there is a b....
  22. Parse: Error Unexpected T_lnumber
    php parse error when running script (4)
    Hi. I've just created a php script. The main object of the script is to delete some old files
    and replace it with a new file with some new content, effectively moving the contents from one file
    to another. These are the first 50 lines of the file: /* Calculate For The "A" Group - The
    Latest Games ID */ $a_B = 002; while(file_exists("a_" . $a_B . ".dat")) {
    $a_B++; } $new_page_contents = " " . $_POST . " " . $_POST . "
    include \"/home/cmatcme/public_html/footer.php\"; ?> "; $a_stream = fopen(&....
  23. Guestbook (cgi-script) Problems
    Do u know much bout chmod and cgi-cripts? (1)
    Hi! I'd like to make a guestbook with a cgi-script I found at Lissa Explains it All .
    There were instruction bout how to install this gbook: click here QUOTE Active Guestbook
    Unzip the file, you'll find 4 separate files: guestbook.cgi mail.gif url.gif readme.txt 1.
    Open guestbook.cgi in a plain text editor like notepad. Find out your path to perl from your Web
    host, and change the first line to reflect that. The default setting, #!/usr/bin/perl, usually
    works for most servers. If not, you can try #!/usr/local/bin/perl. Save your changes. ....
  24. [help] Java Script: Window.open
    Works with Firefox, not IE (8)
    CODE <HEAD> var popUpWin=0; function popUpWindow(URLStr) {
     if(popUpWin)  {    if(!popUpWin.closed) popUpWin.close();  }
     popUpWin = open(URLStr, 'GunBound Tactics: Screenshots',
    'width=820,height=550,menubar=no,resizable=yes,scrollbars=yes,toolbar=no,top=90,left=90')
    ;; } </HEAD> <BODY> <a
    href="javascript:popUpWindow('/f11/clipped.php');"><b>Clips&
    #60;/b></a> This is a script for opening a new window. It works ....
  25. Script: Php Jukebox
    A one file script! (4)
    This scripts is so simple, you dont need to edit ANY of it! All you have to do is make a folder
    called 'songs' and put some audio files in it. Here is the whole page, I named it index.php
    and put it in a folder called 'music': CODE <!DOCTYPE HTML PUBLIC
    "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd"> <html> <head>
    <title>PHP jukebox</title> </head> <body> <!-- ©2005 Craig
    lloyd. All rights reserved. Visit cragllo.com for more sc....
  26. Free Weather Feed Script
    (1)
    If you are tired of providing your clients with weather feeds that take visitors off of their site
    or slam their site with ads, I finally found one after searching for hours. Here's a link to a
    FREE php script that pulls the feed directly from any airport in the world to your site. It is easy
    to customize and has simple, well documented installation instructions.
    http://www.mattsscripts.co.uk/mweather.htm hope you find it helpful... a good one for designers
    to archive as you will most likely need it some day for a client. Check out Matt's other free
    scripts....
  27. Toggle display in page script
    (8)
    This is my very first script, before I knew what was out there. It works in IE 5 and up. Not sure
    about netscape or mozilla. (I recently d/led mozilla and it's great for javascripts. Much less
    typing.) CODE <script language="javascript"> <!-- function
    toggle(what){  if(document.all[what].style.display ==
    "none"){    document.all[what].style.display = "block";
     }else{    document.all[what].style.display = "none";  } }
    //--> </sc....
  28. Php Quiz Script
    Make quizzes for your site. (20)
    Hello all, A little bit back I decided to make a quiz scriptjust out of no where lol. However it
    doesnt do anything special but I am going to make an email mod for it so that it will email results
    to your email address. So here is the basis of it. INSTRUCTIONS: Open a new page in your text
    editor and paste in the following code. CODE <?php $qid = "Quiz ID-00"; ?>
    <html> <head> <title><? echo "Gamers Pub $qid";
    ?></title> </head> <body> <p><h3><? echo "....
  29. Java Script Drop Down Menu With Css
    - a full code for a dynamic drop down (2)
    Introduction This is a code that I use to dynamically create the drop down menus. First, you have
    to edit the following code and put it in your Javascript. Notice : /*** SET BUTTON'S FOLDER HERE
    ***/. Edit that to your folder. Also, the /*** SET BUTTONS' FILENAMES HERE ***/. This creates a
    mouseover when the drop down is activated. Put all your onmouseover images under: oversources = new
    array; and your onmouseout images under : upsources. Be sure to set your on and out images above
    each other. CODE /*** SET BUTTON'S FOLDER HERE ***/ var buttonFold....
  30. Could Someone Make A Php Script For Me?
    Script to manage clans and players (3)
    Does someone know a script where you can 1. Add clans to a roster 2. Edit clans on a roster 3. Add
    players too a clan 4. Edit players 5. Schedule matches 6. Add clan Leaders to manage their own clan
    + members 7. Add members to edit their own information And maybe some sort of scoreboard integrated
    where you can put Wins, Draws and loses and that automaticly puts best clans on the top? If there
    isnt such a script could someone create 1 for me? (its for a league ^^)....

    1. Looking for highlight, tables, mouseover, script

Searching Video's for highlight, tables, mouseover, script
advertisement



Highlight Tables On Mouseover - Example Script



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE