lg1382
11-14-2013, 07:08 AM
1) Script Title: Step Carousel IE 10 Errors - Unable to get property 'offsetParent' and 'stop'
2) Script URL (on DD): Step Carousel v1.9
3) Describe problem: I recently noticed that my Win7 OS updated to IE 10. Now, when I view my site with the Step Carousel viewer, I'm getting javascript errors in IE 10. FF continues to work fine. The error message is, "JavaScript runtime error: Unable to get property 'offsetParent' of undefined or null reference." When debugging, I can choose "Continue" in the Visual Studio error window and the page finishes loading. The carousel viewer seems to work 100% fine. When not debugging, I'm presented with a browser dialog that allows me to "hide" these types of errors, and too will finish loading and the carousel works as it always has. Then, when I leave the page, I get another error, this time the message is "JavaScript runtime error: Unable to get property 'stop' of undefined or null reference." I have no idea why this has started happening. The only things that have changed is the IE 10 update, and I also updated the site (including these pages) to use the latest version of the Google Maps API (V3). As I mentioned, Firefox still works great... and IE technically works also... but it's popping up error messages and that's not good.
Here is my implementation code that worked warning/error free prior to IE 10:
<script type="text/javascript" src="../../stepcarousel.js"></script>
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: { enable: true, moveby: 1, pause: 5000 },
panelbehavior: { speed: 900, wraparound: true, wrapbehavior: 'slide', persist: true },
defaultbuttons: { enable: true, moveby: 1, leftnav: ['../../images/left.gif', 0, 80], rightnav: ['../../images/right.gif', -24, 80] },
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
});
stepcarousel.setup({
galleryid: 'presgallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: { enable: true, moveby: 1, pause: 5000 },
panelbehavior: { speed: 900, wraparound: true, wrapbehavior: 'slide', persist: true },
defaultbuttons: { enable: true, moveby: 1, leftnav: ['../../images/left.gif', 0, 80], rightnav: ['../../images/right.gif', -24, 80] },
statusvars: ['statusA1', 'statusB1', 'statusC1'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
});
</script>
2) Script URL (on DD): Step Carousel v1.9
3) Describe problem: I recently noticed that my Win7 OS updated to IE 10. Now, when I view my site with the Step Carousel viewer, I'm getting javascript errors in IE 10. FF continues to work fine. The error message is, "JavaScript runtime error: Unable to get property 'offsetParent' of undefined or null reference." When debugging, I can choose "Continue" in the Visual Studio error window and the page finishes loading. The carousel viewer seems to work 100% fine. When not debugging, I'm presented with a browser dialog that allows me to "hide" these types of errors, and too will finish loading and the carousel works as it always has. Then, when I leave the page, I get another error, this time the message is "JavaScript runtime error: Unable to get property 'stop' of undefined or null reference." I have no idea why this has started happening. The only things that have changed is the IE 10 update, and I also updated the site (including these pages) to use the latest version of the Google Maps API (V3). As I mentioned, Firefox still works great... and IE technically works also... but it's popping up error messages and that's not good.
Here is my implementation code that worked warning/error free prior to IE 10:
<script type="text/javascript" src="../../stepcarousel.js"></script>
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: { enable: true, moveby: 1, pause: 5000 },
panelbehavior: { speed: 900, wraparound: true, wrapbehavior: 'slide', persist: true },
defaultbuttons: { enable: true, moveby: 1, leftnav: ['../../images/left.gif', 0, 80], rightnav: ['../../images/right.gif', -24, 80] },
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
});
stepcarousel.setup({
galleryid: 'presgallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: { enable: true, moveby: 1, pause: 5000 },
panelbehavior: { speed: 900, wraparound: true, wrapbehavior: 'slide', persist: true },
defaultbuttons: { enable: true, moveby: 1, leftnav: ['../../images/left.gif', 0, 80], rightnav: ['../../images/right.gif', -24, 80] },
statusvars: ['statusA1', 'statusB1', 'statusC1'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
});
</script>