PHP リンクからPOSTデータを渡すには

使用する場合と致しましては、、 リンクのデザインを保持したままPOSTデータを送信したーい!という時に使っちゃいます。 (ボタンを使用しない)   (例)index.phpへ送信する場合 <form name=”form1″ method=”POST” action=”index.php” > <a href=”javascript:document.form1.submit()”>Submit</A> <input type=”hidden” name=”hogehoge_status” value=”1″> </form> 普通にformでかこってあげます。 そして、リンクの<a href =””>のなかにJavaScriptの処理をいれることで リンクをクリックすると同時にPOS […]

CSSのz-indexが効かない!

z-indexを調整してもなぜだか後ろに隠れてしまう。そんなことに出会ったことありませんか? 以下に参考サイトがありました。 z-indexで重なりが直らない場合はtransformのz軸を疑ってみる CSS translateに要注意です。 translateを使っていると効かなくなります。 私の場合は、SliderBarのJSプラグインを入れていたため、その中を調べてみるとtranslateを使っていました。 これが原因か、とわかったんですが、その上にmodalで表示したいのですが、SlideBarのJSプラグインを修正なんてしてる暇がないわけで。 解決方法は簡単です。 SlideBarJSプラグインの多くは、全体を囲むように指示があったりしますので以下のようになっている場合が多いです。 それを外に出して同一レベルにする。 slidebarの制御外にすればよいってことですね。あとうあ、 […]

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

Titaniumは、iPhone , iPad , Android, さらには、BlackBerry, TizenといったスマートフォンのアプリをJavascript(若干拡張)言語で作ることのできるツールです。開発するにはTitanium StudioというGUI開発ツールがあり、無料で公開されています。(利用するにはユーザ登録が必要) これは、Eclipseをカスタマイズしたもので、実態はEclipseです。 なのでEclipseを入れておいて、あとからTitaniumをセットアップする方法を調べてみました。 日本語環境で使いたい場合にはこの方法がいいですね。 Eclipse日本語化 pleiades http://mergedoc.sourceforge.jp/index.html#/pleiades.html ということで、実際にやってみましたが、若干不都合な点があります。先に説明 […]

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

Mr. Data Converter ウェブシステムを作っていてサンプルデータを作ってモック作りたい!ということありませんか? そんなとき、2,3件のデータを用意するのは手作業が早いけど、もっと10件とか20件のデータを扱う場合、json形式だったりxmlだったり用意するのが大変です。 そんなときに便利なサイトがありました。 Mr. Data Converter http://shancarter.github.io/mr-data-converter/ すばらしいです。 XMLやJSON形式以外にももっとあります。ASP/VBScriptやphpの場合は、言語の配列Arrayに入れてくれます。 Actionscript ASP/VBScript HTML JSON – Properties JSON – Column Arrays JSON – Row […]

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

border-radios.htcはいまいち使えないことが分かったのでメモです。 Borderのコーナーを角丸にする方法 CSS3では[border-radius]という記述があるので簡単に実現できます。 forefoxやwebkit系(safari,chrome)でも対応させるためには、以下の通り。 ただし、これではIE8以前には対応してません。 IE8以前のIE6,7,8に対応させるためには、「border-radius.htc」というものがありました。 これはIEのCSS拡張で、CSS内でjavascriptが呼び出せる仕組みになります。 注意:htcという拡張子をブロックするようなwebサーバ設定もありますので、その場合は使えません 以下、参考サイトです。けっこう記事にされている方いますね。 [CSS3による角丸表現の決定版?の htcファイル「border-radius.htc」 […]

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

jQquery使いまくってますが、あるオブジェクトをanimate()させた時に、そのanimate()を何度も実行するケースがあるとおもいます。 一度きりの動作であれば問題ありませんが、mouseoverやscrollTopで動作する場合はanimate()の処理がQueueing(待ち行列)に入り、最初の処理が終われば次の処理、次、次、、、となってしまいます。 stop()の引数が重要 通常、慣例的にobject.stop().animate()と書いている方がいると思うんですが、このstopはstop(false,false)という引数を省略して書いていることになります。 個の引数については、動作検証も含めて以下のサイトがとても詳しかったのでご紹介します。 [jQuery]こんな機能があったんだ。jQuery stop() | WEBプログラム覚書 stop([clearQueue] […]

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

10年くらい前のソースコードを修正していて、動作的にもJQueryで書き換えたほうが簡単と思い、書き換えてたんですがうまくいかず。 IE8 or IE7で動作をしないといけないので、JQueryは、1系の最新を利用。 JQueryは無事動いたが、$(window).scrollTop()が動かない。常に0を返す。Google検索でも、 $(window).scrollTop()は、$(‘html,body’).scrollTop()が良いと書いてあったりしたけど、うまくいかず。 http://www.atmarkit.co.jp/ait/articles/0911/13/news100_14.html 問題なのは、IEだけです。 では、新規に作ってテストしてみようと思い、先日発見したhttp://jsbin.com/こちらのサイトへ。ここだとIEでテストできるからい […]

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

ちょっとした動作確認や実験をしたいとき、テキストを編集して、ブラウザで表示してみて、、という作業になると思います。 パラメータを変更したり、ミスを直したりするのにも若干煩わしさがあったり。 jsbinというサイトでは、直接ブラウザ上でHTMLやJavaScript、CSSを書くことができ、リアルタイムでその実行結果を確認できます。 されに面白いところは、jQueryが使えるところ。 もちろんバージョンもいくつか選べます。 JQuery UIやbootstrap、prototype,YUI,dojoなどなど。あらゆる有名どころはすべて使えます。 もちろん自分で使いたいものを「Add library」にて選ぶだけ。 まずは、使ってみましょう。 http://jsbin.com/ このjsbin、さらに面白いことにこのシステム全体がオープンソース(OSS)で公開されました。 DB(MySQL)+ […]

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

自分の過去のブログで実は実現していたことがすっかり忘れていたので、再投稿。 JQuert(Javascript)でのデータ形式であるJSON形式。これは、”{“や”}”が使われるため、SmartyのTemplateタグと同じです。これがあると、Smartyとして解釈されてしまうため、例外が発生してしまいます。これをパスするために、Smartyのデリミタである”{“を変更します。 あまりにも違うものだと他の人が見たときに分かりづらくなるので、”{!”こんな感じか、”<!{” “}>”こんな感じにすることで、回避させます。 http://gcblog.net/tips/archives/2008/1126_083630.html Smart […]

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

Ext.JSでグルーピング表示のサンプルがあったので、使ってみました。以下Ext.JSのサンプルページ http://extjs.com/deploy/dev/examples/grid/grouping.html 集計もやってみましたが、集計はまだExt。JSには実装されていないようで、サンプルページのJavascriptからいただいて実装していますが、割愛させていただきます。 ソース中に静的に書かれたデータをds(以降、データストア)に読み込み、GroupingViewで表示するサンプルでしたが、このデータをAjaxで取得して動的に更新できないものかやってみました。 まず、AjaxでJSON形式のデータを取得するので、dsにJsonStoreを使おうとしましたが、できませんでした。 そもそも、グルーピングの基本は、dsにGroupingStore(Ext.data.GroupingSt […]