http://www.masa4.net/ocher/css/css_kouryaku.htmブログのHTML見てすごいなぁと思ってマネして今開発中のサイトをフルCSSに挑戦してみましたが、結構大変だったぁー。ちなみにフルには届かず直接書いてしまった所がチラホラ…。その構築方法。

おかしいなぁおかしいなぁと思っていたら、JavaScriptでformをsubmitすると、onsubmitイベントが発生しませんっ！マジですかー。何年もJavaScript使っていて気づかなかった事に驚きを感じています。

http://www.ripcord.co.nz/behaviour/ via オレンジニュース 上記URLにあるスクリプトを見ていて、連想配列の要素をfunctionオブジェクトにしてしまえば、クラスにメソッドがあるように表現できる事を知りました。 var MyClass = { say : function(message) …

http://sourceforge.net/projects/goog-ajaxslt/ Googleが作ったJavaScriptによるAjaxとXPathの実装。サンプルがついて無い…。すっごい楽しそう！

とりあえずデモ用に作ったスタイルシート <style media="screen"> .NoPrint { display : block; } .YesPrint { display : none; } </style> <style media="print"> .NoPrint { display : none; } .YesPrint { display : block; } </style> ※ここに載せるために行だのスペースだのを圧縮してます。 画面表示時には見せたく…

最近やってます。PDFによる出力をするのがベストなんですが、そこまで凝る必要の無さそうな画面はブラウザのページ印刷で補えないかと提案して、いくつかの印刷機能で採用されることになりました。もちろん単純に印刷するのではありません。印刷用のスタイル…

http://hoso.homelinux.net/inputconv.html (テキストボックスで1〜5を入力) これはIE限定。Firefoxで動くバージョンはonfocus, onblur時に処理しているので入力した時は押したキーの文字がでます。押したキーとは違う文字を画面に入力させたい場合に使った…

その１はこちら前回はCSSのみを使ってテーブルのヘッダを固定し、明細行のみをスクロールさせる方法を紹介しましたが、今回はそれの応用編です。今回のは、ヘッダを固定して明細行だけをスクロールさせるのは同じなのですが、横スクロール機能がついています…

＃カテゴリは気にせずに。 Sub CreateShortcut(AppPath) Set Shell = CreateObject("WScript.Shell") Desktop = Shell.SpecialFolders("Desktop") Set Shortcut = Shell.CreateShortcut(Desktop & "\shortcut.lnk") Shortcut.TargetPath = AppPath Shortcut.…

最近近隣でよく聞きますねー。私は始めて聞いた単語ですけど、中身を見て"ずっと前からあったと思うけどあれとは違うのかな…"と思いました。 Asynchronous JavaScript + XML なるほど、XMLという部分が私の知っているのとは違います。HTML, JavaScript, CSS…

例えばtableタグでたくさん列があり、列の内容が非常に長く、折り返さずに途中で切って欲しいと言われた場合、みなさんはどうやって実装していますか？私は大体以下の3パターンでやっています(どれを使うかはその時の状況によりけり) サーバサイドで列の内容…

でも横スクロールする設計は操作性の観点かららどうなんでしょ... もちろん使いにくいと思います(笑)横スクロールが必要になってくる場面って条件が大体決まっていると思うんですけど、どうでしょう？私の場合はこんな感じです。 明細行の列が多く、画面に収…

http://d.hatena.ne.jp/Mars/20050115#p1 (via:id:zwfkさん) こういうのって実際結構需要ありますよねー！まさかこういう形で実装できるとは知りませんでした。私がいつもやる場合はスタイルシートだけでやる簡易版です。テーブルにスクロールバーを付けると…

右クリック禁止を無効化左クリックしながら右クリックするとメニューが出てきてしまいます。ソースの表示もばっちり。 バックスペース禁止を無効化ALT + ←, →で画面遷移可能。多機能マウスでもOK。 こういうのは小ざかしいスクリプトを山ほど作って制約を加…

via FlashMLより http://www.blueshoes.org/en/javascript/ すごすぎる！JavaScriptでここまでできますか！スプレッドなんてまんまスプレッドじゃないですか(笑)スプレッドは見る価値があります。ヘッダのカラムの幅もドラッグで変更できますし。IE限定なの…

例えばinputタグのreadOnly属性を変更するには document.getElementById('id').setAttribute('readOnly', true); 上記の例はIE限定のはずです。

<input type="file" style="border:none;width:1px;"> とりあえずこれで参照ボタンのみに見えます。スタイルシートをいじれば、それなりの見た目にする事はできるでしょう。あとはレイヤーに乗っけて、sfwの上にかさねて配置すれば…。submit先も隠しフレームにすればswfがリロードされる事もないし。ほんとにで…

よくできてます…。Flashからファイルのアップロードをやる最も簡単な方法を考えて、FlashからはJavaScriptを呼ぶだけにしよう！ということで、JavaScriptでちょいちょいと書いてみましたが、当然駄目でした。 ＃JavaScript部 <script language="JavaScript">

JavaScriptのwindow.open()関数で開いたウィンドウは、window.close()で何事も無く閉じる事ができますが、通常のウィンドウに対してwindow.close()を呼び出すと ウィンドウは、表示中のWebページにより閉じられようとしています。このウィンドウを閉じますか…

例えばinputタグのname属性を指定して、動的にフォーム内のオブジェクトを取得したいとします。パッと考えてオブジェクトを取得する方法は2つ思い浮かびます。evalとelementsです。では、どっちが速いのでしょうか？計測してみました。まずはサンプルのコー…

http://d.hatena.ne.jp/tpircs/20040831#p2 html:link action とおんなじことをbuttonでやりたいんですが、javascript使わなきゃむりぽ？ を見てそういえばこんなのがあったなぁ〜と思い書いて見る。教祖の質問の答えにはなってませんけど、こんな案もあるっ…

function changeAnchorEvent(mode) { if (mode == 1) { document.links[0].href = "javascript:alert('hoge')"; } else if (mode == 2) { document.links[0].href = "javascript:alert('foo')"; } } 例えばですけど、こんな風にできます。具体的に使用する場…

ブラウザの設定でも可能なのですが、IEでは以下のように書けました。 <input type="text" autocomplete="off"> 余分な属性は省略しています。typeはpasswordでもOKです。ログイン画面などでオートコンプリートが効いてしまっては困るかつ、ブラウザがIEで、IEの設定を変更するのが難しい場合は、こ…

この問題はここ3年ほどずーっと解決しないものだとばかり思ってました。<td>タグの中に半角だけをずら〜って並べるとどうしても折り返さないんです。これが仕様だと思ってました…しかぁし！IEにはびっくり。style="word-brean: break-all;"って書いたら折り返す</td>…

久々にとてもJavaScriptではまりました。&nbsp;がどうやっても置換できないんです！具体的コードを書きましょう。 <input type="text" name="txt" value="&nbsp;"> たとえばこういうテキストボックスがあったとします。このテキストボックスは表示すると、半角スペースがひとつ表示されます。この半角スペ…

結論：サーバーサイドでチェックしる！！(笑) 英数字のみなら完全に入力時に制限かけられるんですが、日本語入力になると制限できないんですよね。 制限する方法を知らないと言ったほうが正しいのかな？(知ってる人いたら教えて〜) とりあえず半角だけ制限す…