1.11M Members

Jquery doesn't work

 
0
 

Hello Guys.
my problem is this:

I want to use this Jquery:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">        <script src="http://code.jquery.com/jquery-latest.js"  type="text/javascript">             $(document).ready(function () {                $("#tblGames tr:even").addClass("alt");                $("#tblGames div:odd").addClass("alt");             });     </script>

in order to alternate coloring a table (zebra style)

this is the table definition:

<table id="tblGames" runat="server" border="1" style="border-style: solid;" frame="border" class="mytable">

no matter what I do, it doesn't work.
The table doesn't get colord..

Please hekp :)

Rotem

 
0
 

Look at the generated HTML to see if your ID's are correct. Can we see your example online somewhere ?

 
0
 

Hi pritaeas (Or should I say Bender? ) :)
Yes, my Id's are correct. Unfortunetely you cannot see my example online.
I really can't see why it doesn't work. By the way, I tried to build a simple Jquery, just to test it. (I built an alert("Hello") one, but it didn't work either).
I think the problem lies maybe in this line:
script src="http://code.jquery.com/jquery-latest.js"
or maybe because it's a content page?
Please help :)

 
0
 

Hard to say if I can't see your output. Your jquery link opens, so that can't be it. You do have a CSS style for alt I guess?

 
0
 

Yes I do.
What do you mean by: "Your jquery link opens"
How can you tell?

This is the page's output:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
	Money For Nothing
</title>
    <style type="text/css">
        .style5
        {
            width: 40px;
        }
        .style8
        {
            width: 156px;
        }
        #tblGames
        {
            width: 60%;
        }
        .style12
        {
            width: 302px;
        }
        .style17
        {
            width: 648px;
        }
        .style21
        {
            width: 125px;
        }
        .style22
        {
            width: 455px;
        }
        .style24
        {
            width: 150px;
        }
        .style25
        {
            width: 60px;
        }
    </style>
    <link href="CSS/Menu.css" rel="stylesheet" type="text/css" />
<link href="CSS/Menu.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .style4
        {
            height: 24px;
        }
    </style>
