Forums

Board index » YUI 3 Gallery Forums: » Gallery Forums » Shoveler

Page 1 of 1   [ 1 post ]
New Topic | Post Reply | Print view

Sebastián Gurin

  • Offline
  • Profile
Tags:

Shoveler JavaScript error with YUI 3.5.1

Post Posted: Thu Aug 16, 2012 5:54 pm
+0-
and auto widget styling

Hi. I have troubles trying to get Shoveler work with YUI 3.5.1. The following HTML is a shoveler example that is working fine. I have to use yui 3.0.0 javascript and shoveler.js manually. If I include yui 3.5.1 javascript file the exmaple is broken with a javascript error in shoveler-min.js.

Another issue I found is that I had to include manually two css files. This is not desired behaviour for a high level widget. As such I spect that only by doing YUI.use("galler-shoveler", ...) the widget is ready to be used and displayed without further work.

Code:
<!doctype html>

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name='gwt:property' content='locale=en'>

<title>Yui4Gwt example gallery</title>

<!-- ERROR: use YUI 3.5.1 - broken -->
<!--     <script type="text/javascript" language="javascript"  -->
<!--        src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script> -->

<!-- use YUI 3.0.0 and include shoveler.js -->
<script type="text/javascript"
   src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>
<script type="text/javascript"
   src="http://gregthebusker.com/yui/shoveler/gallery-shoveler.js"></script>
   
   
<!-- ERROR: need to include CSS files explicitly -->
<link rel="stylesheet" type="text/css" href="http://gregthebusker.com/yui/shoveler/assets/shoveler-core.css">
<link rel="stylesheet" type="text/css" href="http://gregthebusker.com/yui/shoveler/testAmazon.css">
   
</head>
<body class="yui3-skin-sam">

   <div id="shoveler1" style="width: 700px;">
      <div class="yui-shoveler-header">
         <span class="yui-shoveler-page-text"></span>
         <h2>Shoveler 1 Test</h2>
      </div>
      <div class="yui-shoveler-body">
         <div class="yui-shoveler-button-left"></div>
         <ul class="yui-shoveler-cells">
            <li class="yui-shoveler-cell"><a
               href="http://www.amazon.com/Highway-Hell-AC-DC/dp/B00008BXJG/ref=pd_ys_home_shvl_8">
                  <img width="130" height="130" border="0" id="" alt=""
                  src="https://images-na.ssl-images-amazon.com/images/I/511%2B7rD9rFL._SL500_SS130_.jpg">
                  Highway to Hell
            </a> (Audio CD) ~ AC/DC</li>
            <li class="yui-shoveler-cell"><a
               href="http://www.amazon.com/Infinity-Journey/dp/B000G7PNKY/ref=pd_ys_home_shvl_50">
                  <img width="130" height="130" border="0" id="" alt=""
                  src="https://images-na.ssl-images-amazon.com/images/I/51MQWN8X36L._SL500_SS130_.jpg">
                  Infinity
            </a> (Audio CD) ~ Journey</li>
            <li class="yui-shoveler-cell"><a
               href="http://www.amazon.com/Essential-Toto/dp/B0000CF30I/ref=pd_ys_home_shvl_48">
                  <img width="130" height="130" border="0" id="" alt=""
                  src="https://images-na.ssl-images-amazon.com/images/I/51xKsJbem0L._SL500_SS130_.jpg">
                  The Essential Toto
            </a> (Audio CD) ~ Toto</li>
            <li class="yui-shoveler-cell"><a
               href="http://www.amazon.com/Synchronicity-Digipak-Police/dp/B00008BRB5/ref=pd_ys_home_shvl_47">
                  <img width="130" height="130" border="0" id="" alt=""
                  src="https://images-na.ssl-images-amazon.com/images/I/51XhIp-RhhL._SL500_SS130_.jpg">
                  Synchronicity [Digipak]
            </a> (Audio CD) ~ The Police</li>

            <li class="yui-shoveler-cell"><a
               href="http://www.amazon.com/Best-Talking-Heads/dp/B0002IQMKM/ref=pd_ys_home_shvl_46">
                  <img width="130" height="130" border="0" id="" alt=""
                  src="https://images-na.ssl-images-amazon.com/images/I/51FGxAW1%2BJL._SL500_SS130_.jpg">
                  The Best of Talking Heads
            </a>(Audio CD) ~ Talking Heads</li>
            <li class="yui-shoveler-cell"><a
               href="http://www.amazon.com/Argybargy-Squeeze/dp/B000SLVW8K/">
                  <img width="130" height="130" border="0" id="" alt=""
                  src="https://images-na.ssl-images-amazon.com/images/I/61j%2BruFe5rL._SL500_SS130_.jpg">
                  Argybargy
            </a>(Audio CD) ~ Squeeze</li>
            <li class="yui-shoveler-cell"><a
               href="http://www.amazon.com/Glass-House-Gentle-Giant/dp/B0030U1U6A/">
                  <img width="130" height="130" border="0" id="" alt=""
                  src="https://images-na.ssl-images-amazon.com/images/I/51SARprANjL._SL500_SS130_.jpg">
                  In a Glass House
            </a>(Audio CD) ~ Gentle Giant</li>
         </ul>
         <div class="yui-shoveler-button-right"></div>
      </div>
   </div>


   <script type="text/javascript">

YUI({
   filter: "DEBUG",
    //Last Gallery Build of this module
    gallery: 'gallery-2010.03.23-17-54'
}).use('gallery-shoveler', "node", function(Y) {
 
shoveler1 = new Y.Shoveler( {
        contentBox: "#shoveler1",
      numberOfVisibleCells: 3,
      cyclical: true,
      renderFunctionName: "renderCellsWithPop"
    });
shoveler1.render();
});
</script>

</body>
</html>
Page 1 of 1   [ 1 post ]
New Topic | Post Reply | Print view
Display posts from previous:  Sort by  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Recent Forums Posts

Recent YUI Blog Posts

Online Users

No Users Online

© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info

Powered by phpBB® Forum Software © phpBB Group