-
- Simoned
 -
Total Posts: 5
Joined: 2008-07-06
|
Hello everyone,
First off, my skill levels with XHTML/CSS is solid, but I lack entirely in Javascript department. I can read it and modify only the simplest variables.
Which is why I’m here:
I’m currently working on Usmile.ca and have reached an obstacle I can’t seem to tackle…
Excerpt from Firebug:
[Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: http://usmile.ca/js/proxy.php?c=auto&f;=,prototype/prototype.js,prototype/validation.js,scriptaculous/builder.js,scriptaculous/effects.js,scriptaculous/dragdrop.js,scriptaculous/controls.js,scriptaculous/slider.js,varien/js.js,varien/form.js,varien/menu.js,mage/translate.js,mage/cookies.js,jq/jquery-1.2.6.js,jq/jquery.scrollTo-1.3.3.js,jq/jquery.localscroll-1.2.6.js,jq/jquery.serialScroll-1.2.1.js,jq/coda-slider.js :: anonymous :: line 8738" data: no]
http://usmile.ca/js/proxy.php?c=auto&f;=,prototype/prototype.js,prototype/validation.js,scriptaculous/builder.js,scriptaculous/effects.js,scriptaculous/dragdrop.js,scriptaculous/controls.js,scriptaculous/slider.js,varien/js.js,varien/form.js,varien/menu.js,mage/translate.js,mage/cookies.js,jq/jquery-1.2.6.js,jq/jquery.scrollTo-1.3.3.js,jq/jquery.localscroll-1.2.6.js,jq/jquery.serialScroll-1.2.1.js,jq/coda-slider.js
Line 8738
Apparently something running in Magento doesn’t like something in jQuery.
I found a tabbed system that I would like to use. It’s build on jQuery and a few of the slider/scroll plug-ins.
Slider Page:
jQuery for Designers - Coda Slider
Demo:
jQuery for Designers - Coda Slider Demo
I’ll post my steps to get to this error:
1. Pasted the following structure into the content field of the front page:
<div id="slider">
<ul class="navigation">
<li><a href="#intro">Intro</a></li>
<li><a href="#safe">It' Safe</a></li>
<li><a href="#howworks">How it Works</a></li>
<li><a href="#FAQ">FAQ</a></li>
<li><a href="#order">Order</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<!-- element with overflow applied -->
<div class="scroll">
<!-- the element that will be scrolled during the effect -->
<div class="scrollContainer">
<!-- our individual panels -->
<div class="panel" id="intro"> Introduction </div>
<div class="panel" id="safe"> It' Safe </div>
<div class="panel" id="howworks"> How it Works </div>
<div class="panel" id="FAQ"> FAQ </div>
<div class="panel" id="order"> Order </div>
<div class="panel" id="contact"> Contact</div>
</div>
</div>
</div>
2. Modified the contents of all the js files to run in a no-conflict mode and then added them to page.xml (minus jQuery itself) . These files were uploaded to the root/js/jq directory:
<action method="addJs"><script>jq/jquery-1.2.6.js</script></action>
<action method="addJs"><script>jq/jquery.scrollTo-1.3.3.js</script></action>
<action method="addJs"><script>jq/jquery.localscroll-1.2.6.js</script></action>
<action method="addJs"><script>jq/jquery.serialScroll-1.2.1.js</script></action>
<action method="addJs"><script>jq/coda-slider.js</script></action>
I have read the other pages on the Magento boards and have been guided by them to reach this point. Unfortunately I’m still stuck, any advice would be greatly appreciated.
Thank you,
Simoned
|
