Page 1 of 1

Graph value did not show up in the chrome browser

Posted: Tue Nov 22, 2011 7:24 am
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.

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

Posted: Tue Nov 22, 2011 7:38 am
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>