editable

a6dc2027 · 神楽坂玲奈 · a0901304 · a6dc2027 · a6dc2027 · a6dc2027
Commit a6dc2027 authored Mar 08, 2013 by 神楽坂玲奈
6 changed files
--- a/index.html
+++ b/index.html
-<meta charset="UTF-8">
+<html>
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="normalize.css"/>
+    <link rel="stylesheet" href="style.css"/>
+</head>
+<body>
 <div class="card">
    <img class="card_type" src="mse/data/yugioh-standard.mse-style/card-slifer.png"/>
    <span class="name">喵了个咪</span>
-    <img class="attribute" src="mse/data/yugioh-caicai-levels.mse-symbol-font/水.png"/>
-
+    <span class="attribute" data-attribute="water"></span>
    <div class="level" data-level="4"></div>
    <img class="image" src="shanghai.jpg"/>
    <span class="monster_type">【人偶族·卖萌】</span>
@@ -19,6 +24,8 @@
    <span class="atk">123</span>
    <span class="def">321</span>
 </div>
-
-<link rel="stylesheet" href="normalize.css"/>
-<link rel="stylesheet" href="style.css"/>
\ No newline at end of file
+<script src="js/vendor/jquery-1.9.1.min.js"></script>
+<script src="js/vendor/jquery.jeditable.mini.js"></script>
+<script src="js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
--- a/js/main.coffee
+++ b/js/main.coffee
+$(document).ready ->
+  $('.name').editable (value, settings) ->
+    value
+
+  $('.attribute').editable (value, settings) ->
+    $(this).attr 'data-attribute', value
+  , {
+      placeholder:""
+      data: JSON.stringify {'water': '水', 'fire': '炎'}
+      type: 'select'
+      submit : 'OK'
+    }
+
--- a/js/main.js
+++ b/js/main.js
+// Generated by CoffeeScript 1.6.1
+(function() {
+
+  $(document).ready(function() {
+    $('.name').editable(function(value, settings) {
+      return value;
+    });
+    return $('.attribute').editable(function(value, settings) {
+      $(this).attr('data-attribute', value);
+      return "";
+    }, {
+      placeholder: "",
+      data: JSON.stringify({
+        'water': '水',
+        'fire': '炎'
+      }),
+      type: 'select',
+      submit: 'OK'
+    });
+  });
+
+}).call(this);
--- a/js/vendor/jquery-1.9.1.min.js
+++ b/js/vendor/jquery-1.9.1.min.js
--- a/js/vendor/jquery.jeditable.mini.js
+++ b/js/vendor/jquery.jeditable.mini.js
--- a/style.css
+++ b/style.css
@@ -28,7 +28,7 @@
 }


-.card {
+body {
    position: relative;
    width: 421px;
    height: 614px;
@@ -57,7 +57,10 @@
    top: 37px;
    width: 40px;
    height: 40px;
+    background-size: 40px 40px;
 }
+.attribute[data-attribute="water"]{background-image: url(mse/data/yugioh-caicai-levels.mse-symbol-font/水.png)}
+.attribute[data-attribute="fire"]{background-image: url(mse/data/yugioh-caicai-levels.mse-symbol-font/炎.png)}

 .level {
    position: absolute;