Web Design Forums

directgolf · 28-01-2008, 22:20

Hi fellas

There is a bug in my system which only happens on internet explorer not on firefox.
The left hand side of the page has a break in the overlay where it says purchase more lesson if you highlight the area it covers the break in the coloumn! totally stuck ad need help source below or if you want to see the problem go to
Direct Golf Lessons online, tuition, training and tips, Direct Golf Tuitions Member Of The Month
you will need to put log in details to access page
username:directgolf
password:directgolf
The problem is in the account page!
I know it is a bit of a ball ache for you to go here but if you could help me coz it is really annoying, little bit of code where problem is is pasted below.
Can you help me find the bug coz it is doing my head in

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">

<head>

<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<script type="text/javascript">

// Popup window function
function newWindow(file) {
popupWindow=window.open("lesson/index.php?file="+file,"Direct Golf Tuition","menubar=no,width=674,height=500,toolbar= no");
}

function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=1,men ubar=0,resizable=0,width=674,height=500,left=100,t op=100');");
}

</script>

<title>Direct Golf Lessons online, tuition, training and tips, My Credits</title>

<meta name="verify-v1" content="PuQNmobG9554md89yHMg56kKTVqdE3v1eZoipgwbG 5Y=" />
<meta name="Googlebot" content="index,follow">

<meta name="Description" content="Online golf lessons, professional training and golf instruction from Direct Golf Tuition. Improve your game with golf Lessons, tips and video tutorials from qualified PGA professionals.">
<meta name="Keywords" content="golf, golf lessons, online golf lessons, online golf tuition, golf lessons online, golf course, free golf lesson, golf instruction, golf training, pga professionals, golf tips, golf videos, golf advice, golf help, golf tutorials, golf training aids, direct golf, golf handicap">

<link rel="stylesheet" type="text/css" media="screen" href="http://www.directgolftuition.com//stylesheets/style.php?page=my_account&style=">
<link rel="shortcut icon" href="/favicon.ico">

</head>

<body>

<div id="wrapper">

<div id="header">
<h1>Direct Golf</h1> <div id="navigation"><ul>

<li>
<a href="http://www.directgolftuition.com/">
<div class="left"></div>
<div class="center">Home</div>
<div class="right"></div>
<div style="clear: both;"></div>
</a>
</li>
<li>
<a href="http://www.directgolftuition.com/articles/how_we_started">
<div class="left"></div>
<div class="center">How we started</div>
<div class="right"></div>
<div style="clear: both;"></div>
</a>
</li>
<li>
<a href="http://www.directgolftuition.com/articles/faqs">
<div class="left"></div>
<div class="center">FAQS</div>
<div class="right"></div>
<div style="clear: both;"></div>
</a>
</li>
<li>
<a href="http://www.directgolftuition.com/articles/instruction">
<div class="left"></div>
<div class="center">Instruction</div>
<div class="right"></div>
<div style="clear: both;"></div>
</a>
</li>
<li>
<a href="http://www.directgolftuition.com/articles/golf_terms">
<div class="left"></div>
<div class="center">Golf Terms</div>
<div class="right"></div>
<div style="clear: both;"></div>
</a>
</li>
<li>
<a href="http://www.directgolftuition.com/articles/resources">
<div class="left"></div>
<div class="center">Resources</div>
<div class="right"></div>
<div style="clear: both;"></div>
</a>
</li>
<li>
<a href="http://www.directgolftuition.com/articles/golf_jokes_">
<div class="left"></div>
<div class="center">Golf Jokes </div>
<div class="right"></div>
<div style="clear: both;"></div>
</a>
</li>
<li>
<a href="http://www.directgolftuition.com/contact.htm">
<div class="left"></div>
<div class="center">Contact Us</div>
<div class="right"></div>
<div style="clear: both;"></div>
</a>
</li>

</ul>

</div>
<div id="login"><form name="login" method="post" action="http://www.directgolftuition.com/process/login.php">

<h2>Welcome, <b>Direct Golf</b></h2>
<div>
<p>
<a href="http://www.directgolftuition.com/my_account.htm">My Account</a>   
<a href="http://www.directgolftuition.com/process/logout.php">Log Out</a><br>

<a href="http://www.directgolftuition.com/articles/members">Exclusive Members Content</a>
</p>
</div>

