javascript
はじめに 今回やりたかったこととしては ・Googleアナリティクス ・各社の広告用トラッキングタグ みたいに他サービスに自分が作ったタグなりJSのコードを埋めてもらってクッキーを扱いたかったことですで、大きく分けて上記のタグの形式（Googleアナリティ…
はじめに fuelphpとmithril.jsで入門がてらにSPAを作ってみたのでそのときのメモ。 mithril.jsのチュートリアルのtodoアプリみたいなものですが、実際に自分で手を動かしてみないとわからないことが多いので簡単なメモアプリを作ったのでそのときのメモ１）…
はじめに 今回やりたかったのは、MithrilでjQueryのSidrというスライドメニューを表示するプラグインを使いたかった。Mithrilで外部ライブラリを使うサンプルはココにありました。で、今回ちょっと悩んだのはmsxテンプレートで使う場合はどうやるのかなと思…
はじめに Mithril.jsでの開発を行うにあたって、いれておいたほうがよさそうなツールとフォルダ構成をメモしておきます 使うツール ・node.js ・gulp.js（grunt.js） ・browserify 全てのjsファイルをしなくても、１ファイル読み込むだけでokになる ・msx Mi…
はじめに Browserifyは使い始めた段階だけど、とりあえず便利そうだなとは思ったので導入方法をメモ導入前のHTML <script type="text/javascript" src="mithril.min.js"></script> <script src="navbar.js"></script> <script src="content.js"></script> <script src="tabbar.js"></script> <script src="entrypoint.js"></script>導入後のHTML <script src="app.js">
はじめに Mithril.jsの勉強始めて、そのうち少し大きいアプリとかつくりはじめたときに、 HTMLテンプレートの記述方法がちょっと複雑になってくるのかなと思いました。で、調べたところドキュメントにもあったのですが、 こちらのツールを使うとHTMLをMithri…
はじめに 本当は今、これについての具体的な実装例を書きたかったというか試してみたかったのですが無理そうなので、具体的な実装・実験は明日以降に行うとして理屈だけメモします。まずcordovaアプリでセッション処理を行う場合、以下の様な環境になると思…
はじめに どういうタイトルつければいいかわからなかったのですが。 iPhoneアプリとかでリストページを下に勢いよくスクロールしときにページの上の方にクルクル「更新」画像が表示されるあれ。 cordovaでのハイブリッドアプリ開発で実装したくて調べてたと…
はじめに jqueryでvalidationを実装する方法 - とりあえずphpとか こちらで実装したvalidationにさらにNGワードのチェックをリアルタイムにつける必要があったので、この処理にさらに実装方法を追加追加する機能 ・NGワードのリストはデータベースにもつ ・N…
はじめに jqueryでのvalidation実装。 ありがちな機能ではありますが、久々に実装する機会があったのでメモ。 jqueryのプラグインとか探せば色々ありますが、過去にかゆいところに手が届かない的な事もあったので今回は全て自前で実装してみました。機能とし…
やりたかったこと 1. ユーザが入力フォームからデータを入力して登録ボタンをおす 2. 登録完了ページを表示 3. ブラウザの戻るボタン（iPhone等ならスワイプで戻る） 4. 1で入力した内容が残ってしまう、、、 上記の4.で入力した内容をすべて空にしたいとい…
わかりやすい、使いやすいのでメモ http://qiita.com/mocha/items/c6a626416daaa04d0668 ↑このページのものをそのままです var top = top || {}; // ancestor namespace top.second = top.second || {}; // ancestor namespace (function (third) { // names…
といいつつ、カスタマイズではなくてjqueryのプラグインの紹介ですjquery.remodal.jsというプラグインがあるのですがコレを使います ここからダウンロードsrc/ の中の以下の2ファイルを使用します jquery.remodal.css jquery.remodal.jsで，使い方は以下のよ…
複数要素に対して同じ様なことを記述していたので、こうすれば少しはコードが短くなるかもしれません、、、 <select id="elm1" name="elm1"> <option value="1">選択1</option> <option value="2" selected>選択2</option> </select> <select id="elm2" name="elm2"> <option value="1" selected>選択1</option> <option value="2">選択2</option> </select> <script> $("#elm1,#elm2")…
これでformをsubmitするさいに任意の値を追加して送信することができました <form id="form"> <input type="submit" value="送信"/> </form> <script> $("#form").submit(function() { $("<input>",{ type:"hidden", name:"input_name", value:"input_value" }).appendTo("#form"); }); </script>リンク集へ
triggerメソッドの第2引数に配列で渡すことで実装できました <form id="form"> <input type="submit" value="送信"/> </form> <script> var data = ["aaa","bbb"]; $("#form").trigger("submit",data); $("#form").submit(function(event,v1,v2) { console.log(v1);//aaa console.log(v2);//bbb }); </script>リンク集へ
いっつも同じこと調べてる気がするのでメモメモです //jquery.example.js $(function(){ //プラグイン $.fn.example = function(options){ var opts = $.extend({},$.fn.example.defaults,options); } //デフォルト引数 $.fn.example.defaults = { param:"",…
すごい簡単なんだけど、必要だったのでデモつくってみた とりあえずできることは...たいしてないのだけど 矢印キーで移動できるくらいなんだけど、管理画面とかからいちいちマウスでフォーカスあてて更新とかが手間とのことなので これをカスタマイズしてい…
cssとかぜんぜんわからないけど、bootstrap使ってモックを作る際に参考になったページをダラダラ追加（あとでまとめます。たぶん...）
function getWindowsMediaPlayerVersion (){ if (/*@cc_on!@*/false) { /*@if *1 document.open(); document.write('\nOn Error Resume Next\nDim version\nversion="0.0"\n'); document.write('Set wmp=CreateObject("WMPlayer.OCX")\nIf IsObject(wmp) The…
機会があったのでメモ function getIEVertsion() { var version,matches; //IE11 if (-1 != navigator.userAgent.indexOf("Trident")) { version = 11; //公開されてる情報だと以下で取得できるはずなんだけど... // if (matches = navigator.appVersion.mat…
機会があったのでメモ //Windowsのバージョンをかえす function getWindowsVersion() { //Windows8 if (-1 != navigator.userAgent.indexOf("NT 6.3") || -1 != navigator.userAgent.indexOf("NT 6.2")) { return "win8"; } //Windows7 else if (-1 != navig…
すぐ忘れるからメモ
html <div id="hoge"></div> <input type="hidden" name="hoge2"/> 修正前 $('hoge').innerHTML('<font color="red">プロトタイプ!!</font>'); $('hoge2').value = "value"; 修正後 $('#hoge').html('<font color="red">JQuery!!</font>'); $('#hoge2').val("value"); ゴリゴリとコーディングしてなくてよかった