</head>
<body class="Menu">
    <form method="post" action="Guessing.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTIwNTk4OTgwNQ9kFgJmD2QWAgIED2QWBAIBD2QWAgIBD2QWDAIBDw8WAh4ISW1hZ2VVcmwFJEltYWdlcy9NZW51L3JvdGF0aW5nLWRpY2VNdXRhYmxlLmJtcBYEHgtvbm1vdXNlb3ZlcgU2c2V0SG92ZXJJbWFnZSgnY3RsMDNfaW1nQnRHdWVzc2luZycsICdpbWdCdEd1ZXNzaW5nJyk7Hgpvbm1vdXNlb3V0BTdzZXROb3JtYWxJbWFnZSgnY3RsMDNfaW1nQnRHdWVzc2luZycsICdpbWdCdEd1ZXNzaW5nJyk7ZAIDDw8WAh8ABRxJbWFnZXMvTWVudS9Vc2VyTG9naW5CblcuanBnFgQfAQUyc2V0SG92ZXJJbWFnZSgnY3RsMDNfaW1nQnRVTG9naW4nLCAnaW1nQnRVTG9naW4nKTsfAgUxU2V0SWRsZUltYWdlKCdjdGwwM19pbWdCdFVMb2dpbicsICdpbWdCdFVMb2dpbicpO2QCBQ8PFgIfAAUfSW1hZ2VzL01lbnUvU3BvbnNvckxvZ2luQm5XLmpwZxYEHwEFMnNldEhvdmVySW1hZ2UoJ2N0bDAzX2ltZ0J0U0xvZ2luJywgJ2ltZ0J0U0xvZ2luJyk7HwIFMVNldElkbGVJbWFnZSgnY3RsMDNfaW1nQnRTTG9naW4nLCAnaW1nQnRTTG9naW4nKTtkAgcPDxYCHwAFFkltYWdlcy9NZW51L0hPRkJuVy5qcGcWBB8BBSxzZXRIb3ZlckltYWdlKCdjdGwwM19pbWdCdEhPRicsICdpbWdCdEhPRicpOx8CBStTZXRJZGxlSW1hZ2UoJ2N0bDAzX2ltZ0J0SE9GJywgJ2ltZ0J0SE9GJyk7ZAIJDw8WAh8ABRt+L0ltYWdlcy9NZW51L1BZQkhlYWRlci5qcGdkZAILDw8WBB4JRm9yZUNvbG9yCiYeBF8hU0ICBGRkAgMPZBYOAgEPDxYCHgRUZXh0BSNObyBnYW1lcyB0byBndWVzcy4gUGxlYXNlIHRyeSBsYXRlcmRkAgUPEA8WBh4NRGF0YVRleHRGaWVsZAUKU3BvcnRfVHlwZR4ORGF0YVZhbHVlRmllbGQFCFNwb3J0X0lEHgtfIURhdGFCb3VuZGdkEBUCCEZvb3RiYWxsEEJhc2tldEJhbGwgLSBOQkEVAgExATIUKwMCZ2cWAWZkAgcPDxYCHgdFbmFibGVkZ2RkAgkPEA8WCB8GBQtMZWFndWVfTmFtZR8HBQlMZWFndWVfSUQfCGcfCWdkEBUFFkVuZ2xpc2ggUHJlbWllciBMZWFndWUYTGEgTGlnYSAoU3BhbmlzaCBMZWFndWUpGVNlcmllIEEgKEl0YWxsaWFuIExlYWd1ZSkaQnVuZGVzbGlnYSAoR2VybWFuIExlYWd1ZSkNRnJhbmNlIExlYWd1ZRUFATEBMgEzATQBNRQrAwVnZ2dnZxYBAgFkAgsPZBYCZg9kFgICAg9kFgICAQ8PFgIfCWhkZAINDxYCHgdWaXNpYmxlZxYCAgEPZBYkZg9kFgICAQ8WAh4HY29sc3BhbgUBM2QCAQ9kFgwCAQ8WAh4FY2xhc3MFB3N0eWxlMjRkAgIPFgIfDAUHc3R5bGUyNGQCAw8WAh8MBQZzdHlsZThkAgQPFgIfDAUHc3R5bGUyNGQCBQ8WAh8MBQdzdHlsZTI0ZAIHDxYCHwwFBnN0eWxlNWQCAg9kFgwCAQ8WAh8MBQdzdHlsZTI0ZAICDxYCHwwFB3N0eWxlMjRkAgMPFgIfDAUGc3R5bGU4ZAIEDxYCHwwFB3N0eWxlMjRkAgUPFgIfDAUHc3R5bGUyNGQCBw8WAh8MBQZzdHlsZTVkAgMPZBYMAgEPFgIfDAUHc3R5bGUyNGQCAg8WAh8MBQdzdHlsZTI0ZAIDDxYCHwwFBnN0eWxlOGQCBA8WAh8MBQdzdHlsZTI0ZAIFDxYCHwwFB3N0eWxlMjRkAgcPFgIfDAUGc3R5bGU1ZAIED2QWDAIBDxYCHwwFB3N0eWxlMjRkAgIPFgIfDAUHc3R5bGUyNGQCAw8WAh8MBQZzdHlsZThkAgQPFgIfDAUHc3R5bGUyNGQCBQ8WAh8MBQdzdHlsZTI0ZAIHDxYCHwwFBnN0eWxlNWQCBQ9kFgwCAQ8WAh8MBQdzdHlsZTI0ZAICDxYCHwwFB3N0eWxlMjRkAgMPFgIfDAUGc3R5bGU4ZAIEDxYCHwwFB3N0eWxlMjRkAgUPFgIfDAUHc3R5bGUyNGQCBw8WAh8MBQZzdHlsZTVkAgYPZBYMAgEPFgIfDAUHc3R5bGUyNGQCAg8WAh8MBQdzdHlsZTI0ZAIDDxYCHwwFBnN0eWxlOGQCBA8WAh8MBQdzdHlsZTI0ZAIFDxYCHwwFB3N0eWxlMjRkAgcPFgIfDAUGc3R5bGU1ZAIHD2QWDAIBDxYCHwwFB3N0eWxlMjRkAgIPFgIfDAUHc3R5bGUyNGQCAw8WAh8MBQZzdHlsZThkAgQPFgIfDAUHc3R5bGUyNGQCBQ8WAh8MBQdzdHlsZTI0ZAIHDxYCHwwFBnN0eWxlNWQCCA9kFgwCAQ8WAh8MBQdzdHlsZTI0ZAICDxYCHwwFB3N0eWxlMjRkAgMPFgIfDAUGc3R5bGU4ZAIEDxYCHwwFB3N0eWxlMjRkAgUPFgIfDAUHc3R5bGUyNGQCBw8WAh8MBQZzdHlsZTVkAgkPZBYMAgEPFgIfDAUHc3R5bGUyNGQCAg8WAh8MBQdzdHlsZTI0ZAIDDxYCHwwFBnN0eWxlOGQCBA8WAh8MBQdzdHlsZTI0ZAIFDxYCHwwFB3N0eWxlMjRkAgcPFgIfDAUGc3R5bGU1ZAIKD2QWDAIBDxYCHwwFB3N0eWxlMjRkAgIPFgIfDAUHc3R5bGUyNGQCAw8WAh8MBQZzdHlsZThkAgQPFgIfDAUHc3R5bGUyNGQCBQ8WAh8MBQdzdHlsZTI0ZAIHDxYCHwwFBnN0eWxlNWQCCw9kFgwCAQ8WAh8MBQdzdHlsZTI0ZAICDxYCHwwFB3N0eWxlMjRkAgMPFgIfDAUGc3R5bGU4ZAIEDxYCHwwFB3N0eWxlMjRkAgUPFgIfDAUHc3R5bGUyNGQCBw8WAh8MBQZzdHlsZTVkAgwPZBYMAgEPFgIfDAUHc3R5bGUyNGQCAg8WAh8MBQdzdHlsZTI0ZAIDDxYCHwwFBnN0eWxlOGQCBA8WAh8MBQdzdHlsZTI0ZAIFDxYCHwwFB3N0eWxlMjRkAgcPFgIfDAUGc3R5bGU1ZAIND2QWDAIBDxYCHwwFB3N0eWxlMjRkAgIPFgIfDAUHc3R5bGUyNGQCAw8WAh8MBQZzdHlsZThkAgQPFgIfDAUHc3R5bGUyNGQCBQ8WAh8MBQdzdHlsZTI0ZAIHDxYCHwwFBnN0eWxlNWQCDg9kFgwCAQ8WAh8MBQdzdHlsZTI0ZAICDxYCHwwFB3N0eWxlMjRkAgMPFgIfDAUGc3R5bGU4ZAIEDxYCHwwFB3N0eWxlMjRkAgUPFgIfDAUHc3R5bGUyNGQCBw8WAh8MBQZzdHlsZTVkAg8PZBYMAgEPFgIfDAUHc3R5bGUyNGQCAg8WAh8MBQdzdHlsZTI0ZAIDDxYCHwwFBnN0eWxlOGQCBA8WAh8MBQdzdHlsZTI0ZAIFDxYCHwwFB3N0eWxlMjRkAgcPFgIfDAUGc3R5bGU1ZAIQD2QWDAIBDxYCHwwFB3N0eWxlMjRkAgIPFgIfDAUHc3R5bGUyNGQCAw8WAh8MBQZzdHlsZThkAgQPFgIfDAUHc3R5bGUyNGQCBQ8WAh8MBQdzdHlsZTI0ZAIHDxYCHwwFBnN0eWxlNWQCEQ9kFgwCAQ8WAh8MBQdzdHlsZTI0ZAICDxYCHwwFB3N0eWxlMjRkAgMPFgIfDAUGc3R5bGU4ZAIEDxYCHwwFB3N0eWxlMjRkAgUPFgIfDAUHc3R5bGUyNGQCBw8WAh8MBQZzdHlsZTVkAg8PDxYCHwpnZGQYAQUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFnsFGWN0bDAwJGN0bDAzJGltZ0J0R3Vlc3NpbmcFF2N0bDAwJGN0bDAzJGltZ0J0VUxvZ2luBRdjdGwwMCRjdGwwMyRpbWdCdFNMb2dpbgUUY3RsMDAkY3RsMDMkaW1nQnRIT0YFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjAFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjAFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjEFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjEFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjIFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjIFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjUFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMzcFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMzcFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMzgFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMzgFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMzkFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMzkFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNDIFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNTQFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNTQFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNTUFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNTUFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNTYFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNTYFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNTkFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNzEFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNzEFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNzIFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNzIFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNzMFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNzMFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsNzYFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsODgFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsODgFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsODkFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsODkFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsOTAFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsOTAFH2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsOTMFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTA1BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDEwNQUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxMDYFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTA2BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDEwNwUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxMDcFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTEwBSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDEyMgUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxMjIFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTIzBSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDEyMwUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxMjQFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTI0BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDEyNwUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxMzkFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTM5BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDE0MAUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxNDAFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTQxBSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDE0MQUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxNDQFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTU2BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDE1NgUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxNTcFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTU3BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDE1OAUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxNTgFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTYxBSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDE3MwUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxNzMFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTc0BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDE3NAUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxNzUFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTc1BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDE3OAUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxOTAFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTkwBSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDE5MQUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxOTEFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMTkyBSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDE5MgUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwxOTUFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjA3BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDIwNwUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyMDgFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjA4BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDIwOQUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyMDkFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjEyBSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDIyNAUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyMjQFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjI1BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDIyNQUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyMjYFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjI2BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDIyOQUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyNDEFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjQxBSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDI0MgUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyNDIFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjQzBSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDI0MwUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyNDYFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjU4BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDI1OAUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyNTkFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjU5BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDI2MAUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyNjAFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjYzBSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDI3NQUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyNzUFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjc2BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDI3NgUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyNzcFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjc3BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDI4MAUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyOTIFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjkyBSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDI5MwUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyOTMFIGN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkY3RsMjk0BSBjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJGN0bDI5NAUgY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRjdGwyOTc2wABBhocOMryseVyjVfII8z0V2NRpN99r8dbMOFI73w==" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<div class="aspNetHidden">

	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWVALorbS8DAKJopLZAQKe4c/tAgKe4cfvAgKkz6L9DALbh5M3AtToudkMAtXoudkMAoH7xucNAo6U7IkBAo+U7IkBAoyU7IkBAo2U7IkBAoqU7IkBAoz5iOQIAo2Q44oIAo6Q44oIArOQ44oIAvXo8MECAoiQ06cBArWQ06cBAraQ06cBArLJqdYJAomQv5kOAoqQv5kOAo+Qv5kOAonE5ewJAo6Q69IPArOQ69IPAoyQ69IPAsakvoEBArWQu7oBAraQu7oBAo2Qh9cJApfgv8EPAo2Qp+gDAo2Q0+gDAo2Qr+gDAuGNpOQPArOQx+gDArOQ2+gDArOQr+gDArLJkf8GAo2Ql+8DAoiQu+8DAoiQt+8DApDSmpEEAouQt+8DAouQy+8DAouQn+8DAsak8vMMAomQt+8DAomQw+8DAomQz+8DAqu7yOAFAreQt+8DAreQu+8DAreQr+8DAonE8csIAoyQs4QIAoyQn4QIAoyQm4QIAuGNgK4OArKQq4QIArKQr4QIArKQs4QIArLJze8PAoiQs4QIAoiQj4QIAoiQi4QIApDS9toCAouQk4QIAouQl4QIAo6Qs4QIAsakzr0LAomQ24MIAomQx4MIAomQw4MIAqSt188IAreQ84MIAreQ94MIAreQ24MIAonEzZUHAvbryHzRBHMoSYxvI3+VAPizlEOndYU0OepZxu4Cr8m1Na4deA==" />
