【Javascript】複数の関数を連続して実行する方法を試してみる
へんてこな？ことを試してます。意味不明だったらすみません。 概要 ある文字列が、ある複数の条件を満たしているかどうか判定したい。 1つ1つの条件判定は1つ1つ関数にするのだが、以下の2つの呼び出し方のどちらが速いか。 手 […]
【Javascript】配列内の重複を除く
よく見かけるので、メモ。 function unique(array) { var storage = {}; var uniqueArray = []; var i,value; for ( i=0; i< […]
【jQuery】コンテンツの高さの自動調整
問題 ユーザのブラウザサイズに合わせてコンテンツを調整したい。 ウィンドウ全体にスクロールバーを出したくない。 ユーザーが途中でブラウザサイズを変えても、調整したい。 答え ウィンドウサイズを変更する際にはresizeイ […]
ドライブバイダウンロード攻撃
問題 今どき、ブラウザで見ただけで感染するなんてウイルスないよね？ ブラウザって結構安心だよね？ 答え 結構安心できないこともある。 ブラウザ単体だと比較的安全かもしれないが、AdobeReaderなどのPDF閲覧機能、 […]
【jQuery】Ajaxを使ったコンテンツの表示方法
内部リンクを全てAjaxによるロードに変える方法です。 利点は ページの書き換えが一部になるため、新規のページを開いた際の(html/javascript等の)初期化処理が発生しない。 javascriptが動かない環境 […]
【WordPress】ユーザーのプロフィールの項目をカスタマイズする
問題 例えば、会社のホームページの社員紹介ページのようなものを作る場合、 社員の情報をWordPressのユーザーとして管理しようとすると、どうしても項目が足りない。 社員番号や、性別や、twitterアカウント、fac […]
フォント表示サンプル一覧
英数字フォントなら、各PC環境に共通してインストールされているものがいくつかあると思う。 例えば、ネットショップの価格表示の数字のフォント、サンプルソースコード表示のフォントなどに、ちょっと気を使ってみるのも面白いと思う […]
【WordPress】未来の投稿日でも公開できるようにしたい
問題 WordPressで、イベントの予定の記事などはイベント実施の日付で登録しておきたいんだけど、未来の日付だとどうしても予約投稿になってしまう。 日付は未来だけど記事としては公開することってできないのかな？ 答え カ […]
label要素の中に複数のinput要素があると？
問題 こんなHTMLを書いたんだけど、だめなのかな？ その他の入力欄をクリックすると、その他のラジオボタンはチェックされていいんだけど、入力欄からフォーカスが外れてしまうみたい。 その他の入力をしたら、ラジオボタンもその […]
【WordPress】input要素の前に改行（br）が強制的に挿入される
問題 WordPressで、Javascriptの動くデモなどを記事の中に書こうとしたら、inputタグの付近で改行が入ってくる。 普通に横に並んで欲しいんだけどな。。。 答え 現状ちょっと対応が厄介だが、自作のプラグイ […]
【jQuery】selectにoption要素の追加・削除をする
状況によって、動的に、jQueryで、選択項目を増やしたり、減らしたりしたい。 そんな時に役立つ基本的なやり方。 普通にHTMLに追加、削除をするだけ。 応用するとデモみたいなことも楽にできる。 DEMO selectb […]
新着件数やNEWなど、通知アイコンっぽいものを追加する(jQuery+CSS3)
問題 メールアイコンによくあるアイコンの右下に新着件数やNEW!を表示したい。 解答例 せっかくなので、新着お知らせ部分は画像を使わずにjQueryとCSS3で作ってみる。 jQueryでやることは表示するアイコンの要素 […]
【jQuery】スライドショーするjQueryプラグイン
作りました。 名前 ssSlideShow … SlideShowだからss。深い意味はありません。 バージョン Version: 0.1 … 出来立てです。 ライセンス 自由に使って、改造して、何かあればフィードバック […]
【jQuery】 ページ内リンクをスムーズに移動する
よく見かける、にゅる～んと移動する「ページ上部へ」のリンク、つるるるる…と移動するページ内リンクの実装例です。 a要素で、href属性に、#を含むものに対して、クリックしたときに目的の要素までぬるっとアニメーションして移 […]
【jQuery】複数選択可能なセレクトボックスを扱う
multiple(複数選択可)なセレクトボックスをjQueryで扱いたい場合のTipsです。 通常のselectboxとの違いは、結果の取得や、選択に配列を使うことです。 複数選択可能なセレクトボックスをjQueryで扱 […]
携帯端末でPNG画像が表示されない
問題 携帯のブラウザで、PNG画像が表示されないんだけど、何が悪いのだ？ 答え サーバー側から送出されるヘッダの中の「Content-Type」が「image/x-png」だと、表示できない端末があった。 サーバー設定な […]
【jQuery】checkboxの全選択/全選択解除を簡単に作る
よくある定番の機能です。 IMAGE JavaScript $(function() { $('#all').on("click",function(){ $('.list').prop("checked", $(thi […]
【php】月末の日付の算出
問題 ある日の月末って、計算面倒？ 答え phpの日付のフォーマット文字に 「"t" →その月の日数」というのがある。 これを使うと簡単。 echo date('Y年m月t日'); //→ 2012年01月31日
【CSS】角丸 border-radius
概要 CSS3のborder-radiusだけでいけるよ！ -webkit-border-radius も -moz-border-radius も、使うのをやめよう！ CSS3のborder-radius 使えます b […]
セレクトボックスの選択されている項目の取得
問題 セレクトボックスの選択されている項目の文字の方を取得するには？ 答え セレクトボックスの、選択されている項目をあらわすセレクタは、 #hoge option:selected 値を取得するには、 $("#hoge […]