jQuery

<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, 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 : 森のコーディング

<jQuery> テーブルのヘッダーの固定

テーブル tableのヘッダー headerの固定。 ぐーぐるしてみると、なんかいろいろ出てきて、ちゃっとできない模様。 とりあえず、jQueryで実装することにした。 次のやつを選択。 github.com 指示どおりに下記を書き込む。 #hage_tableは、tableを囲む<div id="hage_table">。 <script type="text/javascript"> $(fu</script></div>…

<Javascript, Markdown> Markdownエディタ

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

<jQuery> スライダで少し遊ぶ

スライダーバーslider barで少し遊ぶ。 スライドさせて、その値をとって、タグの縦横を変更して、そこにhtmlを出力してみる。 <script src='https://code.jquery.com/jquery-1.12.1.min.js'></script> <script src='https://code.jquery.com/ui/1.11.4/jquery-ui.min.js'></script>

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

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

<jQuery> テキストボックスの値取得

テキストボックスの値を取得する。 <html> <script type="text/javascript" src="jquery-2.0.3.js"></script> <script type="text/javascript"> var s; $(function(){ // HTMLロード完了 $("#button1").click(function() { s = $("#text1").val(); // 値取得 $("#output").text(s); // 出力 }); }); </script> <body> </body></html>

<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> こうしないと動かん。。。