</form></div>
</div>

<div id="content">

<div id="body">

<div class="left">

<div class="block">

<form action="paypal.htm" name="purchase" method="post">

<h1>My Credits</h1>

<p>You have 4 credits available</p>

<p>Recent Activity</p>

<table cellspacing=0 cellpadding=0>
<tr>
<td><b>Date</b></td>
<td><b>Details</b></td>
<td align=right><b>Amt</b></td>
</tr>
<tr>
<td style="border-top: 1px solid white; padding: 2px 0px">28/01/08</td>
<td style="border-top: 1px solid white; padding: 2px 0px;">Lesson - 28/01/2008 18:05</td>
<td style="border-top: 1px solid white; padding: 2px 0px;" align=right>-1</td>
</tr>
<tr>
<td style="border-top: 1px solid white; padding: 2px 0px">28/01/08</td>
<td style="border-top: 1px solid white; padding: 2px 0px;">credit</td>
<td style="border-top: 1px solid white; padding: 2px 0px;" align=right>5</td>
</tr>
<tr>
<td style="border-top: 1px solid white; padding: 2px 0px">28/01/08</td>
<td style="border-top: 1px solid white; padding: 2px 0px;">Lesson - 28/01/2008 01:41</td>
<td style="border-top: 1px solid white; padding: 2px 0px;" align=right>-1</td>
</tr>
<tr>
<td style="border-top: 1px solid white; padding: 2px 0px">28/01/08</td>
<td style="border-top: 1px solid white; padding: 2px 0px;">Introductory Credit</td>
<td style="border-top: 1px solid white; padding: 2px 0px;" align=right>1</td>
</tr>
</table>



<h1>Purchase Credits</h1>

<ul>
<li style="background: none; color: yellow;"><input type="radio" name="credits" value="1"> 5 Credits, $99.00 <li style="background: none; color: yellow;"><input type="radio" name="credits" value="2"> 12 Credits, $199.00 </ul>

<br>

<p>Please select the number of credits you would like, check your details and confirm you have read our terms and conditions.</p>

<p style="color: yellow; font-weight: 800:">Please ensure you click on the 'Return to Merchant' link when PayPal has completed to finish your order.</p>

<p><input type="submit" name="submit" value="Order Credits"></p>

<img src="static_images/elements/horizontal_solution_PP.png" alt="Payments through PayPal">

</form>
<br>

</div>

</div>

<div class="right">

<div class="block">

<h1>My Lessons</h1>

<table cellspacing=0 cellpadding=0>

<tr>
<td style="border-top: 1px solid white; padding: 2px 0px">28/01/08</td>

<td style="border-top: 1px solid white; padding: 2px 0px;"><b>Completed</b></td>

<td style="border-top: 1px solid white; padding: 2px 0px;" align=right><a href="lesson.htm&id=191"><b>View</b></a></td>
</tr>
<tr>
<td style="border-top: 1px solid white; padding: 2px 0px">28/01/08</td>

<td style="border-top: 1px solid white; padding: 2px 0px;"><b>Requested</b></td>

<td style="border-top: 1px solid white; padding: 2px 0px;" align=right><a href="lesson.htm&id=189"><b>View</b></a></td>
</tr>

</table>

<p>You have enough credits for a new lesson, click below to start a lesson</p>
<ul>
<li><a href="process/new_lesson.php">Start a New Lesson</a></li>
</ul>

</div>

<script type="text/javascript">

////////////////////////////////////////////////////////////////////
// Check for required fields
////////////////////////////////////////////////////////////////////

function validateEmail(string){
for (var i=0, output='', valid="1234567890abcdefghijklmnopqrstuvwxyzABCDEFG HIJKLMNOPQRSTUVWXYZ._-@"; i<string.length; i++)
if (valid.indexOf(string.charAt(i)) != -1)
output += string.charAt(i)
return output;
}