</div>
    <div id="Menu">
        
<link href="CSS/Menu.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">

    function setHoverImage(btnId, id) {
        if (id == "imgBtGuessing")
            document.getElementById(btnId).src = 'Images/Menu/rotating-dice.gif';
        else if (id == "imgBtULogin")
            document.getElementById(btnId).src = 'Images/Menu/UserLogin.gif';
        else if (id == "imgBtSLogin")
            document.getElementById(btnId).src = 'Images/Menu/SponsorLogin.gif';
        else if (id == "imgBtHOF")
            document.getElementById(btnId).src = 'Images/Menu/HOF.gif';
    }

    function setNormalImage(btnId, id) {
        if (id == "imgBtGuessing")
            document.getElementById(btnId).src = 'Images/Menu/rotating-diceMutable.bmp';
        else if (id == "imgBtULogin")
            document.getElementById(btnId).src = 'Images/Menu/UserLoginMutable.bmp';
        else if (id == "imgBtSLogin")
            document.getElementById(btnId).src = 'Images/Menu/SponsorLoginMutable.bmp';
        else if (id == "imgBtHOF")
            document.getElementById(btnId).src = 'Images/Menu/HOFMutable.bmp';
    }

    function SetIdleImage(btnId, id) {
        if (id == "imgBtGuessing")
            document.getElementById(btnId).src = 'Images/Menu/rotating-diceBnW.jpg';
        else if (id == "imgBtULogin")
            document.getElementById(btnId).src = 'Images/Menu/UserLoginBnW.jpg';
        else if (id == "imgBtSLogin")
            document.getElementById(btnId).src = 'Images/Menu/SponsorLoginBnW.jpg';
        else if (id == "imgBtHOF")
            document.getElementById(btnId).src = 'Images/Menu/HOFBnW.jpg';
    }
 
</script>
<style type="text/css">
    .style2
    {
        width: 1169px;
    }
    .style3
    {
        width: 96px;
    }
