画像やページをLightBox風に表示できるThickbox:phpspot開発日誌
Thickbox - One box to rule them all. Thickboxを使えば簡単に画像やHTMLファイルの中身をLightBox風にカッコよくページ内表示できます。 画像の場合 必要なCSSファイルとJavaScriptファイルをインクルードした上で、次のように画像タグを<a>タグで囲います。 <a>タグには class="thickbox" を指定し、title属性に画像の説明文を入れます。 <a href="images/image2.jpg" title="画像と一緒に表示させたい文字列" class="thickbox"><img src="images/image2_t.jpg" alt="Image 2"/></a> たったこれだけで、次のようにLightBox風に画像を開くことが出来ます。 titleで指定した説明文が画像の下に入ってます。 次にHTML
HTML_AJAXを使ったリアルタイム進捗表示アップローダー:phpspot開発日誌
HTML_AJAX : ProgressMeter Documentation for the HTML_AJAX Powered file upload progress meter. PEARのHTML_AJAXを使ったリアルタイム進捗表示アップローダーのサンプル。 ソースはWeb上のSVNリポジトリから取得できます。 ファイルの何％が終わったか？という進捗状態を取得するためには、ここで配布されているPHPエクステンションをインストールし、 upload_progress_meter_get_info という独自の関数を使えるようにしなくてはいけません。 PHPエクステンションをインストールしない場合でも、進捗状態であることをアニメーションしつつアップロードするようなプログラムは作れるようです。 PHPにはアップロード中のファイルが何％ＵＰ完了したかを知る方法は標準では備わっていないよ
[を] CSSで角を丸くする
CSSで角を丸くする 2005-03-18-4 [Tips] Nifty Corners: rounded corners without images <http://pro.html.it/esempio/nifty/> (via Hatena::Bookmark) 画像なしでコーナーを丸くする方法。IEでもFFでもOK。かなり使えそう。 example: あいうえお <style> #wakuwaku {background: #f8f;width:6em;} #wakuwaku p {margin:0 0 0 0;text-align:center} .rtop, .rbottom{display:block;background: #FFF} .rtop *, .rbottom *{display: block; height: 1px; overflow: hidd
Ajaxでタブインタフェースを実現するためのライブラリ:phpspot開発日誌
havocStudios: Ajax tabs CSS Tabs seem to be all the rage with the kids these days. I love the idea of them. It seems that the most popular method of creating tabs using CSS is the Sliding Doors method. They seem to look the coolest and are very easy to implement. However, they're so... static. Ajax Tabsを使えば次のようなCSSベースでデザインされたタブインタフェースの部品が簡単に作れます。 Ajaxを使ってタブが更新されるため、各タブ内のページ(HTML)は独立したファイルにすることが可能で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
