Graph value did not show up in the chrome browser

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
Php Beginner
Forum Commoner
Posts: 28
Joined: Fri Nov 04, 2011 9:04 am

Graph value did not show up in the chrome browser

Post by Php Beginner »

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
Image


IE and firefox browsers
Image

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)

Code: Select all

<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;">&nbsp;&nbsp;&nbsp;<img src="image/b_view.gif" border="0" align="top" />&nbsp;&nbsp;<u>CGPA Graph</u></a></strong>
</td>
</tr>
Code of pop up page

Code: Select all

<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;">&nbsp;&nbsp;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">&nbsp;</td>
<td width="31" rowspan="4" align="left" valign="bottom"><br />&nbsp;<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.
maxx99
Forum Contributor
Posts: 142
Joined: Mon Nov 21, 2011 3:40 am

Re: Graph value did not show up in the chrome browser

Post by maxx99 »

Code: Select all

<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>
I think "Width" is the problem here. Add width=100% into second TD or 50/50 between two TDs

Code: Select all

 <td bgcolor="#33CC99" width="100%" height="<?php echo $cgpa11;?>"></td>
Post Reply