</style>
<div id="ctl03_MenuDiv" class="Menu">
    <table id="menuTbl" cellpadding="0" cellspacing="0" class="Menu">
        <tr>
            <td align="center" valign="top" style="border: 2px solid red;">
                <input type="image" name="ctl00$ctl03$imgBtGuessing" id="ctl03_imgBtGuessing" title="Place Your bets" onmouseover="setHoverImage(&#39;ctl03_imgBtGuessing&#39;, &#39;imgBtGuessing&#39;);" onmouseout="setNormalImage(&#39;ctl03_imgBtGuessing&#39;, &#39;imgBtGuessing&#39;);" src="Images/Menu/rotating-diceMutable.bmp" />
            </td>
            <td align="center" valign="top" style="border: 2px solid red;">
                <input type="image" name="ctl00$ctl03$imgBtULogin" id="ctl03_imgBtULogin" title="User Login" onmouseover="setHoverImage(&#39;ctl03_imgBtULogin&#39;, &#39;imgBtULogin&#39;);" onmouseout="SetIdleImage(&#39;ctl03_imgBtULogin&#39;, &#39;imgBtULogin&#39;);" src="Images/Menu/UserLoginBnW.jpg" />
            </td>
            <td align="center" valign="top" style="border: 2px solid red;">
                <input type="image" name="ctl00$ctl03$imgBtSLogin" id="ctl03_imgBtSLogin" title="Sponsor Login" onmouseover="setHoverImage(&#39;ctl03_imgBtSLogin&#39;, &#39;imgBtSLogin&#39;);" onmouseout="SetIdleImage(&#39;ctl03_imgBtSLogin&#39;, &#39;imgBtSLogin&#39;);" src="Images/Menu/SponsorLoginBnW.jpg" />
            </td>
            <td align="center" valign="top" style="border: 2px solid red;">
                <input type="image" name="ctl00$ctl03$imgBtHOF" id="ctl03_imgBtHOF" title="Hall Of Fame" onmouseover="setHoverImage(&#39;ctl03_imgBtHOF&#39;, &#39;imgBtHOF&#39;);" onmouseout="SetIdleImage(&#39;ctl03_imgBtHOF&#39;, &#39;imgBtHOF&#39;);" src="Images/Menu/HOFBnW.jpg" />
            </td>
            <td class="style3">
            </td>
            <td class="style2">
                <img id="ctl03_imgHeader" src="Images/Menu/PYBHeader.jpg" style="height:99px;" />
            </td>
        </tr>
        <tr>
            <td style="background-color: #F4F8FF; border: 2px solid red;" align="center">
                <span id="ctl03_lbImg1" class="MenuLabel" style="color:BlueViolet;">Place your bets</span>
            </td>
            <td style="background-color: #F0F8FF; border: 2px solid red;" align="center">
                <span id="ctl03_lbImg2" class="MenuLabel">User Login</span>
            </td>
            <td style="background-color: #F0F8FF; border: 2px solid red;" align="center">
                <span id="ctl03_lbImg3" class="MenuLabel">Sponsor Login</span>
            </td>
            <td style="background-color: #F0F8FF; border: 2px solid red;" align="center">
                <span id="ctl03_lbImg4" class="MenuLabel">Hall Of Fame</span>
            </td>
        </tr>
    </table>
    <hr />
    <span id="ctl03_lbMenu"></span>
</div>

    </div>
    <div>
        
   <script src="http://code.jquery.com/jquery-latest.js"  type="text/javascript">

            $(document).ready(function () {
                $("#tblGames tr:even").addClass("alt");
                $("#tblGames div:odd").addClass("alt");

            });

    </script>

    <script  language="javascript"  type="text/javascript">
        function ClientMessage(message) {
            alert(message);
        }

    </script>
    <div>
        <table width="100%" id="main">
            <tr>
                <td colspan="3">
                    
                </td>
            </tr>
            <tr>
                <td colspan="3" align="center">
                    <span id="ContentPlaceHolder1_lblSport">Select Sport type:</span>
                    &nbsp&nbsp
                    <select name="ctl00$ContentPlaceHolder1$ddlSportType" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;ctl00$ContentPlaceHolder1$ddlSportType\&#39;,\&#39;\&#39;)&#39;, 0)" id="ContentPlaceHolder1_ddlSportType">
	<option selected="selected" value="1">Football</option>
	<option value="2">BasketBall - NBA</option>

</select>
                    &nbsp&nbsp
                    <span id="ContentPlaceHolder1_lblLeague">Select League:</span>
                    &nbsp&nbsp
                    <select name="ctl00$ContentPlaceHolder1$ddlLeagueSelect" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;ctl00$ContentPlaceHolder1$ddlLeagueSelect\&#39;,\&#39;\&#39;)&#39;, 0)" id="ContentPlaceHolder1_ddlLeagueSelect">
	<option value="1">English Premier League</option>
	<option selected="selected" value="2">La Liga (Spanish League)</option>
	<option value="3">Serie A (Itallian League)</option>
	<option value="4">Bundesliga (German League)</option>
	<option value="5">France League</option>

</select>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <table id="ContentPlaceHolder1_tblFixtures" width="100%">
	<tr>
		<td class="style12">
                            </td>
		<td align="right" class="style17">
                                <a id="ContentPlaceHolder1_lbtnPreviousFixture" href="javascript:__doPostBack(&#39;ctl00$ContentPlaceHolder1$lbtnPreviousFixture&#39;,&#39;&#39;)"><< Previous fixture:</a>
                                &nbsp&nbsp
                                <span id="ContentPlaceHolder1_lbPreviousDate"></span>
                            </td>
		<td align="left" class="style22">
                                <a id="ContentPlaceHolder1_lbtnNextFixture" class="aspNetDisabled">Next fixture: >></a>
                                &nbsp&nbsp
                                <span id="ContentPlaceHolder1_lbNextDate"></span>
                            </td>
		<td>
                            </td>
	</tr>
