ckEditorと言えば、htmlタグを自由に編集出来るエディターとして自分は重宝している。 そのまま吊るしの状態で使う分には非常に使い勝手がよく、kcFinderと連動させると画像のアップロードも簡単なので htmlタグをあまり知らなくても、この見出しとこのリン…

iCheck.js 視覚的にチェックボックスを柔らかく見せてくれるので、特に管理画面なんかで使うiCheck.js イベントを拾ってどうこうしたいとやっていた ## element側 <input type="checkbox" class="flat-red" id="hoge" name="hoge" value="hogehoge"> hoge ## js側 $("#hoge").change(function(){ alert("うごいたよー"); }); hogeという要素に…

<select id="hoge" name="hoge"> <option value="1" data-year="2018">2018年</option> <option value="2" data-year="2019">2019年</option> <option value="3" data-year="2020">2020年</option> <option value="4" data-year="2021">2021年</option> <option value="5" data-year="2022">2022年</option> select要素では結構ありがちなva…</select>

ページの速度を少しでも上げる為にlazyload.jsを導入して遅延読み込みをする。 ただ、既存のWebページに入れる際に要素が色々と絡まり合ってて上手くいかない事がある。今回の場合はdisplay:noneでタブを制御に画像が入っている。 初期ロード時はページスク…

自分みたいなコテコテのエンジニア気質であっても、現代のWebでは最低限表示要素の管理をしないとjavascript系の操作が出来ない。 そしてページデザインを要しないbootstrapでのプロトタイプを先行して作成する。等のモックアップの作成等も必要となってくる…

いまだに化石みたいなシステムを触る事も多い。 共通化部品となっていればそれにこした事はないが、ページ毎に固有で出したいスクリプト等もポツポツと出てくる。 特にコンバージョンタグや計測タグ系は入れては消してが多く、このページ「だけ」出したいと…

色々な所で脱jQueryが言われている。 とは言えまだまだ利用する頻度は高い。サイトの高速化ってのもあるがjQuery-lazyloadもまだまだ現役だ。 ただ無意識にダウンロードして使うおうとするとgithubのバージョン2にたどり着いてしまう。 脱jQueryで書かれてい…

jsプラグインの中でもこの頃多様しているaceエディタ ace.c9.io ブラウザ上でエディタが出せるので便利。とりあえず使うにはこれ。 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/ace.js"></script>

配列内の特定の要素だけを消したい。と言う事がある。 例えばだがチェックボックスや要素をクリックした際にイベントが発火して、その要素を消したい。等で仮定する。 ## 仮に要素自体は一旦配列に入った状態だとする。 var youso = [1,2,3,4,5,6,7]; この配…

iCheckJSを使うとチェックボックスやラジオボタンの見栄えが良くなるので凄く助かる。 どうしても素のままだと殺風景と言うか味気がないと言うか。bootstrapを使っていると余計にそう見える。 <input type="checkbox" id="hoge" name="hoge" value="1">ほげふが ## js部分 $("#hoge").change(function(){ alert("変更…

$(document).on("hover","#hoge", function(){ ajaxでデータを検索した結果をリストボックス要素で一覧表示してそのリストから選択をする。 その際にhoverで背景色を変えてってな挙動を入れようとしたがイベントが発火しない。元々存在する要素ならばこれで…

自家製CMSのビジュアルエディタとしてckeditorを使っている。 前に作っていたシステムのマスターさんがckeditorだったからっていう事もある。 源流でもあるwysiwygでも良いのだが、最初に使っている物を使ってしまう悪い癖だ。ある程度のコンテンツは文字だ…

コンソールに出てきた xxx.split is not a function の文字。 checkboxをjQueryで取得した後に分解して配列にしようとした時に出てきた物だ。 var checked_item; checked_item = $('[class="cls_check_num"]:checked').map(function(){ return $(this).val()…

googlemapを利用したサービスで相当昔から有る骨董品を動かさねばならなくなり 下手にサーバーを構築する時間もなかったのでローカルに構築した際に出たエラーrequests to this api must be over ssl何かって言うとSSL対応してないって事が問題でhttpsでリク…

ボタンを押すと要素が増える。 特に入力要素等が多く、決め打ちで入力欄を持たずにボタンを押すとどんどんと要素が追加されるって言うフォームが増えている。 ただ、その入力要素に対してのチェック等は既存の書き方だと、jsは読み込んだ際に有る要素に関し…

セキュリティ診断等で、自分のプログラムの妥当性を見るためにヘッダを確認する事が多々ある。 どうだっけ？ってなるので書いとく。 success: function(data, return, ajxhead){ var res_data = ajxhead.getAllResponseHeaders(); }コンソールからres_dataを…

jQuery-uiのカレンダーを使うと、その場ではああ。そうそう。と毎回思うけど忘れるのでメモ。テキストボックスをクリックする→カレンダーが表示される→日付を選択する→選択された日付がテキストボックスに表示される。と言う基本的な流れはjQuery-ui使えば簡…