function ValidateForm(fm){

//Adjust fields by removing invalid characters
fm.email.value=validateEmail(fm.email.value);

//Set up vairables
var error="";

//Check all fields
if(fm.name.value==""){
error+="Please enter your Forename\n";
}
if(fm.handicap.value==""){
error+="Please enter your Surname\n";
}
if(fm.email.value==""){
error+="Please enter your Email Address\n";
}
if(fm.oldPassword.value!=""){
if(fm.newPassword.value==""){
error+="Please enter your new password, or clear the old password box\n";
}
if(fm.newPassword2.value!=fm.newPassword.value){
error+="Please ensure both your new passwords are the same\n";
}
} else {
if(fm.newPassword.value!=""||fm.newPassword2.value !=""){
error+="Please enter your old password to change your passwords, or clear the new password boxes\n";
}
if(fm.newPassword2.value!=fm.newPassword.value){
error+="Please ensure both your new passwords are the same\n";
}
}

//Validate the submittion and flag errors if applicable
if(error==""){
//valid - sumit
return true;
} else {
//invalid - flag errors
alert(error);
return false;
}

}

</script>

<div class="block">

<h1>My Details</h1>

<p>Update your details below. If you wish to change your password fill in the Change Password section below, otherwise leave this section blank</p>

<form name="register" method="post" action="http://www.directgolftuition.com/process/update_details.php" onsubmit="return ValidateForm(document.register);">

<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td class="title">Name *</td>
<td style="width: 1%"><input type="text" name="name" value="Direct Golf" style="width: 200px;"></td>
</tr>
<tr>
<td class="title">Age</td>
<td><input type="text" name="age" value="30" style="width: 30px;"></td>
</tr>
<tr>
<td class="title">Email *</td>
<td><input type="text" name="email" value="directgolf" style="width: 200px;"></td>
</tr>
<tr>
<td class="title">Mobile</td>
<td><input type="text" name="mobile" value="directgofl" style="width: 100px;"></td>
</tr>

<tr>
<td class="title">Country *</td>
<td>
<select name="country">
<option value="">-- Select Country --  </option>
<option value="1">Afghanistan  </option>

skyrocket · 29-01-2008, 07:22

try closing your list tags...?

<ul>
<li style="background: none; color: yellow;"><input type="radio" name="credits" value="1"> 5 Credits, $99.00 <li style="background: none; color: yellow;"><input type="radio" name="credits" value="2"> 12 Credits, $199.00 </ul>

directgolf · 29-01-2008, 11:53

ok ty that seems to have done the trick case closed

