Efficient data transfer through zero copyIBM 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.
構造から振る舞いを分離するBehaviour.js - dann's blog
http://bennolan.com/behaviour/ 今まではHTMLのタグ中にイベントハンドラが埋まってしまい、構造と振る舞いの分離が行われていませんでした。Behaviour.jsを使うと、構造から振る舞いを分離することができます。 公式サイトより例を引用します。 ◇ Behaviourを使わない場合 <li> <a onclick="this.parentNode.removeChild(this)" href="#"> Click me to delete me </a> </li>◇ Behaviourを使う場合 HTML <ul id="example"> <li> <a href="/someurl">Click me to delete me</a> </li> </ul>Javascript var myrules = { '#example li' : func
JavaScript開発用IDE:Aptana:phpspot開発日誌
Aptana: The WEB IDE JavaScript開発用IDE:Aptana。 JavaScript用のかなり便利なIDEがついに出てきてしまいました:-) EclipseベースのIDEですが、インストーラーごと公開されてるのでインストールも簡単です。 その注目すべき特徴を列挙してみます。 ボタン一発で実行できるActions マクロみたいなもの。 コメントを一括除去/設定等の処理が可能。 分かりやすい位置にあって、使いやすい。 HTML/JavaScript/CSSのコード補完 （それぞれの属性、メソッドのブラウザ対応まで表示してくれる） 「document. 」と打つと自動でポップアップされます。JavaScriptだけじゃなく、HTMLやCSSも補完。 分かりやすいアウトライン機能 JavaScript/HTML/CSSのアウトラインを表示でき、構造が分かりやすく認識でき、
JavaScriptで動くテンプレートエンジン:JSmarty:phpspot開発日誌
Thousand Years - JSmartyとは？ JSmartyはJavaScriptで動くテンプレートエンジンです。PHPにSmartyっていうテンプレートエンジンがあります。それのぶっちゃけいってクローン(完全ではないですが…)になります。なので利用するメソッドやプロパティととかもそんままでSmartyのテンプレートがそんまま利用できます(たぶん)あと当然ながらプラグインとかも対応しています。 JavaScriptで動くテンプレートエンジン、JSmarty。 次のような使い方で、Smartyとほぼ同様に動作するそうです。 ■テンプレート'foo.tpl' {$foo} ■コード var render = new JSmarty; render.assign('foo','Hello World!!'); render.display('foo.tpl'); ■結果 Hello W
リンクサムネイルの作り方 - GIGAZINE
外部サイトへのリンク文字列の上にマウスが来ると、自動的にリンク先のページをサムネイルで表示するという面白いスクリプトです。 例と設置方法は以下から。 例としてはこんな感じです。 http://lab.arc90.com/tools/linkthumb/ コードのダウンロードと使い方などは以下の通り。 arc90 lab : tools : Link Thumbnail http://lab.arc90.com/2006/07/link_thumbnail.php 互換性はInternet Explorer 6.0以上、Mozilla Firefox 1.5以上、Apple Safari 2.0、Opera Version 8.51以上であるそうです。 ちゃんと外部サイトのみ判別し、自サイト内ではいちいちサムネイルを表示しないようにできます。
Java2Script(J2S) 1.0.0 M2 [Java to JavaScript Compiler and JavaScript Version of SWT]
Java2Script: Bridge of RCP to RIA Reusing Java codes and tools into JavaScript Home Demo Screenshot Overview Download Document Blog Group FAQ Java2Script (J2S) Pacemaker provides an Eclipse Java to JavaScript compiler plugin and an implementation of JavaScript version of Eclipse Standard Widget Toolkit (SWT) with other common utilities, such as java.lang.* and java.util.*. You can convert your SWT
ドラッグ＆ドロップで移動できるツリービューJavaScriptウィジェット:phpspot開発日誌
Folder tree with Drag and Drop capabilities You can download the entire script from this Zip file. ドラッグ＆ドロップで移動できるツリービューJavaScriptウィジェット。 Ajaxでデータを保存するような機構も実装されています。 次のようなオブジェクト指向スタイルで簡単に実装できるみたいです。 <script type="text/javascript"> treeObj = new JSDragDropTree(); treeObj.setTreeId('dhtmlgoodies_tree2'); treeObj.setMaximumDepth(5); treeObj.setMessageMaximumDepthReached('Maximum depth reached'); tre
高度な 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
マウスオーバーのタイムアウトを使ったJavaScript - GIGAZINE
通常のマウスオーバーを使うメニューだと、展開まで早すぎる、あるいは遅すぎる場合が多々あるわけですが、このスクリプトだとちょうどいい速度で展開してくれるらしい。 スクリプトの詳細は以下の通り。 Timeout your Mouseovers 上記ページの「Roll over me」の上にマウスを乗せれば展開されます。確かに今までのものよりもスピードやタイミングがちょうどいい感じな気もする。ちょっと一呼吸置いてから展開される感じですね。
GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
GIGAZINE - ファイルサイズわずか3KBのオーバーレイ効果「Litebox」登場
オーバーレイ効果を作り出す「Lightbox」というスクリプトの超軽量版です。 実際の例やダウンロードは以下から。 Litebox- Same great taste, less calories http://www.doknowevil.net/litebox/ 上記ページの画像をクリックするとどういう効果なのかがよく分かります。 Liteboxで使われているのがこの「moo.fx」という軽量なJavaScriptエフェクトライブラリ。 moo.fx - the next small thing http://moofx.mad4milk.net/ また、類似品としてはこんなのもあります。 GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」
オンラインでJavaScriptコードを簡単圧縮＆難読化:phpspot開発日誌
/packer/ A JavaScript Compressor/ObfuscatorオンラインでJavaScriptコードを簡単圧縮＆難読化できるツール。 下の入力ボックスにコードを入力して「Pack」ボタンを押すだけで上のＢＯＸに反映され、Copyで簡単に取得できます。 オンラインで手軽に使えるところがナイスですね。
その場編集できるテキストBOX実装用PHP Javascriptサンプル:phpspot開発日誌
Ajax Edit In Place (EIP) Example その場編集できるテキストBOX実装用PHP+Javascriptサンプル Flickrなどであるあのその場編集できるテキストBOX、を実装するPHP+JavaScriptサンプル script.aculo.usを使って実装することも可能ですが、この機能限定なので余計な機能が要らない人には嬉しいかもしれません。 script.aculo.us同様、prototype.jsによるフレームワークを使っての実装です。
JavaScriptとFlash連携でソケット通信を使う:phpspot開発日誌
“Real” Javascript Sockets! - ThinkPHP /dev/blog I could not find a single way to have real sockets in Javascript. Google told me that there probably is no solution except embeding a java applet or an active-x component! So I thought why not using a little .swf file as a bridge from javascript to the socket functions of flash! JavaScriptのみではソケット通信は出来ませんが、Flashの機能をJavaScriptから使ってソケット通信を行おうという試み。 Aja
iBox / iBegin Blog (powered by evoBlog)
iBox is a lightweight script that lets you overlay images and documents in a small dialog without a page reload. It's built to be easy to install and use, while offering great flexibility. The quick start shows example code and explains how to use it. TopImages iBox easily supports the standard overlay of images, in many sizes, and will automatically scale down the window if the browser's viewpane
[YUI] マウスオーバーでリンク先サムネイル表示
Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝！ <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e
JavaScript でプロファイリング - (new Hatena).blog()
追記 [20061103]: ライブラリ非依存なバージョンも書いてみました。id:reinyannyan:20061103:p1 でご覧下さい。 最近自分で書いた JS プログラムが驚くほど重かったので、どこに原因があるか調べたいと思いました。 その方法として、怪しいと思う箇所に (あるいは思わない箇所にも) 手作業でタイマーを仕掛けて、部分部分の実行時間を計測するのも手だと思うんですが、クラスのどのメソッドでどのくらい時間が掛かっているのかが自動的に分かる、というのが理想的かなと思いました。 (以下、prototype.js 的な (OO 的な) コーディングを対象とした話になります) まず思いついたのは、プロファイルしたいクラス (function オブジェクト) を受け取って、メソッドを動的に書き換えるという方法です: for (var m in klass.prototype) {
君の発売日 - ドラッグで複数のチェックボックスをチェックする
また冷やし豆乳坦々麺 今年になって2度目の冷やし豆乳坦々麺です。 ピリ辛の肉味噌と少し甘めの練りごまたっぷりの豆乳スープが美味しくて、自分が作ったものなのに美味しい！を連発してしまいます。 先回は絵的にあまり美味しそうに見えなかったので、今回は白髪ネギ以外に茹でた青梗菜と半…
JavaScriptでサクサク動くイメージギャラリー作成用ライブラリ:phpspot開発日誌
タスクボタンのマウスオーバーでタスクの縮小画像を表示「Visual Task Ti... 次の記事 ≫：Ajax+PHP+Smarty+script.aculo.usなデータグリッドコンポーネント Gallery scripts - A library of DHTML and AJAX scripts - DHTMLgoodies.com Another Image gallery script. Thumnbails are listed inside a box at the left. You can click on the thumbnails to bring up a larger version in a right side panel. You can move between strip of thumbnails by clicking on left and r
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ajax PHP Smarty script.aculo.usなデータグリッドコンポーネント:phpspot開発日誌