Javascript

<Json, jQuery> JSONP

サイトを越えて、すなわち、クロスドメインcloss domainで、 JSONデータを$.getJSON()したいときは、JSONPらしい。 iwb.jp ふーん。 結局、$.getJSON()先生でなくて、$.ajax()さんでやったんだけど、動いた。 $(function(){ $.ajax("http://hanage.hana.co.j…

<Json, REST API> Json Test

REST APIの実験をかねて、Jsonのデータを返してくれるようなとこないかな? と探したらあった。 http://www.jsontest.com/ こりゃいいや。 早速試す。 In [1]: import requests In [2]: requests.get('http://echo.jsontest.com/key/value/one/two') Out[2]: <Response [200]></response>…

<jQuery, Flickr> getJSONの使い方と、Flickr APIを少し、、

getJSONの使い方がようようわかったので、メモ。 $.getJSON( url [, data] [, success(data, textStatus, jqXHR)] ) この書式で、successは、getの実行結果が返ってくる。 ここがなかなか、わかりずらかったなり。 まさか、実行結果も引数の中に置いておくと…

<Javascript> Selectize.js

めも。 selectize.github.io CDN。 cdnjs.com 参考。 tecuration.com codepen.io

<Javascript, jQuery> ページの遷移。

location.hrefでページが移動できるらしい。 raining.bear-life.com JSFiddleで遊んでみた。 https://jsfiddle.net/rdeo00ew/ 参考。 www.flatflag.nir87.com uxmilk.jp

<jQuery> getJSON

jQuery javascriptでjsonデータを引っ張るには、、、 $.getJSONだ。 だー、だー、だー、、、。 郵便番号zipcodeを引っ張るスクリプトscript。 <html> <head> <meta charset="UTF-8" /> <title>Zipcode</title> </head> <body> <form> <div> <label for="zip">Zipcode</label><br /> <input id="zip" type="text" size="10" /> </div></form></body></html>

<jQuery, javascript, css, html> ローディングのくるくるを実装する。

htmlページpageをローディングloadingする時に出てくる、 くるくるcircleを実装する。 https://jsfiddle.net/1d28vf7f/ こちらのとおり作成しました。 画面読込中のグルグルまわるローディング画像を出す。jQuery・javascript : 森のコーディング

<Javascript> indexOf

JSONの配列array中にある要素elementの位置をゲットする。 var hage = ['taro', 'jiro', 'saburo', 'shiro', 'goro']; var index = hage.indexOf('saburo'); ただ、2次元2 dimension以上は、対応できないらしい。 stackoverflow.com

<Javascript> Gantt chart

ガンチャート gantt chart。 これを試してみた。 dhtmlx.com お金払わないと、マイルストーンが使えないが、なかなかいい感じ。

<Javascript, Markdown> Markdownエディタ

いい記事みつけた。 qiita.com

<Javascript, CDN> CDNの場所

CDN Contents Delivery Network の場所。 jQuery code.jquery.com Bootstrap getbootstrap.com marked cdnjs.com highlightjs Getting highlight.js

<mermaid, Javascript> mermaidを使ってみた。

mermaidを使ってみた。いいねー。 コードは次。 <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/mermaid/0.5.8/mermaid.js'></script> <link rel='stylesheet', type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/mermaid/0.5.8/mermaid.css'> <div class='mermaid'> graph LR; subgraph Hage Kin…</div></link>

<Javascript, Highcharts> 時間あわせ

Javascriptはmsが基本らしい。 なので、epoctimeで時間を渡す場合、1000倍する。 stackoverflow.com

<jQuery, javascript> .after + .attrでidを変更する場合

.afterでタグtagを追加して、そのタグのidを追加してみた。 $('#hoge').after('<div></div>').attr('id', 'hage') はまった。 これだと、そもそものセレクタのid'#hoge'が変わってしまうらしい。 なので、 $('#hoge').after('<div id='hage'></div>') とする。

<jQuery> idセレクタ

タグtag中のidにアクセスする。 $("#hage").css( "border", "3px solid red" ); で、 <div id="hage"></div> にアクセスする。 P.S Highchartの chart.renderTo での場合は、#が要らない。はまった。 ドキュメント。 api.jquery.com 参考。 jQueryのセレクタ解説 | Smart

<Javascript> HTMLの読み込み終わったら実行

HTMLの読み込みが終わったら実行する。 jQuery(document).ready(function){ //なにかしらの処理 }); jQuery(function(){ //なにかしらの処理 }); $(document).ready(function(){ //なにかしらの処理 }); $(function(){ //なにかしらの処理 }); で、上の4つ…

<Javascript, jQuery, highcharts> 呼び出し順序

jQueryとhighchartsを使う場合は、jQueryを先に呼び出す必要あり。 12 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script> 13 <script src="http://code.highcharts.com/highcharts.js"></script> 14 <script src="http://code.highcharts.com/modules/exporting.js"></script> こうしないと動かん。。。

<Javascript> 外部HTMLを読み込む方法

外部HTMLを読み込む方法。 Cとかでいう#include <hogehoge.h>みたいなやつをHTMLでやる方法。 jQueryを使うらしい。 <script type="text/javascript"> $(function(){$('#hoge').load('hoge.html');}); </script> <div id="hoge"></div></hogehoge.h>