search

srk0143 / dwpe

Automatically exported from code.google.com/p/dwpe
MIT License
0 stars 0 forks source link

Visualize graph not working in Explorer 8 Object doesn't support this property or method #72

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago 
Using Firefox or Opera everything seems to work fine. The problem is with IE8 
and the error it throws me is "Object doesn't support this property or method". 
And the location of the error is in two different places: jquery-1.6.4.min.js 
line 2 character 15738. The other is visualize.jQuery.js line 446 character 3. 
Specifically, it highlights this:

var ctx = canvas[0].getContext('2d');

The page itself is pretty straightforward and here is it, here:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "{$g_doctype1}"><html 
xml:lang="en-ca" lang="en-ca" dir="ltr" 
xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" 
content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery-FontEffect-1.0.0.min.js"></script>
<script type="text/javascript" src="js/visualize.jQuery.js"></script>
<!--<script type="text/javascript" src="js/excanvas.js"></script>
<script type='text/javascript' src='js/example-editable.js'></script>-->
<link rel="stylesheet" href="lib/visualize.css" type="text/css" media="screen" 
/>
<link rel="stylesheet" href="lib/visualize-dark.css" type="text/css" 
media="screen" />
<style type="text/css">
body {background-color:black;}
table {visibility:hidden;height:0px;}
p {color:white;font-family: arial,verdana;position:absolute;top:420px;}
#charty {position: absolute,top:0px;left:0px;}
</style>
</head>
<body>
<div id="charty"></div>
<table>
    <caption>Joseph's Computer Skills*</caption>
    <thead>
        <tr>
            <td></td>
            <th scope="col"></th>
            <th scope="col"></th>
            <th scope="col"></th>
            <th scope="col"></th>
            <th scope="col"></th>
            <th scope="col"></th>
            <th scope="col"></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">VBA</th>
            <td></td>
            <td></td>
            <td>0</td>
            <td>20</td>
            <td>30</td>
            <td>25</td>
            <td>20</td>
        </tr>
<!--        <tr>
            <th scope="row">mySQL</th>
            <td></td>
            <td>0</td>
            <td>5</td>
            <td>25</td>
            <td>35</td>
            <td>35</td>
            <td>40</td>
            -->
        </tr>
        <tr>
            <th scope="row">Google Analytics</th>
            <td></td>
            <td></td>
            <td></td>
            <td>0</td>
            <td>38</td>
            <td>45</td>
            <td>55</td>

        </tr>
        <tr>
            <th scope="row">HTML</th>
            <td>0</td>
            <td>15</td>
            <td>25</td>
            <td>40</td>
            <td>50</td>
            <td>55</td>
            <td>60</td>
        </tr>
        <tr>
            <th scope="row">jquery</th>
            <td></td>
            <td>0</td>
            <td>10</td>
            <td>25</td>
            <td>15</td>
            <td>50</td>
            <td>60</td>
        </tr>   
                <tr>
            <th scope="row">PHP</th>
            <td>0</td>
            <td>20</td>
            <td>30</td>
            <td>35</td>
            <td>40</td>
            <td>45</td>
            <td>50</td>
        </tr>
        <tr>
            <th scope="row">Excel</th>
            <td>0</td>
            <td>20</td>
            <td>30</td>
            <td>50</td>
            <td>50</td>
            <td>60</td>
            <td>70</td>
        </tr>
    </tbody>
</table>
<p>*Chart uses HTML5 and visualize plugin</p>
<script type="text/javascript">
jQuery.noConflict()
jQuery(document).ready(function(){
        jQuery('table')
   .visualize({type:'line'})
   .appendTo('#charty')
   .trigger('visualizeRefresh');

});//document ready
</script>
</body>
</html>

Original issue reported on code.google.com by jpi...@hotmail.com on 7 Oct 2011 at 8:03

GoogleCodeExporter commented 9 years ago 
exact same issue.

Original comment by willjbar...@gmail.com on 2 Feb 2012 at 12:00