【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は...

【CSS】CSSのみでテーブルの行を1行おきに背景色を変更（nth-child）

テーブルの行背景色を偶数行と奇数行で背景を変えたいときなど、 CSSの「nth-child」を使えば簡単に出来るみたいです。 CSSのサンプル table.test tbody tr:nth-child(2n+1) { background-color:#69696...

【CSS】CSSだけでフローティング（ついてくる）ボタン

画面をスクロールしても、いつも決まった位置（固定位置）にいるボタンをを作ってみます。 jqueryのプラグインを使うとアニメーションをしたり、色々凝ったことができますが、 ここでは簡単にCSSだけで作ってみます。 CSSのサンプル .floating { top:...

【jquery】jqueryを使ってラジオボタンやチェックボックスのdisabled設定

ボタンを押すことで、ラジオボタンやチェックボックスのdisabledを設定してみます。 よく使うのですが、よく使う割りに忘れてしまうのでおぼえがきです。 HTMLのサンプル ラジオボタン ： jquery java php チェックボックス： jquery ...

【jquery】テーブルを検索して合致するセルをハイライト

テーブルのセルの文字列を検索して、合致したセルの背景色を変えるサンプルです。 ブラウザの検索とほぼ同じ機能なので、あまり使わないかもしれませんが。。 jqueryの勉強も兼ねているので・・・ということでサンプルです。 サンプルは、 テキストボックスに検索したい文字を...

【jquery】jqueryを使ってテーブルの縦列を結合する

テーブルの縦列で同じデータがあった場合、結合(rowspan)するサンプルです。 同じデータは順番に並んでいる必要があり、このサンプルは一番左の縦列のみ結合します。 今回は縦バージョンですが、横バージョンもいずれ。。。 HTMLのサンプル 関東 東京 ...

【jquery】jqueryを使ってページ内遷移させる（animate）

jqueryのanimateを使ってページ内遷移をさせてみようと思います。 aタグ（＜a href="#page1"＞）を使ったサンプルはよくみるのですが、 ここではaタグを使わずに試してみます。 サンプルページはこちら HTMLのサンプル ...

【jquery】セレクタで前方一致と後方一致

jqueryを使ってとあるエレメントにセレクタを使ってアクセスする際に、 前方一致と後方一致をよく使うので、おぼえがき。 上記のような2種類のテキストボックスがあった場合、 下記のようなコードで前方一致と後方一致が出来ます。 $(document).on(&quo...

【CSS】HTMLのテキストボックスをラベルのように

HTMLのテキストボックスをラベルのような見た目に変更する方法を紹介します。 ここではラベルとは、入力できない編集不可の項目をさしてます。 テキストボックスで作られた項目が仕様変更などにより編集不可になった場合、 disabledやreadonly、ラベルなど色々方法...

【jquery】複数のチェックボックスを同期する

複数のチェックボックスが画面上にあり、 ひとつをチェックすると他のチェックボックスもONにしたいときとか。 HTML ①チェックボックス ②チェックボックス JavaScript //チェックボックスの同期 $(document).on("cha...

【jquery】jqueryでラジオボタンのチェック状態を設定

jqueryでラジオボタンをチェック状態にするサンプルです。 こんなラジオボタンがあった場合 男 女 function btcheck() { if ($('input[name="sex"]:checked').val(...

【PHP】ファイル名の拡張子を取得する方法（pathinfo）

【PHP】ファイル名の拡張子を取得する方法（pathinfo） いくつか拡張子を取る方法はあると思いますが、 今までよく使ってたやり方より簡単に取れる方法を知ったので・・・。 ①PHPで拡張子の取得 $filename="test.csv"; ...

【PHP】配列の全要素をtrimする

配列の中の要素に余分な空白などがあり除去したい場合、 ループでtrimすればいいのですが、多次元などになると結構面倒です。 ということで、便利な「array_map」をご紹介します。 構文 array_map 指定した配列の要素にコールバック関数を適用する ...

【PHP】PHPでSQLiteに接続

前回の記事（ 【SQLite】SQLiteのインストールとデータベースの作成 ）で、 SQLiteのデータベースのインストールとデータベースの作成を行いましたが、 ここではPHPからSQLiteに接続する方法を試してみます。 php_sqlite3.dllのダウンロード ...

【SQLite】SQLiteでTIMESTAMPのデフォルト値

SQLiteでテーブルを作成してみようということで、下記のようなテーブルを作ってみました。 create table test ( id INTEGER NOT NULL PRIMARY KEY, update_at TIMESTAMP DEFAULT DATET...

【SQLite】SQLiteのインストールとデータベースの作成

SQLiteはPostgreSQLやMySQLと同様のRDBですが、インストールも簡単で手軽に利用できます。 また、アプリケーションに組み込んで利用する軽量データベースのため、 アンドロイドアプリでDBを使いたい場合などにも利用されているようです。 本家サイトは こちら か...

【jquery】jqueryのSelectorであいまい検索するには

【jquery】jqueryのSelectorであいまい検索するには いっぱいボタンがある画面を作っていたときに、ひとつひとつにclickイベントを登録するのが面倒。 ボタンじゃなくても使うシーンが結構あるので、メモしておきます。 ボタン① ボタン② ボタン③ ボ...

【jquery】.on()を使用して関数に引数を渡す方法

jquery1.7から追加された「on」を使用して関数に引数を渡す方法を試してみます。 .on( events [, selector ] [, data ], handler(eventObject) ) http://api.jquery.com/on/ 関...

【PHP】ファイル名を変更する

PHPでファイル名を変更するのは、 rename ("/test/file.text", "newfile.txt"); 詳細は下記のリンクを見るとわかりますが、 第１引数は、変更するファイルパスとファイル名 第２引数で、変更...

【PHP】ディレクトリを作成する

PHPで画像ファイルなどアップロードする場合、 保存先のディレクトリが存在するか？チェックするときがあります。 ということで、ディレクトリが存在するかチェックする方法 if( mkdir( '/dir/test' ) ){ echo "...

【PHP】ディレクトリが存在するかどうかチェック

前回の記事でディレクトリが存在するか？チェックする方法を紹介しましたが、 ここではディレクトリを作成する方法を紹介します。 前回の記事は こちら if( is_dir( '/dir/test' ) ){ echo "ディレクトリが存在しま...

【PHP】文字列の末尾にある特定文字列を削除する

文字列の末尾にある特定文字列を削除するする方法です。 $data='りんご,みかん,いちご,メロン,バナナ,'; $data_array = explode (',', $data); ■出力結果 array(6) { [0]=...

【PHP】配列中に特定文字列があるかチェックする

配列中に特定文字列があるかチェックするには。 $data='りんご,みかん,いちご,メロン,バナナ,'; $data = rtrim($data, ','); $data_array = explode(',',$dat...