読者です 読者をやめる 読者になる 読者になる

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