タグ

JavaScriptとjavascriptに関するsuginoyのブックマーク (1,725)

  • 10進数と16進数の変換メモ

    10進数と16進数の変換メモ php, ruby, javascript 比較 題材 32(10進数) <-> 0x20(16進数)の相互変換をする ruby $ irb irb(main):001:0> “0x20”.hex => 32 irb(main):002:0> 32.to_s(16) => “20” irb(main):003:0> “%b” % 32 => “100000” irb(main):004:0> “%o” % 32 => “40” irb(main):005:0> “%x” % 32 => “20” php $ php -a Interactive shell php > echo hexdec(‘0x20′); 32 php > echo dechex(32); 20 php > echo decoct(32); 40 php > echo octdec(’40

    10進数と16進数の変換メモ
  • jQuery でフォームの disabled を解除したり有効化する方法

    attr()でdisableをどうこうするばあいは、 true or falseで設定します。 (かなり古いバージョンのjQueryはこの記事通りですが) また前の人が指摘している通り、 1.6でprop()にかわり、1.6.1で後方互換が導入され、どちらでも使えるようになりました。

    suginoy
    suginoy 2014/02/04
    "最近になってできなくなりましたので、disabled 属性自体を削除する"
  • input fileの入力チェック|arataman.com|それはまさしくヘルシー、それはあらたまんの歩んだ軌跡

    input type="file" を必須ぽくする必要があったので、ファイルが選択されていない場合には、submitボタンがクリックできない処理をjQueryで作ってみました。 何かファイルが選ばれていれば良いので、lengthで値の有無を調べてdisabledで設定。といってもdisabledって普段使わないのですぐに忘れます。という事でメモ。 .hide()は見えないからやっぱりdisabledなんだと思う。/* jsの記述 */ $(function(){ //ファイルチェック function inputCheck(){ //inputフィールドの文字数を取得 fileCheck = $("#fileCheck").val().length; //値が無ければボタンを非表示 if(fileCheck == 0){ $("#fileCheckBtn").attr("disabled"

    suginoy
    suginoy 2014/02/04
    “何かファイルが選ばれていれば良いので、lengthで値の有無を調べて”
  • type=”file”のクリア - Mars Diary

    question:1193930047 より <script type="text/javascript"> function sample(oId){ var obj = document.getElementById(oId); var stO = obj.innerHTML; obj.innerHTML = stO; } </script> <span id="XYZ"><input type="file" name="file" size="10"></span> <input type="button" value="←" onclick="sample('XYZ')">一見、無意味な書き戻しをしているようだが、 <input type="file"> の場合、valueへのアクセスが禁じられているのでvalue=""と同じ効果が得られる。 DOMで削除した後、生成するというのも

    type=”file”のクリア - Mars Diary
    suginoy
    suginoy 2014/02/04
    “<input type="file"> の場合、valueへのアクセスが禁じられている”
  • From Rails to AngularJS | Cesar Andreu's Blog

    前言:英语手抄报图片简单又漂亮小学3年级大全?我给你推荐一些简单漂亮的三年级英语手抄报music音乐英语手抄报英语手抄报图片简单又漂亮小学3年级大全我给你推荐一些简单漂亮的三年级英语手抄报music音 。 前言:英语手抄报图片简单又漂亮小学3年级大全?我给你推荐一些简单漂亮的年级三年级英语手抄报 music音乐英语手抄报英语手抄报图片简单又漂亮小学3年级大全我给你推荐一些简单漂亮的三年级英语手抄报 music音乐英语手抄报三年级英语手抄报...我们也要做喔.... 我来帮英语手抄报图片简单又漂亮小学3年级大全?我给你推荐一些简单漂亮的三年级英语手抄报 music音乐英语手抄报 英语手抄报图片简单又漂亮小学3年级大全我给你推荐一些简单漂亮的三年级英语手抄报 music音乐英语手抄报 ...我们也要做喔.... 我来帮你找资料 o(∩_∩)o The environmental protect

  • iOS でポエムをつづろう!

    [Conference With Developers 2](http://confwd2.peatix.com) LT 発表資料

    iOS でポエムをつづろう!
  • 2011年11月のアーカイブ - 情報と音楽

    Rails における XML でのリクエスト Rails に、Content-Type: application/xml で、ボディが XML のリクエストを送ると、コントローラ中では params に展開される。 # リクエスト # ヘッダはいろいろ省略してます POST /entries HTTP/1.1 Content-Type: application/xml <?xml version="1.0" encoding="UTF-8"?> <entry> <body>New blog entry</body> </entry> # EntriesController def create p params # => {"entry" => {"body" => "New blog entry"}, ... ... これは主に ActiveResource のための仕様だろうが、XML

    suginoy
    suginoy 2014/02/01
    “ X-CSRF-Token ヘッダにトークンを書いてもいいらしい”
  • レスポンシブに対応して画像をポップアップ表示してくれる素敵なjQueryプラグイン「fancyBox」 – bl6.jp

    とても有名なプラグインですが、今まで使ってみたことがなかったので試してみました。Lightbox風に画像をポップアップして表示するjQueryのプラグインです。以前紹介したColorBoxに似たような感じです。こちらのfancyBoxはバージョン2になってからレスポンシブになっているみたいです。その他にもヘルパーを使って拡張機能なんかも色々つけれるのでとてもバリエーション豊な印象を受けました。ということで適当なサンプルも作ってみましたので、以下使い方と合わせてどうぞ。 [ads_center] 使い方 以下のURLからファイルをダウンロードします。 fancyBox – Fancy jQuery Lightbox Alternative jQuery体とCSS、JSファイルを読み込みます。 <link rel="stylesheet" type="text/css" href="jque

    レスポンシブに対応して画像をポップアップ表示してくれる素敵なjQueryプラグイン「fancyBox」 – bl6.jp
  • JavaScriptでURIエンコード(URLエンコード)を行う|プログラムメモ

    javaScriptでURIエンコードを行うには -encodeURI -encodeURIComponent -escape の関数を使う事ができる。 この3つの違いはエンコードしない文字に違いがあって ● encodeURI がエンコードしない文字列 ;/?:@&=+$-_!~*.,()a#' ● encodeURIComponent がエンコードしない文字列 -_!~*.()a' ● escape がエンコードしない文字列 *+-_./ となっています。 なので(http://〜)を含むURLをエンコードするには、コロンやスラッシュを変換したい用途、したくない用途によって encodeURIComponent , encodeURI を使い分けるのがいいでしょう。 通常 encodeURIComponent を使うのがいいと思います。 また escape は 全角文字など文字コードが

    suginoy
    suginoy 2014/02/01
    “escape は 全角文字など文字コードが256以上の値を持つ文字は %uxxxx という形式に変換しますのでURLエンコード用途では使用しないほうがいいでしょう”
  • kamoland

    AutoHotKeyを使って,キーを押すことでモニター間のマウスカーソル移動ができるようにするという話です. ディスプレイを横に並べて3枚使っているのですが,マウス移動が,距離が長くなり少々めんどくさいというのがあります. こちらのサイト トリプルモニタ間のマウス移動をボタン1つで実現!圧倒的に快適な業務環境の構築メモ を参考にして,F1,F4キーで左右のディスプレイを切り替えるための,AutoHotKeyスクリプトを作りました. F1:: SysGet, MonitorC, Monitor, 1 SysGet, MonitorL, Monitor, 3 CoordMode, Mouse, Screen MouseGetPos, x, y If x < %MonitorCRight% MouseMove, (MonitorLLeft + MonitorLRight) / 2, (Monit

  • GitHub - mitsuruog/enja-oss.Backbone: Backbone ドキュメント日本語訳

    suginoy
    suginoy 2014/01/31
    Backboneドキュメント日本語訳
  • Give Your Apps a Backbone(.js)

    As the internet gets smarter and smarter and JavaScript starts piling up on web pages, we need to learn to organize our code. The days of filling the global namespace with all the functions we can think of are long over and have become far too difficult to maintain. Along with many other design patterns, the MVC (model, view, controller) pattern can bring order to the chaotic spaghetti of your Jav

    suginoy
    suginoy 2014/01/30
    Backbone.jsのスクリーンキャストらしい。
  • いろんなセレクタ指定方法+α

    ずいぶん以前にセレクタについて書いたのですが、今回はセレクタの種類を抜粋して、記述例と説明書きにまとめてました。「セレクタとは?」という方は、まず下記記事を読んでみて下さい。 jQueryを使ってみよう。(基編 セレクタ1) +αというのはトラバース(走査)系のメソッドです。「この要素を抜き出したい!」と思ったときにセレクタだけでは抜き出しにくい場合があります。そういうときにトラバース(走査)系のメソッドを使うと、簡単にできたりするので覚えておくと便利なものです。 「こういう書き方をすると、こういう要素が選択される」という例で説明を添えていますが、数が多いので説明書きは、ほんとうに添えた程度です。説明だけではわかりにくいと思うので動作サンプルを用意しました。動作サンプルを眺めながら、ちらっと説明書きをチェックしてもらえれば「なるほど!」となるはず。。。ご利用ください。 jQuery セレ

  • <input type="image">タグと<img>タグの違い IT技術Labo - HouseTect

    <input type="image">タグと<img>タグのどちらを採用するかは、 結果的にやりたいことに依存します。 ・tabindex属性について 始めに言うと以下のHTMLは文法エラーになる。 IEとかでは怒られることはないが、誤動作する原因に繋がるので注意が必要である。 まず、<img>タグには「tabindex」属性が存在しない。 その代わり「<input type="image">」には「tabindex」属性が存在します。 ここら辺でも使い方が分かれますね。 たとえば、ImageButtonとして使いたい場合は、きっちり「tabindex」属性を指定するケースが多々あるとおもうので、 その場合は、「<input type="image">」を使いましょう。 ・onclickイベントについて <img>タグでonclickイベントを使う場合、Enterを押下又は、マウスでクリ

    suginoy
    suginoy 2014/01/29
    “<img>タグでonclickイベントを使う場合、Enterを押下又は、マウスでクリックの2つになります。スペースの押下ではイベントが反応しません。<input type="image">ではEnterでもスペースでもイベントが反応します。”
  • input type=”file” を画像ボタンに変更する方法 ファイルアップロードをカスタマイズ | Stronghold Archive

    どうもこんばんは! 今日は【input type=”file” を画像ボタンに変更する方法】を書きたいと思います。fileアップロードを画像ボタンに差し替え、ユーザビリティを向上させるのが目的です。たまに使いたくなるのでここにメモしておきますね。 通常のファイルアップロードタグ <input type="file"> 通常の状態です。CSSで背景やボーダーを削除するデザイン変更には限界があります。 ですのでjQueryで補完します。 ボタンの準備 ファイルアップロードを画像ボタンに変更 ・HTML <input type="file" id="file_01" class="file"> <label class="file_mask"> <span><!– 画像用spanタグ –></span> <input type="text" id="mask_file_01"> </label>

  • 今、AngularJSというフレームワークがヤバい - (゚∀゚)o彡 sasata299's blog

    2013年11月05日10:36 JavaScript 勉強会 今、AngularJSというフレームワークがヤバい 先週の土曜日、ランサーズさんで行われた 第3弾 週末ランサーズ に参加して個人的に今アツい AngularJS について話してきました。 AngularJS は ng-repeat が便利だったり、コードの見通しが良くなるなどいろいろなメリットがあると思うのでうまく使えば大変メリットがあると思います。特に、データの状態(要素の追加・削除や、状態のon/off など)を制御すればそれに合わせて view の表示はすべて AngularJS がやってくれるというのは素晴らしいですね。 ちなみに、以下の資料の中で ng-app とか ng-repeat とか出てきますが(これは directive と呼ばれます)、この ng というのは AngularJS の2文字目と3文字目を表

  • http://www.artzstudio.com/2009/04/jquery-performance-rules/

    http://www.artzstudio.com/2009/04/jquery-performance-rules/
  • jQuery でファイルのアップロード処理を行う - 究極のエンジニアへの道

    やりたかった事 rails にて、 ajax 通信でファイルをアップロードする はまった事 carrierwave を使って画像をアップロードしようとしたのですが、素人な自分は趙苦戦しました。 form_for を使って、 file_field で画像アップロード処理を入れた瞬間に ajax を受け付けなくなってねぇ form 属性で remote => true を入れてるのになんで ajax 通信しないの??と謎だらけでした。 原因 今にして思えば趙常識なんですけど、 enctype="multipart/form-data" の属性があったら javaScript での通信ができないんですね 昔、 ajax で他サーバに通信できないと知った時の衝撃に似てますな。基を知らなすぎる報いブヒー 問題が起きた時、原因をちゃんと把握してなくちゃ筋違いの方向への調査ばかりしてしまいますな。ほん

    suginoy
    suginoy 2014/01/28
    “今にして思えば趙常識なんですけど、 enctype="multipart/form-data" の属性があったら javaScript での通信ができないんですね”
  • Angular JS で複数のコントローラ間でモデル(状態や値)を共有する方法 3 種類 - Qiita

    はじめに Angular JS で複数のコントローラ間でモデル(状態や値)を共有する方法として、次の 3 種類を解説します。 モデルを共有するサービスを使用する (Shared Service)。 親コントローラのスコープを子コントローラで共有する (Parent Scope Sharing)。 イベントを利用する (Pub/Sub)。 Shared Service 複数のコントローラ間で共有するモデルをサービスとして作成し、そのサービスを複数のコントローラで参照します。 実装例を示します。 <!DOCTYPE HTML> <html ng-app="AngularJsStudy"> <head> <title>Shared State Service - AngularJS Study</title> <meta charset="utf-8" /> <meta http-equiv="

    Angular JS で複数のコントローラ間でモデル(状態や値)を共有する方法 3 種類 - Qiita
  • ...