</table>

                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td id="ContentPlaceHolder1_Games" align="center">
                    <table id="ContentPlaceHolder1_tblGames" border="1" style="border-style: solid;" frame="border" class="mytable">
	<tr>
		<td align="center" colspan="2" class="style4">
                                <span id="ContentPlaceHolder1_lbHomeTeam">Home Team</span>
                            </td>
		<td id="ContentPlaceHolder1_ScoreCell" align="center" colspan="3" class="style4">
                                <span id="ContentPlaceHolder1_lbResult">Game Score</span>
                            </td>
		<td align="center" colspan="2" class="style4">
                                <span id="ContentPlaceHolder1_lbAwayTeam">Away Team</span>
                            </td>
		<td align="center" class="style4">
                                Match Information
                            </td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Granada.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Granada</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl20" type="radio" name="ctl00$ContentPlaceHolder1$grpResults13" value="ctl20" /><label for="ContentPlaceHolder1_ctl20">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl21" type="radio" name="ctl00$ContentPlaceHolder1$grpResults13" value="ctl21" /><label for="ContentPlaceHolder1_ctl21">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl22" type="radio" name="ctl00$ContentPlaceHolder1$grpResults13" value="ctl22" /><label for="ContentPlaceHolder1_ctl22">Away team wins</label></td>
		<td class="style24"><span>Real Sociedad</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Real%20Sociedad.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl25" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Athletic%20Club.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Athletic Club</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl37" type="radio" name="ctl00$ContentPlaceHolder1$grpResults14" value="ctl37" /><label for="ContentPlaceHolder1_ctl37">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl38" type="radio" name="ctl00$ContentPlaceHolder1$grpResults14" value="ctl38" /><label for="ContentPlaceHolder1_ctl38">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl39" type="radio" name="ctl00$ContentPlaceHolder1$grpResults14" value="ctl39" /><label for="ContentPlaceHolder1_ctl39">Away team wins</label></td>
		<td class="style24"><span>Málaga</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/M%C3%A1laga.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl42" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Sporting%20Gij%C3%B3n.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Sporting Gijón</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl54" type="radio" name="ctl00$ContentPlaceHolder1$grpResults15" value="ctl54" /><label for="ContentPlaceHolder1_ctl54">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl55" type="radio" name="ctl00$ContentPlaceHolder1$grpResults15" value="ctl55" /><label for="ContentPlaceHolder1_ctl55">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl56" type="radio" name="ctl00$ContentPlaceHolder1$grpResults15" value="ctl56" /><label for="ContentPlaceHolder1_ctl56">Away team wins</label></td>
		<td class="style24"><span>Atlético Madrid</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Atl%C3%A9tico%20Madrid.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl59" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Mallorca.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Mallorca</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl71" type="radio" name="ctl00$ContentPlaceHolder1$grpResults16" value="ctl71" /><label for="ContentPlaceHolder1_ctl71">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl72" type="radio" name="ctl00$ContentPlaceHolder1$grpResults16" value="ctl72" /><label for="ContentPlaceHolder1_ctl72">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl73" type="radio" name="ctl00$ContentPlaceHolder1$grpResults16" value="ctl73" /><label for="ContentPlaceHolder1_ctl73">Away team wins</label></td>
		<td class="style24"><span>Villarreal</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Villarreal.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl76" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Levante.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Levante</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl88" type="radio" name="ctl00$ContentPlaceHolder1$grpResults17" value="ctl88" /><label for="ContentPlaceHolder1_ctl88">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl89" type="radio" name="ctl00$ContentPlaceHolder1$grpResults17" value="ctl89" /><label for="ContentPlaceHolder1_ctl89">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl90" type="radio" name="ctl00$ContentPlaceHolder1$grpResults17" value="ctl90" /><label for="ContentPlaceHolder1_ctl90">Away team wins</label></td>
		<td class="style24"><span>Rayo Vallecano</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Rayo%20Vallecano.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl93" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Barcelona.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Barcelona</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl105" type="radio" name="ctl00$ContentPlaceHolder1$grpResults18" value="ctl105" /><label for="ContentPlaceHolder1_ctl105">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl106" type="radio" name="ctl00$ContentPlaceHolder1$grpResults18" value="ctl106" /><label for="ContentPlaceHolder1_ctl106">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl107" type="radio" name="ctl00$ContentPlaceHolder1$grpResults18" value="ctl107" /><label for="ContentPlaceHolder1_ctl107">Away team wins</label></td>
		<td class="style24"><span>Valencia</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Valencia.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl110" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Real%20Zaragoza.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Real Zaragoza</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl122" type="radio" name="ctl00$ContentPlaceHolder1$grpResults19" value="ctl122" /><label for="ContentPlaceHolder1_ctl122">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl123" type="radio" name="ctl00$ContentPlaceHolder1$grpResults19" value="ctl123" /><label for="ContentPlaceHolder1_ctl123">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl124" type="radio" name="ctl00$ContentPlaceHolder1$grpResults19" value="ctl124" /><label for="ContentPlaceHolder1_ctl124">Away team wins</label></td>
		<td class="style24"><span>Real Betis</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Real%20Betis.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl127" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Racing%20Santander.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Racing Santander</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl139" type="radio" name="ctl00$ContentPlaceHolder1$grpResults20" value="ctl139" /><label for="ContentPlaceHolder1_ctl139">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl140" type="radio" name="ctl00$ContentPlaceHolder1$grpResults20" value="ctl140" /><label for="ContentPlaceHolder1_ctl140">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl141" type="radio" name="ctl00$ContentPlaceHolder1$grpResults20" value="ctl141" /><label for="ContentPlaceHolder1_ctl141">Away team wins</label></td>
		<td class="style24"><span>Sporting Gijón</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Sporting%20Gij%C3%B3n.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl144" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Real%20Betis.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Real Betis</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl156" type="radio" name="ctl00$ContentPlaceHolder1$grpResults21" value="ctl156" /><label for="ContentPlaceHolder1_ctl156">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl157" type="radio" name="ctl00$ContentPlaceHolder1$grpResults21" value="ctl157" /><label for="ContentPlaceHolder1_ctl157">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl158" type="radio" name="ctl00$ContentPlaceHolder1$grpResults21" value="ctl158" /><label for="ContentPlaceHolder1_ctl158">Away team wins</label></td>
		<td class="style24"><span>Getafe</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Getafe.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl161" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/M%C3%A1laga.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Málaga</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl173" type="radio" name="ctl00$ContentPlaceHolder1$grpResults22" value="ctl173" /><label for="ContentPlaceHolder1_ctl173">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl174" type="radio" name="ctl00$ContentPlaceHolder1$grpResults22" value="ctl174" /><label for="ContentPlaceHolder1_ctl174">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl175" type="radio" name="ctl00$ContentPlaceHolder1$grpResults22" value="ctl175" /><label for="ContentPlaceHolder1_ctl175">Away team wins</label></td>
		<td class="style24"><span>Real Zaragoza</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Real%20Zaragoza.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl178" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Espanyol.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Espanyol</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl190" type="radio" name="ctl00$ContentPlaceHolder1$grpResults23" value="ctl190" /><label for="ContentPlaceHolder1_ctl190">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl191" type="radio" name="ctl00$ContentPlaceHolder1$grpResults23" value="ctl191" /><label for="ContentPlaceHolder1_ctl191">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl192" type="radio" name="ctl00$ContentPlaceHolder1$grpResults23" value="ctl192" /><label for="ContentPlaceHolder1_ctl192">Away team wins</label></td>
		<td class="style24"><span>Levante</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Levante.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl195" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Villarreal.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Villarreal</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl207" type="radio" name="ctl00$ContentPlaceHolder1$grpResults24" value="ctl207" /><label for="ContentPlaceHolder1_ctl207">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl208" type="radio" name="ctl00$ContentPlaceHolder1$grpResults24" value="ctl208" /><label for="ContentPlaceHolder1_ctl208">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl209" type="radio" name="ctl00$ContentPlaceHolder1$grpResults24" value="ctl209" /><label for="ContentPlaceHolder1_ctl209">Away team wins</label></td>
		<td class="style24"><span>Athletic Club</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Athletic%20Club.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl212" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Rayo%20Vallecano.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Rayo Vallecano</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl224" type="radio" name="ctl00$ContentPlaceHolder1$grpResults25" value="ctl224" /><label for="ContentPlaceHolder1_ctl224">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl225" type="radio" name="ctl00$ContentPlaceHolder1$grpResults25" value="ctl225" /><label for="ContentPlaceHolder1_ctl225">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl226" type="radio" name="ctl00$ContentPlaceHolder1$grpResults25" value="ctl226" /><label for="ContentPlaceHolder1_ctl226">Away team wins</label></td>
		<td class="style24"><span>Real Madrid</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Real%20Madrid.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl229" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Valencia.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Valencia</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl241" type="radio" name="ctl00$ContentPlaceHolder1$grpResults26" value="ctl241" /><label for="ContentPlaceHolder1_ctl241">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl242" type="radio" name="ctl00$ContentPlaceHolder1$grpResults26" value="ctl242" /><label for="ContentPlaceHolder1_ctl242">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl243" type="radio" name="ctl00$ContentPlaceHolder1$grpResults26" value="ctl243" /><label for="ContentPlaceHolder1_ctl243">Away team wins</label></td>
		<td class="style24"><span>Sevilla</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Sevilla.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl246" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Osasuna.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Osasuna</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl258" type="radio" name="ctl00$ContentPlaceHolder1$grpResults27" value="ctl258" /><label for="ContentPlaceHolder1_ctl258">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl259" type="radio" name="ctl00$ContentPlaceHolder1$grpResults27" value="ctl259" /><label for="ContentPlaceHolder1_ctl259">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl260" type="radio" name="ctl00$ContentPlaceHolder1$grpResults27" value="ctl260" /><label for="ContentPlaceHolder1_ctl260">Away team wins</label></td>
		<td class="style24"><span>Granada</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Granada.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl263" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Real%20Sociedad.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Real Sociedad</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl275" type="radio" name="ctl00$ContentPlaceHolder1$grpResults28" value="ctl275" /><label for="ContentPlaceHolder1_ctl275">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl276" type="radio" name="ctl00$ContentPlaceHolder1$grpResults28" value="ctl276" /><label for="ContentPlaceHolder1_ctl276">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl277" type="radio" name="ctl00$ContentPlaceHolder1$grpResults28" value="ctl277" /><label for="ContentPlaceHolder1_ctl277">Away team wins</label></td>
		<td class="style24"><span>Mallorca</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Mallorca.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl280" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
	<tr>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Atl%C3%A9tico%20Madrid.png" style="height:100px;width:100px;" /></td>
		<td class="style24"><span>Atlético Madrid</span></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl292" type="radio" name="ctl00$ContentPlaceHolder1$grpResults29" value="ctl292" /><label for="ContentPlaceHolder1_ctl292">Home team wins</label></td>
		<td class="style8"><input id="ContentPlaceHolder1_ctl293" type="radio" name="ctl00$ContentPlaceHolder1$grpResults29" value="ctl293" /><label for="ContentPlaceHolder1_ctl293">Draw</label></td>
		<td class="style24"><input id="ContentPlaceHolder1_ctl294" type="radio" name="ctl00$ContentPlaceHolder1$grpResults29" value="ctl294" /><label for="ContentPlaceHolder1_ctl294">Away team wins</label></td>
		<td class="style24"><span>Barcelona</span></td>
		<td><img src="Images/Soccer/La%20Liga%20(Spanish%20League)/Barcelona.png" style="height:100px;width:100px;" /></td>
		<td class="style5"><input type="image" name="ctl00$ContentPlaceHolder1$ctl297" src="Images/Miscellaneous/Information.png" style="height:28px;width:28px;" /></td>
	</tr>
