Hi there, I am using Javascript: pop up function to pop up bar chart on a new page to show the pointer of the student. My JS codes can run on IE and firefox but fail on chrome. Chrome give me the blank chart as shown below.
Chrome browser
IE and firefox browsers
I want to display the same thing as in IE and firefox in chrome as well. Below are the codes:
Codes of the main page (manage_student.php)
<tr bgcolor="#D6F5F5">
<td height="21" colspan="3">
<?php
$cgpa11=(($row_student['cgpa11']));
$cgpa12=(($row_student['cgpa12']));
$cgpa21=(($row_student['cgpa21']));
$cgpa22=(($row_student['cgpa22']));
$cgpa31=(($row_student['cgpa31']));
$cgpa32=(($row_student['cgpa32']));
$cgpa41=(($row_student['cgpa41']));
$cgpa42=(($row_student['cgpa42']));
$cgpa51=(($row_student['cgpa51']));
$cgpa52=(($row_student['cgpa52']));
?>
<strong><a href="javascript:popup('graph/graphbarcgpa.php?cgpa11=<?php echo $cgpa11;?>&cgpa12=<?php echo $cgpa12;?>&cgpa21=<?php echo $cgpa21;?>&cgpa22=<?php echo $cgpa22;?>&cgpa31=<?php echo $cgpa31;?>&cgpa32=<?php echo $cgpa32;?>&cgpa41=<?php echo $cgpa41;?>&cgpa42=<?php echo $cgpa42;?>&cgpa51=<?php echo $cgpa51;?>&cgpa52=<?php echo $cgpa52;?>')" style="text-decoration:none; color: #004080;"> <img src="image/b_view.gif" border="0" align="top" /> <u>CGPA Graph</u></a></strong>
</td>
</tr>
Codes of the pop up page
<style type="text/css">
<!--
.style3{
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #004080;
font-weight: bold;
}
-->
</style>
<table width="615" border="0" align="center" cellpadding="1" cellspacing="0">
<tr>
<td height="20" colspan="17"></td>
</tr>
<tr align="left" valign="middle">
<td width="45" height="23">
<?php
$cgpa11=$_REQUEST['cgpa11'];
$cgpa12=$_REQUEST['cgpa12'];
$cgpa21=$_REQUEST['cgpa21'];
$cgpa22=$_REQUEST['cgpa22'];
$cgpa31=$_REQUEST['cgpa31'];
$cgpa32=$_REQUEST['cgpa32'];
$cgpa41=$_REQUEST['cgpa41'];
$cgpa42=$_REQUEST['cgpa42'];
$cgpa51=$_REQUEST['cgpa51'];
$cgpa52=$_REQUEST['cgpa52'];
?>
<?php
$cgpa11=((($cgpa11/4.00)*100)/100)*400;
$cgpa12=((($cgpa12/4.00)*100)/100)*400;
$cgpa21=((($cgpa21/4.00)*100)/100)*400;
$cgpa22=((($cgpa22/4.00)*100)/100)*400;
$cgpa31=((($cgpa31/4.00)*100)/100)*400;
$cgpa32=((($cgpa32/4.00)*100)/100)*400;
$cgpa41=((($cgpa41/4.00)*100)/100)*400;
$cgpa42=((($cgpa42/4.00)*100)/100)*400;
$cgpa51=((($cgpa51/4.00)*100)/100)*400;
$cgpa52=((($cgpa52/4.00)*100)/100)*400;
?>
</td>
<td height="23"></td>
<td height="23"></td>
<td height="23" colspan="10" align="center" bgcolor="#999999"><strong style="font-weight: bold; font-size: 14px; font-family: Verdana, Geneva, sans-serif; color: #FFF;">CGPA Performance Graph</strong></td>
<td height="23"></td>
<td width="48" height="23"></td>
</tr>
<tr align="left" valign="middle">
<td height="20" colspan="17"><strong style="color: #004080; font-weight: bold; font-size: 14px; font-family: Verdana, Geneva, sans-serif;"> CGPA</strong></td>
</tr>
<tr>
<td width="45">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="37" height="15" align="center" valign="bottom"><span class="style3">4.0</span></td>
<td width="8" height="15" align="center" valign="bottom" background="../image/graphline0.gif"></td>
</tr>
<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">3.5</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>
<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">3.0</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>
<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">2.5</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>
<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">2.0</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>
<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">1.5</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>
<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">1.0</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>
<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">0.5</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>
<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">0.0</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>
</table>
</td>
<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" height="<?php echo $cgpa11;?>"></td>
</tr>
</table>
</td>
<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" height="<?php echo $cgpa12;?>"></td>
</tr>
</table>
</td>
<td width="15"></td>
<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" height="<?php echo $cgpa21;?>"></td>
</tr>
</table>
</td>
<td width="48" align="center" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" height="<?php echo $cgpa22;?>"></td>
</tr>
</table>
</td>
<td width="15"></td>
<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" height="<?php echo $cgpa31;?>"></td>
</tr>
</table>
</td>
<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" height="<?php echo $cgpa32;?>"></td>
</tr>
</table>
</td>
<td width="15"></td>
<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" height="<?php echo $cgpa41;?>"></td>
</tr>
</table>
</td>
<td width="48" align="center" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" height="<?php echo $cgpa42;?>"></td>
</tr>
</table>
</td>
<td width="15"></td>
<td width="48" align="center" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" height="<?php echo $cgpa51;?>"></td>
</tr>
</table>
</td>
<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" height="<?php echo $cgpa52;?>"></td>
</tr>
</table>
</td>
<!--
<td width="10"> </td>
<td width="31" rowspan="4" align="left" valign="bottom"><br /> <br /></td>
-->
</tr>
<tr align="center" valign="middle">
<td width="45" height="0.1"></td>
<td height="0.1" colspan="15" bgcolor="#000000"></td>
</tr>
<tr>
<td height="0.5" colspan="15"></td>
</tr>
<tr align="center" valign="middle">
<td width="45" height="15"></td>
<td height="15" bgcolor="#99CCCC"><div align="center"><strong class="style3">Sem I</strong></div></td>
<td height="15" bgcolor="#99CCCC"><strong class="style3">Sem II</strong></td>
<td width="15" height="15"></td>
<td height="15" bgcolor="#99CC99"><strong class="style3">Sem I</strong></td>
<td height="15" bgcolor="#99CC99"><strong class="style3">Sem II</strong></td>
<td height="15"></td>
<td height="15" bgcolor="#99CCCC"><strong class="style3">Sem I</strong></td>
<td height="15" bgcolor="#99CCCC"><strong class="style3">Sem II</strong></td>
<td height="15"></td>
<td height="15" bgcolor="#99CC99"><strong class="style3">Sem I</strong></td>
<td height="15" bgcolor="#99CC99"><strong class="style3">Sem II</strong></td>
<td height="15"></td>
<td height="15" bgcolor="#99CCCC"><strong class="style3">Sem I</strong></td>
<td width="48" height="15" bgcolor="#99CCCC"><strong class="style3">Sem II</strong></td>
</tr>
<tr align="center" valign="middle">
<td width="45" height="15"></td>
<td height="15" colspan="2" bgcolor="#99CCCC"><strong class="style3">Year 1</strong></td>
<td width="15" height="15"></td>
<td height="15" colspan="2" bgcolor="#99CC99"><strong class="style3">Year 2</strong></td>
<td height="15"></td>
<td height="15" colspan="2" bgcolor="#99CCCC"><strong class="style3">Year 3</strong></td>
<td height="15"></td>
<td height="15" colspan="2" bgcolor="#99CC99"><strong class="style3">Year 4</strong></td>
<td height="15"></td>
<td height="15" colspan="2" bgcolor="#99CCCC"><strong class="style3">Year 5</strong></td>
</tr>
</table>
Please guide. I need chrome to display as in IE and firefox.