Closed
Description
In Line 46, Polymer('add-node', {
It strange to find Polymer is undefined error in IE developer tools console.
<!doctype html>
<head>
<link rel="import" href="/bower_components/polymer/polymer.html">
<link rel="import" href="/bower_components/paper-input/paper-input.html">
<link rel="import" href="/bower_components/paper-button/paper-button.html">
<link rel="import" href="/bower_components/core-ajax/core-ajax.html">
</head>
<body>
<polymer-element name="add-node" attributes="url item">
<template>
<style>
paper-input {
color:#000000;
text-align:left;
}
paper-button.colored {
background:#000000;
color:#ffffff;
}
.centered {
display:block;
text-align:center;
width:100%;
}
</style>
<geo-location latitude="{{lat}}" longitude="{{lng}}"></geo-location>
<form id="form_1">
<paper-input floatingLabel label="Name:" value="{{item.name}}"></paper-input>
<paper-input floatingLabel label="Street Address:" value="{{item.address}}"></paper-input>
<paper-input floatingLabel label="City" value="{{item.city}}"></paper-input>
<paper-input floatingLabel label="State" value="{{item.state}}"></paper-input>
<paper-input floatingLabel label="Zip" value="{{item.zip}}"></paper-input>
<paper-input floatingLabel label="Phone:" value="{{item.phone}}"></paper-input>
<paper-input floatingLabel label="Description:" value="{{item.description}}"></paper-input>
<div class="centered">
<paper-button on-tap="{{doSend}}" raisedButton class="colored" label="Save"></paper-button>
</div>
</form>
<core-ajax id="ajax" method="POST" url="r.php" params="{{item}}"
on-core-response="{{handleResponse}}"
response="{{resp}}"></core-ajax>
<template repeat="{{resp}}">{{data}}</template>
{{resp}} print status
</template>
<script>
Polymer('add-node', { //"Polymer is undefined" error in IE developer tools console.
created: function() {
this.item = {};
},
doSend: function() {
this.$.ajax.go();
},
respChanged: function() {
console.log("test");
},
handleResponse: function(e) {
//console.log(e.detail.response);
}
});
</script>
</polymer-element>
<add-node></add-node>
</body>
</html>
Metadata
Assignees
Labels
No labels