画面遷移なしでファイルアップロードする方法 と Safariの注意点 (groundwalker.com)
画面遷移しないでファイルをアップロードするのは iframe を使うことで実現できる。 HTMLはこんな感じ。upload.html <html> <head> <script type="text/javascript"> <!-- function uploaded(msg) { document.getElementById('msg').innerHTML=msg; } //--> </script> <title>upload test</title> </head> <body> 何かの編集ページとか <iframe name="uploader" src="" style="width:0px;height:0px;border:0px;"></iframe> <form target="uploader" method="POST" action="uploader.php
jQuery File Tree
Search the Notebook Recent Notebook EntriesPopular EntriesjQuery File TreejQuery Context Menu PluginjQuery MultiSelectjQuery Right-click PluginExternal Popup Links Using jQueryRelated EntriesjQuery Context Menu PluginParsing a JSON String Results in an ‘Invalid Label’ Error Determine the Parent Directory of a Path in PHP$.getPOST() for jQueryUsing json_encode() and json_decode() in PHP4 Archives
JavaScriptプログラムメモ | prototype.js｜プログラムメモ
■ jQuery用プラグイン jQuery_auto を使用します。 prototype.js とのコンフリクト解消版 jquery_auto はこちらからダウンロード↓ http://logic.stepserver.jp/data_other/jquery_auto_j.zip ■ 1. scriptファイルを読み込ませます <script type="text/javascript" src="js/lib/jquery.js"></script> <script type="text/javascript" src="js/lib/jquery_auto_j.js"></script> ■ 2. ロールオーバー画像ファイル名の最後に _over をつける。 例： 【image.gif】 の場合 【image_over.gif】 ■ 3. HTMLの＜img＞タグに属性 class=
Drag & Drop Sortable Lists with JavaScript and CSS
Update 4/26: tested and working as expected in IE6, Firefox 1.0, and Safari 1.3, unless otherwise noted. In Web applications I've seen numerous — and personally implemented a few — ways to rearrange items in a list. All of those were indirect interactions typically involving something like up/down arrows next to each item. The most heinous require server roundtrips for each modification...boo. T
Draggables and droppables demo - Interface plugin for jQuery
Folder 1 Subfolder 1 1 Subfolder 1 2 Folder 2 Subfolder 2 1 Subfolder 2 2
jQuery UIのdraggable・droppableとsortable - monjudoh’s diary
iGoogleのように、縦にガジェットを複数ぶら下げたのを横に並べて、 並び替えできるUIを作りたいので、 jQuery UIの調査をしました。 draggable・droppableとsortableは併用不可 それぞれ縦にsortableを使って、draggable・droppableで列間の移動を実現すればいいのかと思って、 いろいろ試してみたところsortableとdraggableの併用は出来ないことがわかりました。 draggableメソッドを実行するのが、 移動させたい要素そのもの(をラップしたjQueryオブジェクト)であるのに対し、 sortableメソッドを実行するのは、 並び替える要素を含む親要素であるという違いがあります。 そのため、親要素でsortableメソッドを実行し、 その子要素でdraggableメソッドを実行した場合、 draggableによってマウスイ
WYSIWYGを可能にするjavascript
htmlなどは高齢者や初心者にとって分かりづらいものです。 しかし、ブログなど双方向のネット時代が訪れ、コメント欄などでは編集を簡単にすることが求められます。 openWYSIWYGというjavascriptでは、Wordを使う様に文字を打ち込むことが出来ます。 ＊WYSIWYGとはW（What）Y（You）S（See）I（Is）W（What）Y（You）G（Get）を意味し、直訳すると「あなたが見たものが、あなたが得るもの」ということになります。 sponsors 使用方法 openWYSIWYGファイルをダウンロード・解凍した後、head内にwysiwyg.jsを埋め込みます。 また、対象となるtextareaのidラベルに示した文字列（好きなid名）を以下に書き込みます。 <script type="text/javascript"> generate_wysiwyg('好きなid名
JavaScriptを使った各種WYSIWYGライブラリまとめ:phpspot開発日誌
JavaScriptを使った各種WYSIWYGライブラリまとめ。 こういった仕組みも今では真新しいものではなくなりましたが、それぞれ特徴があって微妙に使いどころが違う場合があると思うのでまとめ。 Yahoo UI Library ベースのWYSIWYG prototype.jsでクロスブラウザなWYSIWIGエディタ FCKEditor TinyMCE ３年程前ではこういった機能はHTMLだけでは不可能だと思っていましたが、今では当たり前になってしまいましたね。 個人的には、Ajaxぐらい素晴らしいJavaScriptを使った機能じゃないかと思っています。技術の進化って素晴らしいですね。
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
逆引きAdobe Spryリファレンス
このページはAdobeシステムズのAjaxフレームワークであるSpryに関するサンプルを用意しています。Spryはバージョンアップにより機能が追加されることが多くあり、また場合によっては仕様変更が行われることもあります。このページではSpryのバージョンに合わせたサンプルを用意していますが、今後、バージョンがあがった場合には、このページに掲載しているサンプルが動作しなくなる可能性があります。あらかじめ、ご了承ください。また、取り扱っている文字コードは特別な記述がない限りUTF-8となっています。掲載しているサンプルではUTF-8のBOM (Byte Order Mark) を付加してあります。BOMが付加できない場合にはSafari 2で文字化けすることがありますが、その場合にはKawa.netのサイトにある文字コード変換スクリプトを使用してSafari 2で文字化けしないようにしてくださ
jQuery Sortablesでドラッグ&ソータブル - ［JavaScript］All About
jQuery UI Sortablesでドラッグドロップ&ソータブル 1: Sortables 2: サンプル 前々回は Draggables でDOM要素をドラッグし、 前回は Droppables でドロップ操作を試しました。 今回は、リストの順序をドラッグドロップで変更できるソータブルをjQuery UI の Sortablesで試します。 jQuery Download jquey.js (-1.2.2.min.js) UI/Sortables Sortables デモ ダウンロード jquery.ui (v1.0は、stopが動作しないので1.0.1a以降を入手してください) jQueryのダウンロードと設置 Sortablesは、LI要素などの順序をドラッグドロップで動的に変更できるインターフェイスです。 WebアプリやCGIなどで、順序なﾇに関する設定のグラフィカルユーザー
個別記事にJavaScriptを挿入するプラグイン[WP] - ミblog : レビューや日常など
2008-01-28 WordPress プラグイン WordPressの個別記事にJavaScriptを挿入したい場合、コードに直接記入したとしても、改行がbrタグに自動変換されたりする為、うまく表示することができません。そんな場合にとっても便利なのがContentsExというプラグイン。 例えば、この記事だけにこの商品を掲載したいなぁ・・・という時、結構ありますよね。しかし、ASPから発行されるタグがJavaScriptしかない場合、そのままではWordPressの個別記事に挿入することはできません。 WordPressは、記事をコードで直接記入しても段落や改行部分に自動でPやbrタグが挿入されます。普通に文字だけを打つ場合は便利なのですが、JavaScriptやdivなどにもタグを付けてしまう為、表示できないのです。 ※新しいバージョンのWordPressではdivにpタグは付きませ
新JavaScript入門 5 配列(1)
前回黙って配列を使ってしまいましたが、 配列は次のように生成します。 var a = new Array(array-length); このように配列は配列の長さを引数とする Array 型のオブジェクトとして生成します。 配列の要素へのアクセス方法はＣと同じです。 a[expression] 添字は 0 〜 array-length - 1 です。 var name = new Array(5); //名前 var score = new Array(5); //点数 name[0] = "さくら"; score[0] = 88; name[1] = "知世"; score[1] = 90; name[2] = "千春"; score[2] = 92; name[3] = "奈緒子"; score[3] = 91; name[4] = "利佳"; score[4] = 93; //次
JavaScriptで入力文字制限！(入力チェック) - ［ホームページ作成］All About
JavaScriptで入力チェック・文字を入力制限する方法(3ページ目)JavaScriptで入力チェック・文字を入力制限する方法を解説。メールアドレスや日付のように入力文字数や文字種を制限したいフォームでは、リアルタイムにエラー表示できると便利。正規表現などを使う入力チェックの書き方をサンプルと共にご紹介。 A. 数字とハイフン記号だけの入力に制限する書き方 まずは、数字とハイフン記号だけの入力を求めたい場合のJavaScriptソースをご紹介いたします。郵便番号の入力欄や、電話番号の入力欄や、何らかの数値の入力欄などに使えるでしょう。本記事で用意したサンプルページ「JavaScript入力チェック例」では、「3. 郵便番号」と「5. 電話番号」欄に適用しています。 ■JavaScriptソース： <script type="text/javascript"> document.addE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーが2～3カラムや800pxか1000pxか等を動的に変更できるすごいJavaScript*ホームページを作る人のネタ帳
軽快に動作するWYSIWYGエディタJavaScript （openWYSIWYG） - youmos
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
http://www.hi-ho.ne.jp/~illusia/nif/html_conv3.htm
http://f32.aaa.livedoor.jp/~azusa/index.php?t=js&p=textarea