</table>

                </td>

                <td>
                </td>
            </tr>
            <tr>
                <td colspan="3" align="center">
                <input type="submit" name="ctl00$ContentPlaceHolder1$btPlaceYourBet" value="Place your bet!" id="ContentPlaceHolder1_btPlaceYourBet" />
                </td>
            </tr>
        </table>
    </div>

    </div>
    </form>
</body>
</html>
 
0
 

Replace:

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript">
  $(document).ready(function(){
    $("#tblGames tr:even").addClass("alt");
    $("#tblGames div:odd").addClass("alt");
  });
</script>

With:

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function () {
    $("#tblGames tr:even").addClass("alt");
    $("#tblGames div:odd").addClass("alt");
  });
</script>

I can't find #tblGames in your output...

 
0
 

Pritaeas Thank You.
First of all, we are making progress. The debugger finally stops at the Jquery function. I even replaced the function with a simple alert and it workd!
Now, the only problem is: why my rows are not being colored?

The table "tblGames" exist.

<table id="tblGames" runat="server" border="1" style="border-style: solid;" frame="border" class="alt">

Why aren't my rows being colored? :)

Thanks man

 
0
 

I don't see a style for ".alt" either.

 
0
 

There is. in a file called Menue.css, which is referenced.

<link href="CSS/Menu.css" rel="stylesheet" type="text/css" />
 