28-01-2008, 22:20	#1 (permalink)
directgolf Registered User Join Date: Jan 2008 Posts: 34	can you fix this bug? Hi fellas There is a bug in my system which only happens on internet explorer not on firefox. The left hand side of the page has a break in the overlay where it says purchase more lesson if you highlight the area it covers the break in the coloumn! totally stuck ad need help source below or if you want to see the problem go to Direct Golf Lessons online, tuition, training and tips, Direct Golf Tuitions Member Of The Month you will need to put log in details to access page username:directgolf password:directgolf The problem is in the account page! I know it is a bit of a ball ache for you to go here but if you could help me coz it is really annoying, little bit of code where problem is is pasted below. Can you help me find the bug coz it is doing my head in <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <script type="text/javascript"> // Popup window function function newWindow(file) { popupWindow=window.open("lesson/index.php?file="+file,"Direct Golf Tuition","menubar=no,width=674,height=500,toolbar= no"); } function popUp(URL) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=1,men ubar=0,resizable=0,width=674,height=500,left=100,t op=100');"); } </script> <title>Direct Golf Lessons online, tuition, training and tips, My Credits</title> <meta name="verify-v1" content="PuQNmobG9554md89yHMg56kKTVqdE3v1eZoipgwbG 5Y=" /> <meta name="Googlebot" content="index,follow"> <meta name="Description" content="Online golf lessons, professional training and golf instruction from Direct Golf Tuition. Improve your game with golf Lessons, tips and video tutorials from qualified PGA professionals."> <meta name="Keywords" content="golf, golf lessons, online golf lessons, online golf tuition, golf lessons online, golf course, free golf lesson, golf instruction, golf training, pga professionals, golf tips, golf videos, golf advice, golf help, golf tutorials, golf training aids, direct golf, golf handicap"> <link rel="stylesheet" type="text/css" media="screen" href="http://www.directgolftuition.com//stylesheets/style.php?page=my_account&style="> <link rel="shortcut icon" href="/favicon.ico"> </head> <body> <div id="wrapper"> <div id="header"> <h1>Direct Golf</h1> <div id="navigation"><ul> <li> <a href="http://www.directgolftuition.com/"> <div class="left"></div> <div class="center">Home</div> <div class="right"></div> <div style="clear: both;"></div> </a> </li> <li> <a href="http://www.directgolftuition.com/articles/how_we_started"> <div class="left"></div> <div class="center">How we started</div> <div class="right"></div> <div style="clear: both;"></div> </a> </li> <li> <a href="http://www.directgolftuition.com/articles/faqs"> <div class="left"></div> <div class="center">FAQS</div> <div class="right"></div> <div style="clear: both;"></div> </a> </li> <li> <a href="http://www.directgolftuition.com/articles/instruction"> <div class="left"></div> <div class="center">Instruction</div> <div class="right"></div> <div style="clear: both;"></div> </a> </li> <li> <a href="http://www.directgolftuition.com/articles/golf_terms"> <div class="left"></div> <div class="center">Golf Terms</div> <div class="right"></div> <div style="clear: both;"></div> </a> </li> <li> <a href="http://www.directgolftuition.com/articles/resources"> <div class="left"></div> <div class="center">Resources</div> <div class="right"></div> <div style="clear: both;"></div> </a> </li> <li> <a href="http://www.directgolftuition.com/articles/golf_jokes_"> <div class="left"></div> <div class="center">Golf Jokes </div> <div class="right"></div> <div style="clear: both;"></div> </a> </li> <li> <a href="http://www.directgolftuition.com/contact.htm"> <div class="left"></div> <div class="center">Contact Us</div> <div class="right"></div> <div style="clear: both;"></div> </a> </li> </ul> </div> <div id="login"><form name="login" method="post" action="http://www.directgolftuition.com/process/login.php"> <h2>Welcome, <b>Direct Golf</b></h2> <div> <p> <a href="http://www.directgolftuition.com/my_account.htm">My Account</a>    <a href="http://www.directgolftuition.com/process/logout.php">Log Out</a><br> <a href="http://www.directgolftuition.com/articles/members">Exclusive Members Content</a> </p> </div> </form></div> </div> <div id="content"> <div id="body"> <div class="left"> <div class="block"> <form action="paypal.htm" name="purchase" method="post"> <h1>My Credits</h1> <p>You have 4 credits available</p> <p>Recent Activity</p> <table cellspacing=0 cellpadding=0> <tr> <td><b>Date</b></td> <td><b>Details</b></td> <td align=right><b>Amt</b></td> </tr> <tr> <td style="border-top: 1px solid white; padding: 2px 0px">28/01/08</td> <td style="border-top: 1px solid white; padding: 2px 0px;">Lesson - 28/01/2008 18:05</td> <td style="border-top: 1px solid white; padding: 2px 0px;" align=right>-1</td> </tr> <tr> <td style="border-top: 1px solid white; padding: 2px 0px">28/01/08</td> <td style="border-top: 1px solid white; padding: 2px 0px;">credit</td> <td style="border-top: 1px solid white; padding: 2px 0px;" align=right>5</td> </tr> <tr> <td style="border-top: 1px solid white; padding: 2px 0px">28/01/08</td> <td style="border-top: 1px solid white; padding: 2px 0px;">Lesson - 28/01/2008 01:41</td> <td style="border-top: 1px solid white; padding: 2px 0px;" align=right>-1</td> </tr> <tr> <td style="border-top: 1px solid white; padding: 2px 0px">28/01/08</td> <td style="border-top: 1px solid white; padding: 2px 0px;">Introductory Credit</td> <td style="border-top: 1px solid white; padding: 2px 0px;" align=right>1</td> </tr> </table> <!-- <ul> <li><a href="statement.htm">View full Statement</a></li> </ul> --> <h1>Purchase Credits</h1> <ul> <li style="background: none; color: yellow;"><input type="radio" name="credits" value="1"> 5 Credits, $99.00 <li style="background: none; color: yellow;"><input type="radio" name="credits" value="2"> 12 Credits, $199.00 </ul> <br> <p>Please select the number of credits you would like, check your details and confirm you have read our terms and conditions.</p> <p style="color: yellow; font-weight: 800:">Please ensure you click on the 'Return to Merchant' link when PayPal has completed to finish your order.</p> <p><input type="submit" name="submit" value="Order Credits"></p> <img src="static_images/elements/horizontal_solution_PP.png" alt="Payments through PayPal"> </form> <br> </div> </div> <div class="right"> <div class="block"> <h1>My Lessons</h1> <table cellspacing=0 cellpadding=0> <tr> <td style="border-top: 1px solid white; padding: 2px 0px">28/01/08</td> <td style="border-top: 1px solid white; padding: 2px 0px;"><b>Completed</b></td> <td style="border-top: 1px solid white; padding: 2px 0px;" align=right><a href="lesson.htm&id=191"><b>View</b></a></td> </tr> <tr> <td style="border-top: 1px solid white; padding: 2px 0px">28/01/08</td> <td style="border-top: 1px solid white; padding: 2px 0px;"><b>Requested</b></td> <td style="border-top: 1px solid white; padding: 2px 0px;" align=right><a href="lesson.htm&id=189"><b>View</b></a></td> </tr> </table> <p>You have enough credits for a new lesson, click below to start a lesson</p> <ul> <li><a href="process/new_lesson.php">Start a New Lesson</a></li> </ul> </div> <script type="text/javascript"> //////////////////////////////////////////////////////////////////// // Check for required fields //////////////////////////////////////////////////////////////////// function validateEmail(string){ for (var i=0, output='', valid="1234567890abcdefghijklmnopqrstuvwxyzABCDEFG HIJKLMNOPQRSTUVWXYZ._-@"; i<string.length; i++) if (valid.indexOf(string.charAt(i)) != -1) output += string.charAt(i) return output; } function ValidateForm(fm){ //Adjust fields by removing invalid characters fm.email.value=validateEmail(fm.email.value); //Set up vairables var error=""; //Check all fields if(fm.name.value==""){ error+="Please enter your Forename\n"; } if(fm.handicap.value==""){ error+="Please enter your Surname\n"; } if(fm.email.value==""){ error+="Please enter your Email Address\n"; } if(fm.oldPassword.value!=""){ if(fm.newPassword.value==""){ error+="Please enter your new password, or clear the old password box\n"; } if(fm.newPassword2.value!=fm.newPassword.value){ error+="Please ensure both your new passwords are the same\n"; } } else { if(fm.newPassword.value!=""\|\|fm.newPassword2.value !=""){ error+="Please enter your old password to change your passwords, or clear the new password boxes\n"; } if(fm.newPassword2.value!=fm.newPassword.value){ error+="Please ensure both your new passwords are the same\n"; } } //Validate the submittion and flag errors if applicable if(error==""){ //valid - sumit return true; } else { //invalid - flag errors alert(error); return false; } } </script> <div class="block"> <h1>My Details</h1> <p>Update your details below. If you wish to change your password fill in the Change Password section below, otherwise leave this section blank</p> <form name="register" method="post" action="http://www.directgolftuition.com/process/update_details.php" onsubmit="return ValidateForm(document.register);"> <table border=0 cellspacing=0 cellpadding=0> <tr> <td class="title">Name </td> <td style="width: 1%"><input type="text" name="name" value="Direct Golf" style="width: 200px;"></td> </tr> <tr> <td class="title">Age</td> <td><input type="text" name="age" value="30" style="width: 30px;"></td> </tr> <tr> <td class="title">Email </td> <td><input type="text" name="email" value="directgolf" style="width: 200px;"></td> </tr> <tr> <td class="title">Mobile</td> <td><input type="text" name="mobile" value="directgofl" style="width: 100px;"></td> </tr> <tr> <td class="title">Country *</td> <td> <select name="country"> <option value="">-- Select Country --  </option> <option value="1">Afghanistan  </option>

29-01-2008, 07:22	#2 (permalink)
skyrocket SkyRocket Design Join Date: Aug 2005 Location: Chichester Posts: 536	try closing your list tags...? <ul> <li style="background: none; color: yellow;"><input type="radio" name="credits" value="1"> 5 Credits, $99.00 <li style="background: none; color: yellow;"><input type="radio" name="credits" value="2"> 12 Credits, $199.00 </ul> __________________ SkyRocket Design :: website design chichester

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

29-01-2008, 11:53	#3 (permalink)
directgolf Registered User Join Date: Jan 2008 Posts: 34	ok ty that seems to have done the trick case closed

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)