IBM 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.
wg:Bubble Tooltips Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。 次のような吹き出し方式のツールチップテキストを作成できます。 次のようなJavascriptコードを書いておき、 <script type="text/javascript" src="BubbleTooltips.js"></script> <script type="text/javascript"> window.onload=function(){enableTooltips()}; </script> アンカー<a>タグのt
以前から、Google Web APIsとしてGoogle以外のアプリからSOAP経由でGoogleの検索結果を取得することは出来たのですが、JavaやPerl等でSOAPプログラミングをするのは僕のようなフツウの人からすれば「ムリメ」であったことは否めません。そんなムリメだった高嶺の花が、アナタの手の届く距離まで近づいたかもしれません。そんな隣のお姉さんのような庶民派のAPIが、今日ご紹介する「Google AJAX Search API」です。Google AJAX Search APIって何?読んで字の如く、という説明になってしまうのですが。Google AJAX Search APIはJavascriptから利用することができるGoogle検索のAPI。使い方はJavascirptに関するちょっとした知識のある方であれば、基本的な部分は「あっちゅうま」に分かる位簡単です。まずは、G
HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての<p>ノードの中身を”Hel
NYOKIGLITTER - Tab Styled Accordion accordion flavors Javascriptライブラリmoo.fxを使ったクールなインタフェース集。 グリグリ面白い動きをするので、サイトの部品として利用することでクールなサイトが作れそう。 その1 その2 その3 CSSデザインなのでデザインを変えて利用することも簡単です。
Tipue JS Tipue JS is an Open Source JavaScript site search engine. It works with any browser that supports JavaScript and at least partially supports the W3C DOM Level 1. JavaScriptの高速サーチエンジン、Tipue JS。 JavaScriptのみで動作するのでサーバーサイドでの検索処理は不要。 但し、tip_data.js というファイルでデータを持っておき、ブラウザに読ませる必要があります。 現在の所、日本語は通らないようですが、なかなか面白いプログラムですね。 図) Tipueによる検索結果画面 もう一つ。 同じサイトで配布されているCloud JSが面白いです。 Cloud JS Cloud JS use
JSON/簡単なテスト:基本 http://jsgt.org/ajax/ref/test/json/test1.htm JSONとContent-Type http://blog.nomadscafe.jp/archives/000578.html JSON in JavaScript 日本語訳 http://d.hatena.ne.jp/brazil/20050915/1126717649 Introducing JSON 日本語訳 http://d.hatena.ne.jp/brazil/20050915/1126709945 JSON + prototype.js http://www.machu.jp/diary/20060110.html JKL.Dumper - JSONデータダンプクラス http://www.kawa.net/works/js/jkl/dumper.html
Reflection.js allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Internet Explorer 5.5+, Mozilla Firefox 1.5+, Safari, Google Chrome and Opera 9+. On older browsers, it'll degrade and your visitors won't notice a thing. Best of all, it's under 5KB. Reflect-o-matic See what reflection.js looks like o
ここ最近、prototype.js や scriptaculous.js に話題が偏りがちでしたが、MochiKit という JavaScript ライブラリも注目されています。(別に無視していたわけではなく、単に追っかけきれていないだけです。そもそも公開されているライブラリやフレームワークの数が尋常じゃないので..。cf. Round-up of 50 AJAX Toolkits and Frameworks)prototype.js や scriptaculous.js が Ruby on Rails のフロントエンドをサポートしているなら、MochiKit は TurboGears という、Python ベースの Web アプリケーション開発フレームワークのフロントエンドを支えています。 ブックマークレットを利用したデバッガや、データを昇順・降順に並べ替えられるソータブルテーブル、キ
Documentation and coding are the two factors that MochiKit is currently focused upon for development. Obviously, there are a number of different tutorials and examples which we plan on adding in future, but the following ones are the basic demos which will help you get started with MochiKit. To learn more, check the following link: https://mochi.github.io/mochikit/examples/effects/index.html Inte
オーバーフローぎみにスタックされている雑(?)用のなかに、ショー君への業務連絡があるのだけど、考えてみると、これは公開形式でもなんら問題ないのだよね。ってわけで、原則、この日記に書きます>ショー君 JSONもいいよね JSONは、簡略で便利なフォーマット。僕はXML好きだけど、用途によってはJSONのほうが良いこともあります。とか言って、実は構文を勘違いしていたのだけどさ(「謝罪と訂正:JSONの構文を間違えていた」参照)、ダハハハハ。 JSON形式の基本表現はstring、number、boolean、nullで、これを元に2種類の構造的データを組み立てます。その2種類とはオブジェクトと配列です。「オブジェクト」「配列」は、JavaScriptに由来する用語法で、一般的には、マップ(あるいはレコード)とリストと言ったほうが適切でしょう。 object ::= '{' '}' | '{'
Web2.0としてくくられるタイプの各種ネットサービス、いわゆるウェブアプリは以前とは比較にならないほど動的生成されるものが多く、結果としてものすごい負荷をシステムにかけるわけです。 というわけで、海外におけるデジカメ画像共有サービスの代表的なものである「Flickr」の開発者がJavaScriptを高速化する手法について解説しています。 Vitamin Features >> Serving JavaScript Fast 手順を分割して簡単にしてみたり、キャッシュを使ったり、転送量を圧縮して帯域を節約したりいろいろあるようです。なお、GIGAZINEはキャッシュシステムを採用して有効活用することで負荷を現在、当初の12分の1に抑えています。 また、こっちはリバースプロキシによる高速化手法。 ViSolve.com - Squid Support Service Apacheのモジュール
Editable JavaScript TreeGrid Editable JavaScript TreeGrid Javascriptで作成された高機能なJavascriptツリーグリッドコンポーネント。 セルの内容をその場で編集できたり、ドラッグ&ドロップで移動できたりと、結構すごいです。 コンポーネント化されていてJavascriptのコードを書かずとも簡単に使えるようです。 データの入出力フォーマットはXMLっぽいです。 これを使ってオンライン上のエクセルっぽいものも作れそうですね。
たくさんの画像を一括配置したり、フォルダの中のファイルをまとめて印刷したり、アンカーポイントを整列させたり、テキストを改行でばらばらにしたり、またはバラバラのテキストを改行でつないだりなどなど、大量のファイルの一括処理や、微妙に面倒な各種作業の時間短縮に効果があります。「この作業を、1クリックでも少ない手順で!」という要望にお応えします。
As everybody knows, refreshing pages is so 1999. AJAX, DOM, whatever you call it makes it possible to let people edit a piece of text inline without having to use a submit button. You say: but that ain’t new at all! I say: But all of this has been made easy to use and implement: 2.0! Example page: inline edit (no JS knowledge needed) [source ] | Inline example: Please edit me! How you can make it
このエントリは、JavaScriptによるCSSの操作として新たに書き直しました。 – 俺の探し方が悪いんだろうが、JavaScriptでCSSを弄るリファレンスが中々見当たらなかったので、メモも兼ねて書く。 結構適当に書いてる部分もあるので鵜呑みにしないように。あと、Operaは知らね。 スタイルシートのルールを弄る div内の全要素をgetElementsByTagNameで拾ってforで回してstyleに・・・ってなことをやるよりも、スタイルシート側から操作できるようになれば楽になる。 function addRule( selector, property ) { if( document.styleSheets[0].addRule ) //IE document.styleSheets[0].addRule( selector, "{" + property + "}" );
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日本 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直
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
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く