0
 

Can you paste it here, so I can see what it looks like ?

Did you use this tutorial perhaps?

 
0
 

Hi pritaes.
Sorry for the late reply, but I was abroad :)
Anyway, this is my menu.ascx file:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Menu.ascx.cs" Inherits="Menu" %>
<link href="CSS/Menu.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">

    function setHoverImage(btnId, id) {
        if (id == "imgBtGuessing")
            document.getElementById(btnId).src = 'Images/Menu/rotating-dice.gif';
        else if (id == "imgBtULogin")
            document.getElementById(btnId).src = 'Images/Menu/UserLogin.gif';
        else if (id == "imgBtSLogin")
            document.getElementById(btnId).src = 'Images/Menu/SponsorLogin.gif';
        else if (id == "imgBtHOF")
            document.getElementById(btnId).src = 'Images/Menu/HOF.gif';
    }

    function setNormalImage(btnId, id) {
        if (id == "imgBtGuessing")
            document.getElementById(btnId).src = 'Images/Menu/rotating-diceMutable.bmp';
        else if (id == "imgBtULogin")
            document.getElementById(btnId).src = 'Images/Menu/UserLoginMutable.bmp';
        else if (id == "imgBtSLogin")
            document.getElementById(btnId).src = 'Images/Menu/SponsorLoginMutable.bmp';
        else if (id == "imgBtHOF")
            document.getElementById(btnId).src = 'Images/Menu/HOFMutable.bmp';
    }

    function SetIdleImage(btnId, id) {
        if (id == "imgBtGuessing")
            document.getElementById(btnId).src = 'Images/Menu/rotating-diceBnW.jpg';
        else if (id == "imgBtULogin")
            document.getElementById(btnId).src = 'Images/Menu/UserLoginBnW.jpg';
        else if (id == "imgBtSLogin")
            document.getElementById(btnId).src = 'Images/Menu/SponsorLoginBnW.jpg';
        else if (id == "imgBtHOF")
            document.getElementById(btnId).src = 'Images/Menu/HOFBnW.jpg';
    }
 
</script>
<style type="text/css">
    .style2
    {
        width: 1169px;
    }
    .style3
    {
        width: 96px;
    }
</style>
<div id="MenuDiv" runat="server" class="Menu">
    <table id="menuTbl" cellpadding="0" cellspacing="0" class="Menu">
        <tr>
            <td align="center" valign="top" style="border: 2px solid red;">
                <asp:ImageButton ID="imgBtGuessing" runat="server" OnClick="imgBtGuessing_Click"
                    ImageUrl="~/Images/Menu/rotating-diceMutable.bmp" ToolTip="Place Your bets" />
            </td>
            <td align="center" valign="top" style="border: 2px solid red;">
                <asp:ImageButton ID="imgBtULogin" runat="server" OnClick="imgBtULogin_Click" ImageUrl="~/Images/Menu/UserLoginBnW.jpg"
                    ToolTip="User Login" />
            </td>
            <td align="center" valign="top" style="border: 2px solid red;">
                <asp:ImageButton ID="imgBtSLogin" runat="server" OnClick="imgBtSLogin_Click" ImageUrl="~/Images/Menu/SponsorLoginBnW.jpg"
                    ToolTip="Sponsor Login" />
            </td>
            <td align="center" valign="top" style="border: 2px solid red;">
                <asp:ImageButton ID="imgBtHOF" runat="server" OnClick="imgBtHOF_Click" ImageUrl="~/Images/Menu/HOFBnW.jpg"
                    ToolTip="Hall Of Fame" />
            </td>
            <td class="style3">
            </td>
            <td class="style2">
                <asp:Image ID="imgHeader" runat="server" ImageUrl="~/Images/Menu/PYBHeader.jpg" 
                    Height="99px" />
            </td>
        </tr>
        <tr>
            <td style="background-color: #F4F8FF; border: 2px solid red;" align="center">
                <asp:Label ID="lbImg1" runat="server" Text="Place your bets" CssClass="MenuLabel"></asp:Label>
            </td>
            <td style="background-color: #F0F8FF; border: 2px solid red;" align="center">
                <asp:Label ID="lbImg2" runat="server" Text="User Login" CssClass="MenuLabel"></asp:Label>
            </td>
            <td style="background-color: #F0F8FF; border: 2px solid red;" align="center">
                <asp:Label ID="lbImg3" runat="server" Text="Sponsor Login" CssClass="MenuLabel"></asp:Label>
            </td>
            <td style="background-color: #F0F8FF; border: 2px solid red;" align="center">
                <asp:Label ID="lbImg4" runat="server" Text="Hall Of Fame" CssClass="MenuLabel"></asp:Label>
            </td>
        </tr>
    </table>
    <hr />
    <asp:Label ID="lbMenu" runat="server"></asp:Label>
</div>

Regarding the tutorial, I definatly saw it, But I don't think I used it.

Thanks,
Rotem

 
0
 

