【jquery】jqueryを使って画像クリックでフェード切り替え（fadeOut,fadeIn）

前回の記事で、ただ単に画像を切り替えるサンプルを作りましたが、あまりに味気なかったので、フェードで切り替えるサンプルを作ってみます。 ほとんど前回の記事と一緒で、画像を切り替える部分だけが違うだけです。 htmlのサンプル 画像を表示したい場所に、img...

【JavaScript】JavaScriptを使って前ゼロ埋めする方法（ゼロパディング）

JavaScriptで数字の桁数を揃えるために、前ゼロ埋め（ゼロパディング）する方法を紹介します。 JavaScriptサンプル 例えば、数字を2桁に揃える場合 var value1 = 1; var zero_value1 = ("0" + ...

【jquery】jqueryを使って画像クリックで画像切り替え

表示されている画像をクリックすると、違う画像に切り替わるようなサンプルを作ってみたいと思います。 ただ単に画像を切り替えるだけなので、味気ないですが・・・・。 htmlのサンプル 画像を表示したい場所に、imgタグを置いているだけです。。 jqueryの...

【javascript】文字列の最後の文字を取り出す（sliceメソッド）

sliceメソッドを使えば簡単に取り出せますね。 string.slice(-1) 上記で最後の文字が取れだせます。 slice メソッド 文字列の一部分を返します。 string.slice(start, [end]) start 文字列（str...

【jquery】jqueryでチェックボックスの状態を取得する

jqueryを使って、チェックボックスの状態を取得して、チェックされている場合に何かしらの処理を行う場合があると思います。 ということで、とても簡単なサンプルですが、チェックボックスがチェックされている場合にアラートを出すサンプルをご紹介します。 HTMLのサンプル ...

【jquery】jqueryの関数（function）の書き方（readyイベント）

jqueryの関数（function）を書くときに、ちょっと迷うところもあったので、忘れないようにまとめてみました。 jqueryの関数（function）の書き方 ①jQueryと書いた場合 jQuery(function ($) { alert("j...

【jquery】jqueryのshow()を使って、表示・非表示を切り替える（show）

divタグを表示・非表示にする方法はいくつかあると思いますが、 ここでは、showメソッドやhideメソッドを利用して「display:none」を切り替えたいと思います。 デモ ボタン1 ボタン2 ボタン3 1 2 3 試しに、上のボタン...

【jquery】jqueryのループ（each）でbreakやcontinueのような事がしたい

ループの中で途中でループから抜けたいときや、 以降の処理をスキップさせループ処理に戻りたい場合などに「break」や「continue」を使いますが、 jqueryのループ（each）などで「break」や「continue」を使うとエラーになります。 そんなときは・...

【jquery】jqueryを使ってラジオボタンのデフォルト設定を行う

ラジオボタンなどをシステムで動的に出力する事が多々あると思います。 ココでは、ラジオボタンを動的に出力した際、デフォルト選択状態をjqueryで設定する方法をご紹介します。 ちなみにサンプルは、ラジオボタンの選択値を配列で受け取るために、 同じ名前で配列化しています。...

【HTML】submitとbuttonの挙動

今更ですが、若干はまりかけたのでおぼえがき。。。。 ① ② button属性のボタン 上記のような2種類のボタンがあった場合、 ①のボタンはformタグで指定したaction先へ遷移し、②は遷移しないと思っていた。 が、これが誤りで・・・下記のように記述しないとダ...

【WordPress】coreserver上でWordPressのテーマをインストールするとエラー

coreserver上で、WordPressのテーマをインストールしようとすると下記のエラーが出てインストール出来ない。 ダウンロードに失敗しました。 ファイルストリーミングの送り先となるディレクトリが存在しないか、書き込み不可になっています。 うーん。ということで、...

【jquery】jqueryを使ってテーブルに新規行を追加する

一覧形式の入力画面などの場合、 表示されている表に対して、1行追加してデータを入力するような機能があると思います。 色んなやり方があると思いますが、今回はダミー行をコピーして追加する方法を紹介したいと思います。 サンプルソース 行追加 No タイプ...

【jquery】jqueryを使って発生したイベントをキャンセルしてみる

ボタンをクリックすると、クリックイベントが発生するのは当たり前ですよね・・ リンクをクリックすると、リンクに設定されているページに遷移しますよね。 ここでは、リンクをクリックしても設定されているページに遷移しない方法を試してみます。 どんなときに使うか・・・ 例え...

【jquery】jqueryを使って画面の全ての要素をdisabled設定する

会員登録画面や、編集画面などで規約に同意するチェックボックスをチェックしないと入力項目に入力できない そんな画面の場合に、要素（入力項目）に対してdisabledを設定する方法があると思いますが、 要素が多いと面倒なので、jqueryを使って出来る限り簡素化しようと思いま...

【jquery】ファイル選択ダイアログでファイル名を取得する（HTML5 FileAPI）

jqueryを使って、ファイル選択ダイアログにて選択されたファイルのファイル名を取得してみます。 アップロードするファイル名が決まっていたり、サイズに制限があったりする場合、 クライアント側でチェック出来れば便利かなと思い調べてみました。 ちなみにこの方法はHTML5...

【FuelPHP】FuelPHPでSQLiteに接続

FuelPHPでSQLiteに接続できるか試してみました。 googleで検索してもあまり出てこなかった（探し方が悪いだけ・・・）ので、ひょっとして出来ないのかな？とも思いましたが、 そんなことはなく簡単に接続できました。 FuelPHPのバージョンは、現時点で最新の...

【GoogleAppEngine】ローカル環境でFuelPHPを動かしてみる

GoogleAppEngine上でPHPを動かすために環境構築からHelloWorldまでを行いましたが、 もうちょっとマシなものを・・・って事で、FuelPHPを動かしてみようと思います。 まずはローカルで。 FuelPHPのダウンロード http://fuel...

【jquery】jqueryでチェックボックスの値をカンマ区切りで取得する

選択されているチェックボックスの値をカンマ区切りで取得したくて、簡単な方法がないか調べてみました。 行数も少なく比較的簡単に出来たのでメモしときます。 HTMLのソース 得意な言語は？ Java PHP Perl Ruby 選択した言語は？ チェックボッ...

【GoogleAppEngine】ローカル環境でPHPを動かす

前回の記事でGoogleAppEngine上で動かすための環境構築を行いましたが、 次にまだ準備編ですが、「HelloWorld」の文字を表示したいと思います。 【GoogleAppEngine】ローカル環境でPHPを動かす（環境構築編） ローカルの「Googl...

【GoogleAppEngine】ローカル環境でPHPを動かす（環境構築編）

GoogleAppEngine（以降、GAE）でPHPを動かすために、まずはローカルで環境を作りたいと思います。 GAE Installing the PHP SDK on Windows 上記サイトに記載されている内容に沿って進めてみます。 ちなみにローカルPCは...