たくさんの画像を一括配置したり、フォルダの中のファイルをまとめて印刷したり、アンカーポイントを整列させたり、テキストを改行でばらばらにしたり、またはバラバラのテキストを改行でつないだりなどなど、大量のファイルの一括処理や、微妙に面倒な各種作業の時間短縮に効果があります。「この作業を、1クリックでも少ない手順で!」という要望にお応えします。
たくさんの画像を一括配置したり、フォルダの中のファイルをまとめて印刷したり、アンカーポイントを整列させたり、テキストを改行でばらばらにしたり、またはバラバラのテキストを改行でつないだりなどなど、大量のファイルの一括処理や、微妙に面倒な各種作業の時間短縮に効果があります。「この作業を、1クリックでも少ない手順で!」という要望にお応えします。
Automatic colored rows - Example for BiteSize Standards テーブルの背景って次のイメージのように行ごとに交互に色分けされていると見やすいですね。 かといって、サーバサイドでアイテムを回して、1個1個設定するのも結構面倒だったりします。 リンク先のサンプルでは、JavaScriptを使って、trエレメントを探索し、交互にクラスを割り当てていくことで、自動でテーブルに色をつけてるようです。 これで、テーブルはシンプルにHTMLでコーディングでき、サーバサイドの技術なしで見やすいテーブルが作成できますね。
多くの方がMicrosoft Internet Explorerの変更についての発表を目にしたことでしょう。その結果、埋め込み("アクティブ")コンテンツやアプリケーションを使用したWebサイトがどのような影響を受けるのか、疑問をお持ちのことと思います。アクティブコンテンツには、Macromedia Flash、Shockwave、またはAdobe Acrobatファイルなどが含まれます。おそらく、その準備のために何をすべきか、検討を開始されていることでしょう。 ブラウザの更新がサイトに与える影響 ブラウザの変更が与える実際の影響はどのようなものなのでしょう。このような変更はいつ行われるのでしょうか。明日または来週になっても、ユーザはアクティブコンテンツを表示できるのでしょうか。 ユーザは、Internet Explorerブラウザの更新プログラムを適用するまでは、埋め込みコンテンツや
IE6 のアクティブコンテンツ関連の動作を変更するパッチが公開されましたが(関連情報)、それに伴い、対応方法に関連する記事がUS のアクティブコンテンツデベロッパーセンターにて公開されました。 IE の変更に対応するためのサンプルファイルはこちらからダウンロードできます。( ZIP ファイル 4K) これには以下のファイルが含まれています。 AC_RunActiveContent.js: Flash や Shockwave コンテンツを表示する際に使用します AC_ActiveX.js: その他のアクティブコンテンツ用です SampleActiveContent.html: 上2つのJavaScript ファイルの使用例です swf を表示するにはは AC_RunActiveContent.js ファイル内に定義されている AC_FL_RunContent 関数を Object タグの代
[号外]FlashなどをIE仕様変更に対応させる Microsoft社(MS)が、Eolas社の特許を侵害したとして提訴された訴訟関連で、 「object、embed、および applet タグが読み込まれるたびに確認ダイアログを出す」というActiveX対応がいよいよ現実のものになるようです。 MSのセキュリティ アドバイザリ (912945) によれば、今月の月例修正プログラムは12日、あるいはそれよりも早くリリースされる予定ですが、これまで Windows Update で「推奨される更新プログラム」として配布されてきたこのパッチ「KB912945」が、他のセキュリティ修正と同梱され、「Internet Explorer 用の累積的なセキュリティ更新プログラム」としてリリースされることになります。 対策としては、以前、下記のリンクにある記事でも書きましたが、js外部ファイル化
SPECIAL!! MONDAY - THURSDAY ONLY 5-Hour Combination Trolling/Bottom Fishing Trip, $1000 For Up To 10 People! Need a place to stay for your fishing trip? Check out our Motorhome Rental Join Captain Dewitt Sightler for great fishing year-around on the charter boat C-Rose. We supply everything you need to catch fish--you only need to bring food and drink. Equipped with brand new engines, the C-Rose i
入門 Ajax 高橋 登史朗 (著) ■このあいだと旧友との飲み会で「JavaScriptが〜」というような話をしてたら友人のacicくん(えーと、仕事ではサーバサイドJavaとかやってるひと)に「JavaScriptなんか使うほうが間違ってるっていう認識だけど」と返されて、うーん、まだそうなのかも。まだ汚名は返上されてないかも。と思ったところ。 ところでわれをひるがえってみるに、なんで今のAjax環境にわりとすんなり適応できてるかというと、よく考えてみると過去3年くらいでJavaScriptでいろんなものを作ってみていて、しかもいろんな(いわば)変態環境をとっかえひっかえするのに慣れていたので、「JavaScript(/JScript/ActionScript/などのECMAスクリプト系)はなんでもあり」というイメージがあったからではないかと思った。 なので、JavaScriptでなにが
JavaScriptと私JavaScriptハカーというよりも…どちらかというとRubyistqwikWebというWikiエンジンを作ってますJavaScript使ってるけど実践的な話じゃないどちらかというと概念的な話どちらかというと昔話JavaScriptとのつきあいは(すげー)長い 10年前のJavaScriptJavaScriptとのつきあいは10年前に遡る「ネット・トラヴェラーズ'96」「ネット・トラヴェラーズ'95」の続編です始めてのネット・サブカル本JavaScriptの記事を書いた日本最初の「JavaScript入門」 (たぶん)
via O’Reilley Radar Yahoo! UI Library で、Yahoo! が実際に使っている Javascript のライブラリ集が公開されている。 Yahoo! のどこでこんなユーザインタフェースが使われてるんだろう? と思うぐらい、サンプルで見せられる UI パーツは豊富だ。それぞれの “Example” を見てまわるだけでもおなかいっぱいだ。 コアユーティリティ アニメーション クロスブラウザ対応の XMLHttpRequest ラッパ DOM 操作 ドラッグアンドドロップ イベントハンドリング UI コントロール部品 カレンダー スライダー ツリー ドラッグアンドドロップなんかは、ファンタジースポーツで使われているのを見たことがあるので知っていた。複数のリスト間でアイテムの移動や並べ替えを行うときには使えるパーツだろう。 日本語カレンダーなんかも、いい感じで再利
先日このブログで公開したばかりの、「ライブドア事件」専用トラックバック・ステーションであるが、毎回ページが開かれるたびにデータベースにアクセスする仕組みで作ったのだが、そんな作りのままではトラフィック増には耐えられない。そこで、良く出来たブログ・サービス(例えばMT)の様に、変更があったときに(つまり、トラックバックが送られてきた時に)、データベース上のデータからHTMLページを生成しておき、閲覧時にはそれを返すように変更することにした。 その作業を進めているときに、この手法の一つの欠点に気が付いた。MovableType がしているように、ヘッダーも含めた全HTMLページを生成するようにしておくと、その中にスタイルシート(CSS)へのリンクを埋め込むことになるので、スタイル(見た目)が固定化されてしまうのである。これでは面白くない。そこで、複数のスタイルシートを用意しておき、閲覧時に動的
ここではprototype.jsを利用してみましょう。まず、以下のサイトからprototype.jsをダウンロードしましょう(この文章を執筆している時点では、バージョンは1.4.0です。特にバージョン表記がない場合は、この1.4.0を利用しているものとします)。 prototype.js それでは、早速非同期通信を行ってみましょう。prototype.jsを使うには以下のようにして読み込ませます。
2006年03月06日 Ajaxにおけるメモリリークの注意点 [ajax][javascript][はてブ] はてブの「ブックマークの確認」ページは、IEでメモリリークする! IE のメモリリーク調べる為の「Drip」ってツールが ここにあって、 このツールは単純にリークしそうなコードチェックしたり、 オートリロードして、外部から参照したメモリ使用量を記録してくれるだけなんだが はてブの追加ページで確認するとこんな感じになる。 (オートリロードなんで負荷高くなるから、悪用したり、やりすぎたりしないようにw) タスクマネージャー等の、外部から参照したメモリが増えているからといっても OSがアプリケーション用にキャッシュしているメモリが増加しているだけの 可能性があるから、一概に鵜呑みはできないんだが 平均して1回のリロードに 1M 近く増えていくとかおかしい。 (MicroSoft もタスク
JavaScript で作って意味があるのかどうか分かりませんが、作ってみました。 応用編 入力したテキストをページ上に書き出し、個々の文字をドラッグ&ドロップ で動かせるようにする ソースを読んでも中身が分からない HTML を作成する パスワードチェックの部屋 (パスワードは「開けごま」ですが、HTML のソースや JavaScript を解析しても、絶対にパスワードが分からない仕組みになっています。) バー ライブラリ編 こんなの JavaScript で作るかよってな代物です。 できてしまったものはしょうがないでしょう。 utf.js (UTF-8 <-> UTF16 変換) base64.js (Base64 encode/decode) md5.js (MD5) des.js (DES 暗号化/復号化) zlib.js (JavaScript による zlib 実装、zlib
Ajaxの普及に伴い、ページ当たりのユーザの滞在時間が注目されるようになっている。従来、サービスがユーザに与えるインプレッションの指標としてページ・ビューが広く用いられている。しかし、Ajaxを利用するとページの移動があまり発生しないため、ページ・ビューが低くなってしまう。そこで、インプレッションの指標として、滞在時間を使おうという動きがある。 今回、JavaScriptでユーザの滞在期間が記録できるかどうか調べてみた。取り組む前は難しいかなと思ったが、実際にはとても簡単であった。コードは下記。 (function(){ var start = new Date; window.onunload = function(){ var time = (new Date - start ); var image = new Image; image.src = "/dummy?t=" + tim
2006年03月21日05:46 カテゴリ AA折れ線グラフ - Perl5, Perl6 & Javascript版 Shiroさんから久しぶりにCommentを頂いたので、ShiroさんのWikiを見に行って見つけたQuiz。 AA折れ線グラフ 入力は'R','F','C'の3種類の文字からなる長さ1以上の文字列 'R'は上昇を表し,折れ線グラフの要素としては '/' (スラッシュ)1文字に対応 'F'は下降を表し,折れ線グラフの要素としては '\' (バックスラッシュ)1文字に対応 'C'は変化なしを表し,折れ線グラフの要素としては'_'(アンダスコア)1文字に対応 PerlとJavascriptがなかったのでやってみた。 それほど難しい問題ではないのだが、 それぞれの言語の特徴が出るようにちょっと工夫してみた。まずはperl5から。 #!/usr/local/bin/perl us
社内の精鋭エンジニアを中心に定期的に勉強会をすることになった。んで、 JavaScript の講義は僕がやることになった。 資料を社内だけでとどめておくのはもったいないので、ここに公開していきます。社内の人も社外の人も読んでください。 講義の内容は基本的にソース嫁。ソースレビュー形式。 ※ターゲットは JavaScript は書いたことない、オブジェクト指向言語プログラマ。 Section 00 Prototype.js の前に JavaScript のオブジェクトの概要・・・ オブジェクトを作ってみる。 var object = {};オブジェクトにメソッドとかプロパティを追加してみる。 var object = { field: 'IT戦士', method: function() { alert('hello ' + this.field); } }; object.method()
Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. Javascriptで指定のHTML要素を動的に角丸デザインにする方法。 NiftyCornerを使えば、単一のDIV要素を角丸デザインにすることが可能です。 例えば、次のような単一DIV要素も簡単に角丸にできます。 <div id="nifty"><p>test</p></div> <script type="text/javascript"> Rounded("div#nifty","#377CB1","#9
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く