Hi pritaeas, sorry for the late reply, I was abroad :)
Anyway, that is my menu.css file:

.MenuLabel
{
    font-family:Cambria;
    font-size:15px;
    color:Maroon;
}

.Menu
{
    background-color:Gray;
}

.TableBorder
{
    border-style:dotted;
}

tr.alt td {

background-color: #ecf6fc;

}

div.content div {

padding: 4px;

border: 1px solid #aaa;

}

div.alt {

background-color: #ecf6fc;

}

.test
{
   background-color: #ecf6fc; 
}

Regarding the tutorial, I definatly saw it, but I don't think that the one I used.
Thanks man,
Rotem

 
0
 

Try changing this

tr.alt td {
  background-color: #ecf6fc;
}
div.alt {
  background-color: #ecf6fc;
}

to this:

.alt {
  background-color: #ecf6fc;
}

Background on tr doesnt always work as expected, so try to add the .alt class to all the td's in the tr. (it's in the manual)

 
0
 

Ok man. Huge Progress!! now I can see all the rows being colord but, they are all at the same color:

my jquery is :

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script><script type="text/javascript">
<script type="text/javascript">
    $(document).ready(function () {
        $("#tblGames tr:even").addClass("alt");
        $("#tblGames tr:odd").addClass("over");
    });
</script>

and my menu.css contains:

.alt
{
    background: #ecf6fc;
}


.over
{
    background: #bcd4ec;
}

Why can't I see the othet color? :)

Thanks a lot pritaeas, I really appericiate you for helping me.
Rotem

 
0
 

Try this one:

$("#tblGames tr:even td").addClass("alt");

Regarding the tutorial, I definatly saw it, But I don't think I used it.

It explains the working in full. You should try it.

 
0
 

Hi
I tried. It still colors all the rows from some reason.. :(

 
0
 

Is your page accessible somewhere, so I can see it ?

 
0
 

Unfortunely not, but I can paste the client code here:

<%@ Page Title="" Language="C#" MasterPageFile="~/SiteTemplate.master" AutoEventWireup="true"
    CodeFile="Guessing.aspx.cs" Inherits="Guessing" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style type="text/css">
        .style5
        {
            width: 40px;
        }
        .style8
        {
            width: 156px;
        }
        #tblGames
        {
            width: 60%;
        }
        .style12
        {
            width: 302px;
        }
        .style17
        {
            width: 648px;
        }
        .style21
        {
            width: 125px;
        }
        .style22
        {
            width: 455px;
        }
        .style24
        {
            width: 150px;
        }
        .style25
        {
            width: 60px;
        }
    </style>
    <link href="CSS/Menu.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
   <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script><script type="text/javascript">
        $(document).ready(function ()
        {
            $("#tblGames tr:even").addClass("alt"); 
        });
    </script>
    <script  language="javascript"  type="text/javascript">
        function ClientMessage(message) {
            alert(message);
        }

    </script>
    <div>
        <table width="100%" id="main">
            <tr>
                <td colspan="3">
                    <asp:Label ID="lbMessage" runat="server" Visible="false"></asp:Label>
                </td>
            </tr>
            <tr>
                <td colspan="3" align="center">
                    <asp:Label ID="lblSport" runat="server" Text="Select Sport type:"></asp:Label>
                    &nbsp&nbsp
                    <asp:DropDownList ID="ddlSportType" runat="server" AutoPostBack="true" 
                        onselectedindexchanged="ddlSportType_SelectedIndexChanged">
                    </asp:DropDownList>
                    &nbsp&nbsp
                    <asp:Label ID="lblLeague" runat="server" Text="Select League:" Enabled="False"></asp:Label>
                    &nbsp&nbsp
                    <asp:DropDownList ID="ddlLeagueSelect" runat="server" Enabled="False" OnSelectedIndexChanged="ddlLeagueSelect_SelectedIndexChanged"
                        AutoPostBack="true">
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <table id="tblFixtures" runat="server" width="100%">
                        <tr>
                            <td class="style12">
                            </td>
                            <td align="right" class="style17">
                                <asp:LinkButton ID="lbtnPreviousFixture" runat="server" 
                                    Text="<< Previous fixture:" onclick="lbtnPreviousFixture_Click"></asp:LinkButton>
                                &nbsp&nbsp
                                <asp:Label ID="lbPreviousDate" runat="server"></asp:Label>
                            </td>
                            <td align="left" class="style22">
                                <asp:LinkButton ID="lbtnNextFixture" runat="server" Text="Next fixture: >>" OnClick="lbtnNextFixture_Click"></asp:LinkButton>
                                &nbsp&nbsp
                                <asp:Label ID="lbNextDate" runat="server"></asp:Label>
                            </td>
                            <td>
                            </td>
                        </tr>
                    </table>
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td id="Games" align="center" runat="server">
                    <table id="tblGames" runat="server" border="1" style="border-style: solid;" frame="border">
                        <tr>
                            <td align="center" colspan="2" class="style4">
                                <asp:Label ID="lbHomeTeam" runat="server" Text="Home Team"></asp:Label>
                            </td>
                            <td id="ScoreCell" align="center" colspan="3" class="style4" runat="server">
                                <asp:Label ID="lbResult" runat="server" Text="Game Score"></asp:Label>
                            </td>
                            <td align="center" colspan="2" class="style4">
                                <asp:Label ID="lbAwayTeam" runat="server" Text="Away Team"></asp:Label>
                            </td>
                            <td align="center" class="style4">
                                Match Information
                            </td>
                        </tr>
                        </table>
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td colspan="3" align="center">
                <asp:Button ID="btPlaceYourBet" runat="server" Text="Place your bet!" 
                        onclick="btPlaceYourBet_Click"/>
                </td>
            </tr>
        </table>
    </div>
</asp:Content>
 
0
 

Can you output the page as it is rendered, I do not have ASP on my system.

 
0
 

2-3 times i faced problems with using class selector....

try to do it with id selector and check it..

You
This question has already been solved: Start a new discussion instead
Post:
Start New Discussion
View similar articles that have also been tagged: