StackOverflow would be great :) Please include a jsbin with runnable code.
On Tue, Mar 18, 2014 at 8:56 AM, Martin Kleinschrodt < [email protected]> wrote: > Btw, this would probably be a question for stackoverflow: > http://stackoverflow.com/questions/tagged/polymer > > > On Tuesday, March 18, 2014 4:49:22 PM UTC+1, Martin Kleinschrodt wrote: >> >> There are some commas inside of the attributes value on your >> polymer-element definition. Don't think those should be there. >> >> On Monday, March 17, 2014 5:37:56 PM UTC+1, Norman Potter wrote: >>> >>> Hey peeps >>> >>> Learning Polymer here so be gentle with me!! >>> >>> Something odd is happening here, I'm mixing Polymer with jQuery which >>> isn't the problem. The problem (in the code below) is that the >>> jQuery.fadeIn method IS working jQuery.fadeOut isn't. It's very strange. I >>> know that hide is being called by shoving in a quick console.log. >>> >>> Anyone who can shed some light on this will be my best friend for 24 >>> hours ... >>> >>> <link rel="import" >>> href="/bear-vs/public/assets/components/bear-overlay.html" >>> /> >>> >>> <polymer-element name="bear-popup" attributes="width height fadeIn, >>> fadeOut, zIndex modal modalColor modalOpacity"> >>> <style> >>> :host { >>> display: block; >>> } >>> a.close { >>> display: inline-block; >>> position: absolute; >>> top: 10px; >>> right: 10px; >>> color: #FFFFFF; >>> background-color: #DD0000; >>> padding: 2px 10px; >>> cursor: pointer; >>> } >>> </style> >>> <template> >>> <bear-overlay id="overlay" on-click="{{hide}}" fadeIn="{{fadeIn}}" >>> fadeOut="{{fadeOut}}" color="{{modalColor}}" opacity="{{modalOpacity}}" >>> zIndex="{{zIndex - 1}}"></bear-overlay> >>> <div id="popup" class="bear-popup" style="display:none;width:{{ >>> width}};height:{{height}};z-index:{{zIndex}}"> >>> <a on-click="{{hide}}" class="close"><i class="fa fa-times"></i></a> >>> <content></content> >>> </div> >>> </template> >>> <script> >>> (function() { >>> var active = false; >>> >>> Polymer('bear-popup', { >>> width: '400px', >>> height: '200px', >>> fadeIn: 0, >>> fadeOut: 0, >>> zIndex: 1000, >>> modal: false, >>> modalOpacity: 0.5, >>> modalColor: '#000000', >>> show: function() { >>> if (!active) { >>> if (this.modal) { >>> this.$.overlay.show(); >>> } >>> $(this.$.popup).fadeIn(this.fadeIn); >>> active = true; >>> } >>> }, >>> hide: function() { >>> $(this.$.popup).fadeOut(this.fadeOut); >>> this.$.overlay.hide(); >>> active = false; >>> } >>> }); >>> })(); >>> </script> >>> </polymer-element> >>> >>> Thanks peeps >>> >>> Follow Polymer on Google+: plus.google.com/107187849809354688692 > --- > You received this message because you are subscribed to the Google Groups > "Polymer" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/polymer-dev/5cf587e1-2855-4024-927e-83da4a55d262%40googlegroups.com<https://groups.google.com/d/msgid/polymer-dev/5cf587e1-2855-4024-927e-83da4a55d262%40googlegroups.com?utm_medium=email&utm_source=footer> > . > > For more options, visit https://groups.google.com/d/optout. > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CACGqRCCQzZYzFUdFv%2B-T9_xBsmMa%3DRcYLnnfLxSb%3DASiuAhVJg%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
