目指せ非プログラマー

もう何でもごじゃれ言語

2013-01-01から1年間の記事一覧

PHPで画像のサイズ(高さと幅)を取得する

こんな感じ $filename = "C:/img/hoge.png"; $size = getimagesize($filename); $width = $size[0]; $height = $size[1]; echo "W:".$width."px H:".$height."px"; 出力結果は W:300px H:200px $sizeは配列になっていて 0が幅 1が高さ 2が画像の種類 3がすげ…

jQueryのajaxのレスポンス待ち中にページ遷移するとerrorになるのを何とか回避する方法

まず、題が何を言っているかというと あるリクエストをjQueryの$.ajaxを使っている場合 そのレスポンスが帰ってくる前にページ遷移やブラウザのリロードをすると error : function(xhr, type, errorThrown){ alert("error"); } を通ります。 ここでalert("er…

fuelphp でUploadがうまくいかない Upload::is_valid() がfalseになる

あるファイルではうまくいくのに 特定のファイルだとうまくいかない Upload::is_valid() が、なぜかfalseを返します。 なんでだろうと結構悩んで気づきました。 データサイズが違う! もちろん違うファイルなので違いますが。。。 2M前後でアップロードでき…

c#でフォルダ内のファイル名(一部でも可)を検索し、その一覧を取得する

C#なら簡単にできるだろうと思いGoogle先生に聞いたところ意外にない。。。 いや、あるのですがめんどくさい方法ばかり。 仕様がないのでMSDNさんを調べてると・・・ありました。 やっぱり簡単にできますね。 Directory.GetFiles メソッド 引数に、 String S…

fullCalendarでクリックした日にイベントがあるかどうかを判定する

結構調べまわった・・・ dayClick: function( date, allDay, jsEvent, view ) { var date2 = new Date(date.getFullYear(), date.getMonth(), date.getDate()+1); var events = view.calendar.clientEvents(function(event) { return event.start >= date &&…

メモ: cssで画像の一部を表示する

箱を表示したい位置に 表示したい画像を箱の背景画像に background-positionを利用し、一部だけ表示

css :hoverがipad、iphone でずれる

なーにかよくわからないけど ipadで表示していると jQueryのclickイベントとcssの:hoverの位置がずれます。 offset関連のバグかと思うのですが。。。 jQueryのclickイベントは思った通りの箇所に行っていましたので cssの:hoverを取り除き、jQueryの.hover(o…

よくわからない正規表現

正規表現サンプル(エスケープが必要な文字) ここを見るとどこぞのブログで書いていた正規表現が間違えだとわかります。 特殊文字は \ * + . ? { } ( ) [ ] ^ $ - | / なんだな。 たぶんでしかわからない私は・・・ javascriptの正規表現に関して言えば 正規…

javascriptのDateに文字列突っ込んだらIEとFireFoxでInvalidになりやがった。。。

var dateStr = "2000-10-10 00:00:00"; var date = new Date(dateStr); dateの値がChromeだとうまくいくのにIE,FireFoxでうまくいきません。 IE8, IE9, IE10, FireFox 24.0 結論から言うと"-"区切りがダメみたいです。 なので dateStr.replace("-", "/"); 追…

ページ遷移時にpostパラメータを送信する jQueryのpostと同時にそのページに移動

結論:結構無理矢理です。 そして今回も時間がないので簡単に書いていきます。 ページ遷移時にpostでデータを送りたいけど・・・できないらしい。 {url}?hoge=hoge って感じでGETが普通なんだそうな。 そりゃ location.href = {url}; とかだからpostを挿入す…

ajaxでphp側から投げられたcsvファイルをダウンロードさせる方法

ちょっと時間がないので簡単に書きます。 fuelphp と jQueryを使用しています。 php--------------------------------- $data = "1-a,1-b,1-c\n" $data .= "2-a,2-b,2-c\n" $this->respnse($data); --------------------------------- js-------------------…

IEでモーダル IE z-index がうまくいかないとき (自作ポップアップの元・自作ダイアログの元)

ダイアログやポップアップ(以降<pop>)を出すさい、 <pop>のz-indexを最大にし、その背景を<div>要素などで表現すると <pop>は操作できるのに、ほかの要素が操作できない! というモーダルな<pop>ができます。 背景 <div class="pop-back" style="z-index: 9000; display: none; position:absolute; top: 0; left: 0; width: 1300px; height: 800px;"></div> <pop> </pop></pop></pop></div></pop></pop>

fullcalendar で、特定日付の背景色を変更する javascript

FullCalendarはGoogleライクなカレンダー(Google カレンダーみたいなカレンダー)です。 jQuery と jQuery UI を使用してたように思います。 ・・・jQuery UIどこで使ってんだ?w 詳しくはFullCalendarの公式を見てください。 それでは題にあることに取り掛…

ASP.NETって流行ってない?

ここ最近やってる仕事のある個所でASP.NETを使用していました これってIEでしか動かないですよね? 結構縛りがきつい気がします。 AppleさんはiPhoneなどのアプリを作る際 「機能は最低限、最小の機能のみを!」 って感じでiPhoneアプリの作りかた見たいなド…

Flotをピンチイン、ピンチアウトで拡大縮小をする ついでに2点タッチで移動

結構前にやったけど、載せてなかったのでメモ程度に //グラフ上ではスクロール禁止をバインド(有効に) $('#placeholder').bind('touchstart', function(){ $(window).on('touchmove.noScroll', function(e) { e.preventDefault(); }); }); //グラフ上でス…

WebRTC 002

あまり調べられてないというか、なにも調べてない。 ひとまずサンプルコードがあるところのURLでも張っておきます。 Web RTC サンプルコード 重要そうなadapter.jsはこちら たぶんこのadapter.jsでブラウザにあるRTCのAPIとかを読んだりなんなりしてるんだと…

WebRTC 001

WebRTC Web Real-time Comunication みたいな感じだったきがする ま、こいつはWebブラウザで動画、音声でコミュニケーションしようぜ!ってもの W3Cのグループは2011年から動いてるらしい。 ここから私の過去のお話 大学3年時にWebブラウザで動画チャット出…

最近の仕事

最近の仕事は面白くない。 一つ一つが面白くなく。全体を通して面白ければいいけど。 逆 プログラムちょろちょろっと組むのはいいんだけど それ組んだところで・・・ って感じで ま、仕方がないんだけどさ。 受託開発だし っと文句を言ってみる

Flotで片軸だけパン(移動)出来るようにする方法

jQuery で使用できるグラフ描画のアレの一つFlotでドラッグで移動できるのは便利だけど、片方向(X軸だけとかY軸だけ)の移動をしたい時は・・・ 簡単にはできません。 追記開始 忘れてたことが1点 各軸のオプションでpanRangeを調整すると方軸だけ移動は可…

Flotについて メモ

jQueryを使用したグラフ作成のアレ 公式? データフォーマット { color: color or number data: rawdata label: string lines: specific lines options bars: specific bars options points: specific points options xaxis: number yaxis: number clickable…

jQueryの.hoverとCSSの:hoverの違い javascript CSS

別に違いはないかもしれないwww けれどCSS:hoverを使っているサイトをタブレット端末で見ると そこを押したときに反応することも こんなことを避けるためにjavascript(jQuery)側でやって方がいいと私は思います。 感想みたいになったw

タブレット端末でのブラウザズーム、ズームアウト時イベント2 CSS javascript

前回の記事で紹介した内容で少し、訂正・・・追加説明しておこうと思います。 iPadなどのiOS端末で特有(?)のスクロール操作がありますよね。 iframeタグで作った子Windowのスクロールをする場合 2本指でスクロールをする。 前回消化しいたやつではその時…

タブレット端末でのブラウザズーム、ズームアウト時イベント CSS javascript

この記事は追記があります。 画面上に帯状のものを表示したい時。 そしてその帯が常に幅いっぱいにするためにCSSで width: 100%; と書くかと思います。 しかし、これが反映されないことが。 タブレット端末で表示を拡大(ズーム)、縮小(ズームアウト)した…

スクロールした時にエフェクトがかっこいいリスト CSS

項目を列挙させて表示 どうやっても似たり寄ったり Googleでいろいろ調べてみても基本的に同じ。。。 リストなんてこんなものなのかな? ってさらに調べてると面白いものを発見! 別にこんなエフェクトいらないんだけどさ。 まぁ、面白かったので紹介。 Comp…

iPadのクリック、タッチイベントについて2 javascript

「iPadのクリック、タッチイベントについて javascript」で少し触れましたが新たに分かったことをメモっておきます。 この記事はユーザエージェントが Mozilla/5.0 (iPad; CPU OS 6_1_3 like Max OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 …

iPadのクリック、タッチイベントについて javascript

少し情報をこちらで追加しています。 jQuery使用 マウスやタッチデバイスで操作する際、それぞれ以下のようなイベントがあります。 ・マウス mousedown mousemove mouseup click dlclick ・タッチデバイス touchstart touchmove touchend 私は今まで、マウス…

input type="file"のデータを javascriptで取得し、データをphpに渡しアップロード保存

とあるページにinput type="file"で取得したデータはjavascriptで処理できません(データをいじれません) って書いてた。 まぁ、とあるページってのがYahoo!! 知恵袋なんですけどね。 そんなことあるかい!ってことでちょっくら調べて作ってみました。 今回紹…

javascriptでinput type="file"を実行 input type="file"を画像ボタンにする

いろんなサイトで<input type="file" />を画像ボタンにしようと試行錯誤されていました。 多かったのは、CSSで画像の上に<input type="file" />を置き、それを透明にするという方法。 確かに出来る。けど、面倒だし、画像にマウスイベント (例えば、$('画像').hover()だとか) を入れたい時に前面にあ…

テキストの入力できるダイアログもどき javascript

jqueryだけでモーダルなダイアログボックスを表示し、そのダイアログボックスの中にテキストエリアなんて配置したいと考えてました。 ようは、ボタン押されたら入力ようWindowをページを移動せずに出したいということです。 やり方はいろいろあると思います…

「jquery.pep.js」のデモ拡張 2 のバグ

作成したものですが、javascriptにバグ?というか、オブジェクト作りまくるとメモリ食いまくるようになってました。・・・たぶん 検証も何もしてませんがたぶんオブジェクト増やしていくとメモリ使用量が増えていくと思います。 改良案だけ出しておきます。 …