Board index   FAQ   Search  
Register  Login
Board index php forum :: HTML JavaScript

Graph value did not show up in the chrome browser

Javascript coding ..

Moderators: macek, egami, gesf

Graph value did not show up in the chrome browser

Postby IamNew » Tue Nov 22, 2011 5:32 am

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&#058;popup('graph/graphbarcgpa.php?cgpa11=<?php echo $cgpa11;?>&amp;cgpa12=<?php echo $cgpa12;?>&amp;cgpa21=<?php echo $cgpa21;?>&amp;cgpa22=<?php echo $cgpa22;?>&amp;cgpa31=<?php echo $cgpa31;?>&amp;cgpa32=<?php echo $cgpa32;?>&amp;cgpa41=<?php echo $cgpa41;?>&amp;cgpa42=<?php echo $cgpa42;?>&amp;cgpa51=<?php echo $cgpa51;?>&amp;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 the 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.
IamNew
New php-forum User
New php-forum User
 
Posts: 28
Joined: Fri Nov 04, 2011 6:29 am

Return to JavaScript

Who is online

Users browsing this forum: No registered users and 1 guest

Sponsored by Sitebuilder Web hosting and Traduzioni Italiano Rumeno and antispam for cPanel.