Ah, ok. That's an interesting observation in itself. Thanks for sharing.
Just a quick test in chrome shows that it does fire it if I do it from the
chrome console (and copy/paste works better when doing 'all'):
my-element.html:7 attributeName: some-attribute
my-element.html:8 oldValue one
my-element.html:9 newValue two
my-element.html:7 attributeName: other-attribute
my-element.html:8 oldValue null
my-element.html:9 newValue new
var el = document.getElementById('my_element')
undefined
el.setAttribute("some-attribute","three");
my-element.html:7 attributeName: some-attribute
my-element.html:8 oldValue two
my-element.html:9 newValue three
undefined
Just for reference. It's kind of curious that it doesn't work for firebug -
I wonder if it is something to do with the polyfill?
Anyway...
Max.
On Fri Jan 09 2015 at 21:56:42 Niko Lang <[email protected]> wrote:
> Nothing. It was my fault that I was lazy and changed the attricute with
> Firebug... And this doesnt fire anything
>
>
> On Friday, January 9, 2015 at 2:52:47 PM UTC+1, David Waterman wrote:
>
>> ok, but what was wrong in your initial attempt?
>>
>> On Fri Jan 09 2015 at 21:44:51 Niko Lang <[email protected]> wrote:
>>
> It seems to work but something is killing my canvas rendering after some
>>> millisectonds. But thats another topic.
>>>
>>>
>>> On Friday, January 9, 2015 at 11:24:56 AM UTC+1, Niko Lang wrote:
>>>>
>>>> I have a simple canvas object like this:
>>>>
>>>> <polymer-element name="canvas-diagram" attributes="type width height
>>>> json">
>>>> <template>
>>>> <div id="canvasField">
>>>> Typ: {{type}}, Width:<input value="{{width}}">, Height:{{height
>>>> }}, json:{{json}}
>>>> <div id="canvasContainer">
>>>> <canvas id="canvasObj" width="{{width}}" height=
>>>> "{{height}}"></canvas>
>>>> </div>
>>>> </div>
>>>> </template>
>>>> <script>
>>>> function getMaxOfArray(numArray) {
>>>> return Math.max.apply(null, numArray);
>>>> }
>>>> Polymer("canvas-diagram",{
>>>> type: "bar",
>>>> width: "300",
>>>> height: "200",
>>>> ready: function() {
>>>> console.log("this.ready()");
>>>> this.writeDiagram();
>>>> },
>>>> attributeChanged: function(attrName, oldVal, newVal) {
>>>> console.log("this.attributeChanged()");
>>>> console.log(attrName, 'old: ' + oldVal, 'new:', newVal);
>>>> this.writeDiagram();
>>>> },
>>>> writeDiagram : function(){
>>>> [...]
>>>> },
>>>>
>>>> json: {
>>>> data:[
>>>> {"name":"Texts","value":"150"},
>>>> {"name":"Videos","value":"50"},
>>>> {"name":"Audio","value":"30"},
>>>> {"name":"Test","value":"20"},
>>>> {"name":"Test","value":"20"},
>>>> {"name":"Test","value":"20"}
>>>> ]}
>>>> });
>>>> </script>
>>>> </polymer-element>
>>>>
>>>> But when I canhage an attribute manually the attributeChanged() Function
>>>> doesnt fire. What am I doing wrong?
>>>>
>>> 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/844c7fd7-42dc-4b53-a984-7ced8f34ea91%
>>> 40googlegroups.com
>>> <https://groups.google.com/d/msgid/polymer-dev/844c7fd7-42dc-4b53-a984-7ced8f34ea91%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/1b016ece-e5a3-44d0-a266-3cb1efe0776e%40googlegroups.com
> <https://groups.google.com/d/msgid/polymer-dev/1b016ece-e5a3-44d0-a266-3cb1efe0776e%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/CAMZCrPgC%2BHuBQMmVsbp3CeBG0vwjS8FACp%2B_wDVJA77VOKNV8Q%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.
