IBM DeveloperIBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
ページにクリッカブルなメールアドレスを載せつつスパム対策もする方法「Email Riddler」:phpspot開発日誌
ページにクリッカブルなメールアドレスを載せつつスパム対策もする方法「Email Riddler」 2007年02月14日- Dynamic Drive Email Riddler- email encryption script and tool Updated to version 2.0! Jan 28th, 07. Improved interface, output now XHTML valid, plus added ability to simply output encrypted email as a JavaScript variable. ページにクリッカブルなメールアドレスを載せつつスパム対策もする方法「Email Riddler」。 Eメールアドレスの画像化が進んでいますが、メールアドレスをいちいち打つのはやっぱり面倒。クリックでメールを送りたい、アドレスをコピー
IEで選択した部分のソースコードを右クリックメニューで編集する（前編）：CodeZine
はじめに MicrosoftのInternet Explorer（以下、IE）は、パソコンのWebブラウザにおいて最大のシェアを誇っています。このソフトは、手軽に利用できるWebブラウザというだけでなく、ユーザーが必要に応じて機能追加ができるという特徴があります。その機能追加の方法の1つに、コンテキストメニュー（ブラウザ上を右クリックして表示するメニュー）へのソフトの登録があります。この方法を使うことで、自分が必要な機能をIEに追加することができます。 コンテキストメニューに追加するソフトは、HTMLとJavaScriptの簡単な知識があれば作成できます。本記事では、このコンテキストメニューに追加するソフトの作成、およびこのコンテキストメニューに簡単にソフトを登録することができるインストーラの作成の2点を行います。 コンテキストメニューに登録するソフト（以下、「コンテキストメニュー用ソフト
JavaScriptでMP3を扱えるライブラリ「SoundManager 2」:phpspot開発日誌
SoundManager 2: Javascript Sound For The Web - Schillmania.com A Javascript API was needed to achieve the kind of client-side flexibility I wanted, and access to sound was possible using Flash 8's ExternalInterface capabilities through a hidden movie. JavaScriptでMP3を扱えるライブラリ「SoundManager 2」。 次のように、JavaScriptで音声を再生したいな、と思ったことはないでしょうか。 soundManager.play('helloWorld','/hello-world.mp3'); 今回紹介するライブラリを
JavaScriptで図形を描くHTML要素「Canvas」の実例
JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。 といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。 まずは簡単なフレー
いやなブログ - 文字列操作の比較表: Ruby, Python, JavaScript, P...
文字列操作の比較表: Ruby, Python, JavaScript, Perl, C++ Ruby, Python, JavaScript, Perl, C++ の文字列操作の比較表を作りました。配列操作の比較表の続編です。間違いなどがあったらご指摘いただけると助かります。 Ruby (String) Python (str) JavaScript (String) Perl C++ (std::string)
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
ページ全般 ボックス テキスト リンク リスト イメージ テーブル フレーム フォーム フィルタ CSSの基本 CSSプロパティ一覧［ABC順］ リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。 特集記事 レンタルサーバーの選び方 ～ 厳選おすすめサーバーを比較紹介 レンタルサーバーの容量はどのくらい必要か ～ 計算方法と目安を解説 法人向けレンタルサーバーの信頼度は？ ～ 安定性や安全性を測る指標を解説 記事一覧
高度な JavaScript 技集
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
Balloon Tooltip
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download script You can download the script from this Zip file Implementation On the words that should have tooltip, insert a tag like this: <a href="#" onmousemove="showToolTip(event,'This is a simple, simpl
Balloon tooltip
Content is comming here as you probably can see.Content is comming here as you probably can see. DHTML Balloon tooltip This demo demonstrates how the balloon tooltip works. Roll your mouse over the red links in the text below. Roll over me to see the tooltip in action. And here's some more content Roll over me This is the last piece of the content on this web page
Abe Fettig’s Weblog » Detecting IE7+ in Javascript
Today I was updating some Javascript code to support the rapidly-approaching Internet Explorer 7. There were a few places in the code where there were IE-specific workarounds, which happily are no longer needed in IE 7 thanks to its improved standards support. Yay position:fixed! Where the code used to check for if (ie) { ... }, now I wanted it to check for if (ie6OrLower) { ... }. So how to you
cyano: Google Analyticsで高度なトラッキングをする方法
ユーザーがページをロード開始してから閲覧できるようになるまでのロード時間はユーザーが自分のページを快適に閲覧できているかどうかを示す重要なファクターです。Google Analyticsのイベントという機能を使用することで、ユーザーの実際の体感速度を可視化することができます。 たとえば、このブログのある期間における体感速度のグラフはGoogle Analytics上で以下のように出ています。 44.84%のユーザーは100〜499msでロードできており、1秒未満でロード完了しているユーザーは合わせて73.49%であるとわかります。また、3秒以上かかっているユーザーも7.42%居ることも分かります。3秒以上ロードにかかるようだと離脱率も高くなるので、7.42%のユーザーに対して何かの施策が必要であるということも分かります。 このように、ユーザーが実際感じている体感速度を可視化することで、この
【ハウツー】これはすごい! Web案件必須 Selenium - 人気急上昇中自動テストツール (1) 最近人気のSelenium | エンタープライズ | マイコミジャーナル
Webアプリケーションのテストツールに「Selenium」がある。SeleniumはJavaScriptとHTMLを使って、Webブラウザに自動でテストをさせようというもので、アジャイル開発におけるテストツールとして注目されている。 Seleniumとは SeleniumはWebアプリケーション用テストツール。JavaScript/DHTML/iframesをベースに構築されたテストツールで、Webブラウザから直接実行できるという特徴がある。要するに、目の前でWebブラウザが勝手にテスト工程を実施するわけである。見ていてなかなか気持ちがいい。対応しているプラットフォームやWebブラウザは多岐にわたる。代表的なプラットフォームは次のとおり。 Windows Internet Explorer 6.0 Mozilla Suite 1.6以上 Firefox 0.8?1.5 Seamonkey
javascript - prototype HateBJSON : 404 Blog Not Found
2006年09月22日06:00 カテゴリLightweight Languages javascript - prototype HateBJSON これでやっと fetch4js みたいな力技を使わずに、Javascriptのみではてブのデータを再利用できますね。 はてなブックマークエントリー情報取得APIとは - はてなダイアリー http://b.hatena.ne.jp/entry/json/任意のURL*1 を GET リクエストで送信することにより、JSON 形式でデータを取得することができます。 というわけで、はてブのJSONを取ってくるPrototypeを。 基本的な使い方はこんな感じ。 var hatebjson = new HateBJSON('parse_hatebjson'); function parse_hatebjson(json){ // ここでjsonを
「使える、使いやすい、使いたい」と思えるUIとは？ - @IT
最新トレンドやキーワードをわかりやすく解説 WCR Watch ［15］ 「使える、使いやすい、使いたい」 と思えるUIとは？ アドビシステムズ 上条 晃宏 2006/8/31 ここ数年、リッチクライアント技術としてFlashやFlexを採用する例が急速に増加している。この状況の背景としては、アプリケーション開発における“使いやすさ”の実現が重要な要件の1つとして認知されつつあることが挙げられるだろう。 しかし、単にFlash／Flexを使ったからといって使い勝手の良いユーザーインターフェイスができるわけではない。例えば、使いにくかった画面を“そのまま”Flexで置き換えたとしたら、従来からの問題点も再現することになる。これでは改善は望めない。画面設計を行う側にも使いやすさを実現するためのアプローチが求められるだろう。 ここで注目されるのがエクスペリエンスデザイン（XD）だ。エクスペリエン
【ハウツー】Makiって何よってのは兎も角、JavaScript不要JSP-JSFでAJAX - jMaki (1) AJAXデベロッパにもう一つの朗報 - jMaki (MYCOMジャーナル)
AJAXは主にJavaScriptの機能を使って実現されている技術だ。AJAXは使うぶんにはうれしい技術だが、作る方は大変だ。このため最近ではAJAX用のJavaScriptライブラリを使ってAJAXを実現することが多い。The Yahoo! User Interface LibraryやDojoなどこうしたライブラリは数多く存在する。 これらAJAX JavaScriptライブラリをさらにJSPやJSFで隠蔽して、Javaデベロッパから簡単に扱えるようにしようというプロジェクトに「jMaki」がある。JavaScriptをつかってAJAXを実現したいものの、正直なところJavaScriptを使うのは嫌だというデベロッパには朗報だ。jMakiはまさにそれを実現するためのプロジェクトである。本稿ではこのjMakiの使い方を紹介する。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/ajax_rico.html
色のみじん切り
Kazuho@Cybozu Labs JavaScript を学ぶ上で読むべきウェブサイト
Operaで「選択した部分のソースを表示」：Shishimushi