CSSのz-indexが効かない!

z-indexを調整してもなぜだか後ろに隠れてしまう。そんなことに出会ったことありませんか? 以下に参考サイトがありました。 z-indexで重なりが直らない場合はtransformのz軸を疑ってみる CSS translateに要注意です。 translateを使っていると効かなくなります。 私の場合は、SliderBarのJSプラグインを入れていたため、その中を調べてみるとtranslateを […]

既存のEclipseにTitanium Studioをインストールする方法(for windows)

Titaniumは、iPhone , iPad , Android, さらには、BlackBerry, TizenといったスマートフォンのアプリをJavascript(若干拡張)言語で作ることのできるツールです。開発するにはTitanium StudioというGUI開発ツールがあり、無料で公開されています。(利用するにはユーザ登録が必要) これは、Eclipseをカスタマイズしたもので、実態はEc […]

Excelからjson形式へ変換 by Mr. Data Converter

Mr. Data Converter ウェブシステムを作っていてサンプルデータを作ってモック作りたい!ということありませんか? そんなとき、2,3件のデータを用意するのは手作業が早いけど、もっと10件とか20件のデータを扱う場合、json形式だったりxmlだったり用意するのが大変です。 そんなときに便利なサイトがありました。 Mr. Data Converter http://shancarter […]

CSS3の角丸をIE8(IE6 & IE7)でも実現させる[border-radius.htc]の落とし穴

border-radios.htcはいまいち使えないことが分かったのでメモです。 Borderのコーナーを角丸にする方法 CSS3では[border-radius]という記述があるので簡単に実現できます。 forefoxやwebkit系(safari,chrome)でも対応させるためには、以下の通り。 ただし、これではIE8以前には対応してません。 IE8以前のIE6,7,8に対応させるためには、 […]

jQueryのstop()でキューを削除できる!

jQquery使いまくってますが、あるオブジェクトをanimate()させた時に、そのanimate()を何度も実行するケースがあるとおもいます。 一度きりの動作であれば問題ありませんが、mouseoverやscrollTopで動作する場合はanimate()の処理がQueueing(待ち行列)に入り、最初の処理が終われば次の処理、次、次、、、となってしまいます。 stop()の引数が重要 通常、 […]

jQuery DOCTYPEが無いとIE動作不良!

10年くらい前のソースコードを修正していて、動作的にもJQueryで書き換えたほうが簡単と思い、書き換えてたんですがうまくいかず。 IE8 or IE7で動作をしないといけないので、JQueryは、1系の最新を利用。 JQueryは無事動いたが、$(window).scrollTop()が動かない。常に0を返す。Google検索でも、 $(window).scrollTop()は、$(&#8216 […]

JavaScriptとCSSをブラウザ上で開発しよう

ちょっとした動作確認や実験をしたいとき、テキストを編集して、ブラウザで表示してみて、、という作業になると思います。 パラメータを変更したり、ミスを直したりするのにも若干煩わしさがあったり。 jsbinというサイトでは、直接ブラウザ上でHTMLやJavaScript、CSSを書くことができ、リアルタイムでその実行結果を確認できます。 されに面白いところは、jQueryが使えるところ。 もちろんバージ […]

PHPのSmaryとJQuery(Javascript)を使うには?

自分の過去のブログで実は実現していたことがすっかり忘れていたので、再投稿。 JQuert(Javascript)でのデータ形式であるJSON形式。これは、”{“や”}”が使われるため、SmartyのTemplateタグと同じです。これがあると、Smartyとして解釈されてしまうため、例外が発生してしまいます。これをパスするために、Smartyのデリミ […]

Ext.JS GroupingViewをAjaxでJSON形式で扱ってみる

Ext.JSでグルーピング表示のサンプルがあったので、使ってみました。以下Ext.JSのサンプルページ http://extjs.com/deploy/dev/examples/grid/grouping.html 集計もやってみましたが、集計はまだExt。JSには実装されていないようで、サンプルページのJavascriptからいただいて実装していますが、割愛させていただきます。 ソース中に静的に […]