Javascriptに関するselftormentのブックマーク (19)
-
selftorment 2010/08/25
-
GWT開発者ガイド (Google Web Toolkit Developer Guide)
Google Web Toolkit Developer Guide の日本語訳です。CCライセンスなので訳してみます。 各章の概要 基礎 コアGWTの概念(JavaソースのJavaScriptへのコンパイル、デバッグ、クロスブラウザサポート、モジュール定義など)を説明する UIの構築 ギャラリに示されているように、GWTは豊富なJavaウィジェットとパネルを含む。これらはアプリケーションのクロスブラウザを構築する部品として機能する RPC 簡単に使用でき、標準HTTP越しにサーバとJavaオブジェクトをやりとりすることができるRPCメカニズム JUnitとの統合 JUnitとの統合で、他のJavaコードと同じくらい簡単にAJAXコードを試験することができる 国際化 単一のコードベースで複数ロケールを簡単にサポートできる JavaScriptネイティブインタフェース (
-
【ハウツー】LL時代のデータ形式 - JavaプログラマのためのYAML/JSON (5) JavaでYAML/JSONを利用する - JSON-lib | エンタープライズ | マイコミジャーナル
JSON-libはJavaでJSONを扱うためのライブラリで、The Apache Software License, Version 2.0のもとに配布されている。JSON-libは以下のような機能を備えている。 JSONとJavaBeanもしくはDynaBeanとの相互変換 XMLとJSONとの相互変換 なお、JSON-libの利用に当たっては以下のライブラリも必要となる。 Commons Logging Commons BeanUtils EZMorph xom JSONデータをJSON-libで読み込むにはnet.sf.json.JSONObjectのstaticメソッドを使用する。 String json = ... // JSONの形式のデータ // 読み込み JSONObject jsonObject = JSONObject.fromString(json); //
-
jQuery Tutorials for Designers
This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the detai
-
webデザイナーのためのjQueryベストプラグイン＆チュートリアル10個
かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります
-
デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
-
jQueryとCSSで作るiPhone風ラジオボタン・チェックボックス
2014年8月20日 jQuery いつも使っているラジオボタンやチェックボックスにもっと彩りを！ここではCSSとjQueryを使ってiPhone風のデザインに変える方法を紹介します。使用する画像は一枚のみ。CSSスプライトで表示位置を変えます。サンプルも用意してみたので覗いてみてくださいね！ ↑私が10年以上利用している会計ソフト！ サンプルはこちら。IE7, IE8, FF, Chromeで正常動作 See the Pen Mobile like radio/check buttons by Mana (@manabox) on CodePen. ファイルを準備 必要なファイルを準備します jQuery こんな感じの画像を作る コーディング ファイルを読み込む ヘッダー内にjQueryを読み込ませます。 <script type='text/javascript' src='/samp
-
jQueryでチェックボックスをすごい形にカッコよくしちゃう方法:phpspot開発日誌
jQueryでチェックボックスをすごい形にカッコよくしちゃう方法が紹介されていました。 具体的なデザインは以下。もうチェックボックスの原型がないという、面白くて分かりやすいＵＩに調整されています。 マークアップ上も、次のように綺麗になっています。 実際のタグは、不可視にしちゃって、jqueryによって、on/off を切り替えればいいわけですから、まさに何でもありで、参考にして他にも面白く、使いやすいデザインはいくらでも作れるかもしれません。 jQueryによるクロスブラウザ対応が出来るので、昔のように神経質になる必要もないですね。 詳細は以下のエントリから参照。 Pretty checkboxes with jQuery | Aaron Weyenberg
-
フォームデザインを完成させるjQuery plugin「jqtransform」
今まで様々なjQueryを使ったプラグインを紹介してきましたが、今日紹介する「jqtransform」は今まで紹介した物と少し違っていて、フォームのデザイン補助してくれると言うものです。 CSSなどでデザインせず、普通にフォームを制作した場合上記のように利用OSに準拠したプルダウンメニューやボタンなどが表示されます。このプラグインを使えば上機能なありきたりなフォームデザインを施す事が可能です。変更後のデザインは以下の通り 詳しくは以下 デザインだけでなくプルダウンもアニメーションがついていたりと細かな部分も配慮されています。実装方法は簡単、jQueryとプラグインを読み込んで、フォームにクラス指定をしてあげるだけになっています。デザインはCSSで制御しているみたいなので、個別のカスタマイズできるようになっていますので、使い勝手が良いかと思います。これならDemoで表示されているデザインが気
-
jQueryを使って簡単に角丸を作れるjQuery curvyCorners | バシャログ。
最近、jQueryにハマっているishidaです。 CSSコーディングで角丸処理をする場合、たいていは上下の角丸部分を画像として切り出して、そんでもって背景画像を適用してという風にします。 また最近では、角丸を作るjavascriptライブラリーなどがあります。 でもdiv要素が増えたり、なんだかソースがすきっりしないぜぇ～と思っていましたがイイものがありました。 私がハマっているjQueryで角丸をつくるjQuery curvyCorners。 jQuery curvyCornersサンプル まずjQueryサイトからjquery-1.2.1.pack.jsファイルを入手。次に jQuery curvyCornersサイトからjquery.curvycorners.packed.jsファイルを入手。 使いかた まず、上記で入手したjsファイルをインクルード。 <script src="j
-
JavaScript による入力制限( 0～9 と BackSpace しか入力できないフィールド ) :【WEB】
以下のコードでは、IE の場合のみカーソル移動キーが入力可能です。 実際はそのほうが簡単で都合が良いのですが、厳密に他のブラウザと 同じように 0～9 と BackSpace のみにしたい場合は、onkeydown に記述する必要があります <script type="text/javascript"> function numField(evt) { var btype = window.navigator.userAgent.toLowerCase(); // ************************************************* // Firefox // ************************************************* if ( btype.indexOf("firefox") > -1 ) { if ( 48 <= e
-
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
-
-
-
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
-
element.childNodes - エレメントの子ノードリストを取得 - JavaScriptリファレンス
「エレメントの子ノードリストを取得」サンプルコード <html> <head> <title>element.childNodes - エレメントの子ノードリストを取得</title> </head> <body> <!--エレメントの子ノードリストを取得のサンプル--> <div id="parent" class="daddy"> <div id="sample"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span></div> </div> <script type="text/javascript"> function findElement() { var element = document.getElementById("sample"); var childs = element.chi
-
JavaScript/DOM » formオブジェクト » 入力チェック（正規表現含む） | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説メールアドレスチェック（正規表現） サンプルを見る<script type="text/javascript"> /** * [関数名] chkRegEmail * [機 能] 正規表現によるメールアドレス（E-mail）チェック * [引 数] * @param str 入力された文字列 * [返り値] * @return true(E-mail形式である場合) | false(E-mail形式でない場合) */ function chkRegEmail(str){ /* E-mail形式の正規表現パターン */ /* @が含まれていて、最後が .(ドット)でないなら正しいとする */ var Seiki=/[!#-9A-~]+@+[a-
-
XMLHttpRequestまとめ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 XMLHttpRequestは、スクリプト言語からサーバとのHTTP通信を行うための組み込みオブジェクト（API）。既に読み込んだページ上からHTTPリクエストを発することができるため、ページ遷移なしでサーバとのデータ送受信が可能になる。Ajaxの基幹技術。 実装にあたって、おおかまかな手順は以下。 文字コードはUTF-8にしておこう。 XMLHttpRequestオブジェクトを作成 XMLHttpRequestオブジェクトからデータを取得 取得したデータを編集、利用 ただしセキュリティ上の問題から、リクエストの送信は同一ドメイン内に制限されている。そのため、ドメイン
-
prototype.jsのgetElementsByClassNameがFireFoxとI.Eの互換性うんぬんでややこしいので、なんとかしてみる。 - tohokuaikiのチラシの裏
FireFox3になってから、getElementsByClassNameがNativeSupportされたので、I.Eとの互換性がメンドイよねっていう話。 とりあえず、 <body bgcolor="#cccccc"> <ul> <li class="b">bbb</li> </ul> <ul id="hoge"> <li class="a">1</li> <li class="b">2</li> <li class="c">3</li> <li class="d">4</li> <li class="e">5</li> </ul> </body> っていうHTMLがあった場合、 $('hoge').getElementsByClassName は、IE/FFどちらでもちゃんとFunctionとして定義される。それは、$関数が最後にElementをElement.extend(eleme
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
