Loader Generator \u2013 Ajax loader<\/a><\/p>\n <\/p>\n
Javascript\u306e\u5b9f\u88c5<\/h2>\n
\u30da\u30fc\u30b8\u3069\u3053\u304b\u306b\u4e0b\u8a18Javascript\u3092\u5b9f\u88c5\u3059\u308b<\/p>\n
<script>\r\n\/* ------------------------------\r\n Loading \u30a4\u30e1\u30fc\u30b8\u8868\u793a\u95a2\u6570\r\n \u5f15\u6570\uff1a msg \u753b\u9762\u306b\u8868\u793a\u3059\u308b\u6587\u8a00\r\n ------------------------------ *\/\r\nfunction dispLoading(msg){\r\n \/\/ \u5f15\u6570\u306a\u3057\uff08\u30e1\u30c3\u30bb\u30fc\u30b8\u306a\u3057\uff09\u3092\u8a31\u5bb9\r\n if( msg == undefined ){\r\n msg = \"\";\r\n }\r\n \/\/ \u753b\u9762\u8868\u793a\u30e1\u30c3\u30bb\u30fc\u30b8\r\n var dispMsg = \"<div class='loadingMsg'>\" + msg + \"<\/div>\";\r\n \/\/ \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u50cf\u304c\u8868\u793a\u3055\u308c\u3066\u3044\u306a\u3044\u5834\u5408\u306e\u307f\u51fa\u529b\r\n if($(\"#loading\").length == 0){\r\n $(\"body\").append(\"<div id='loading'>\" + dispMsg + \"<\/div>\");\r\n }\r\n}\r\n \r\n\/* ------------------------------\r\n Loading \u30a4\u30e1\u30fc\u30b8\u524a\u9664\u95a2\u6570\r\n ------------------------------ *\/\r\nfunction removeLoading(){\r\n $(\"#loading\").remove();\r\n}\r\n<\/script>\r\n<\/pre>\n\u4f7f\u3044\u65b9\u4f8b\uff1aS3\u306b\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u3066\u3001\u5b8c\u4e86\u3057\u305f\u3089Loading\u3092\u975e\u8868\u793a\u306b\u3059\u308b<\/p>\n
s3_client().putObject({Key: filename, ContentType: file.type, Body: file, ACL: \"public-read\"},\r\n function(err, data){\r\n \/\/ if failed, alert\r\n if(data !== null){\r\n alert(\"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u6210\u529f!\");\r\n } else {\r\n alert(\"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u5931\u6557.\");\r\n }\r\n removeLoading();\r\n });\r\n};<\/pre>\n <\/p>\n
<\/p>\n
CSS\u306e\u5b9f\u88c5<\/h2>\n<style>\r\n#loading {\r\n display: table;\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n background-color: #fff;\r\n opacity: 0.8;\r\n}\r\n \r\n#loading .loadingMsg {\r\n display: table-cell;\r\n text-align: center;\r\n vertical-align: middle;\r\n padding-top: 140px;\r\n background: url(\"[Loading\u30a4\u30e1\u30fc\u30b8\u306eURL]\") center center no-repeat;\r\n}\r\n<\/style><\/pre>\n <\/p>\n
<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4f55\u304b\u306e\u51e6\u7406\u3092\u884c\u3063\u3066\u3044\u308b\u3068\u304d\u306b\u306f\u3001\u51e6\u7406\u4e2d\u306e<\/p>\n","protected":false},"author":1,"featured_media":46,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/1809"}],"collection":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/comments?post=1809"}],"version-history":[{"count":1,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/1809\/revisions"}],"predecessor-version":[{"id":1810,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/1809\/revisions\/1810"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/media\/46"}],"wp:attachment":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/media?parent=1809"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/categories?post=1809"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/tags?post=1809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}