Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 textareaの中で選択した文字列の前後に、任意の文字列を挿入するJavascript。流れとしては、まず選択領域の始点と終点の位置を取得し、その境界を基準にしてtextareaの文字列全体を分割。そして加工して組みなおす。 始点と終点の位置は、Mozillaおよび(最近の)Opera/Safariでは容易に取得できる。問題はIE。IEのTextRangeオブジェクトは、後のコンテクストを見て処理を行うことが難しいため、特にtextarea内の文字列を操作したい場合は厄介です。 逆に言えば、始点と終点の位置さえ判ればなんとかなるので、いろいろ試してみてなんとか形に出
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名
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
Bundle Software. Software as a Service. Compania dedicada al desarrollo de sistemas simples, usables, y atractivos que tienen en cuenta la velocidad, tama?o, legibilidad y accesibilidad; usando estandares web.jQuery Plugin by Juan M Martinez About This plugin is an inline content editor to allow editing rich HTML content on the fly. It's an alternative to WYMeditor with much less features. With a
JavaScriptを使った各種WYSIWYGライブラリまとめ。 こういった仕組みも今では真新しいものではなくなりましたが、それぞれ特徴があって微妙に使いどころが違う場合があると思うのでまとめ。 Yahoo UI Library ベースのWYSIWYG prototype.jsでクロスブラウザなWYSIWIGエディタ FCKEditor TinyMCE 3年程前ではこういった機能はHTMLだけでは不可能だと思っていましたが、今では当たり前になってしまいましたね。 個人的には、Ajaxぐらい素晴らしいJavaScriptを使った機能じゃないかと思っています。技術の進化って素晴らしいですね。
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システムズのAjaxフレームワークであるSpryに関するサンプルを用意しています。Spryはバージョンアップにより機能が追加されることが多くあり、また場合によっては仕様変更が行われることもあります。このページではSpryのバージョンに合わせたサンプルを用意していますが、今後、バージョンがあがった場合には、このページに掲載しているサンプルが動作しなくなる可能性があります。あらかじめ、ご了承ください。また、取り扱っている文字コードは特別な記述がない限りUTF-8となっています。掲載しているサンプルではUTF-8のBOM (Byte Order Mark) を付加してあります。BOMが付加できない場合にはSafari 2で文字化けすることがありますが、その場合にはKawa.netのサイトにある文字コード変換スクリプトを使用してSafari 2で文字化けしないようにしてくださ
「Ajax」という言葉の流行から、近年JavaScriptが再び脚光を浴びている。JavaScriptは、ほぼすべてのPC用ブラウザで動作するのだが、実装されている機能などは各ブラウザによってまちまちで、いわゆる「クロスブラウザ」なスクリプトを作るにはかなりの手間がかかってしまう。 そこで注目されているのが、「フレームワーク」や「ライブラリ」と呼ばれる存在だ。これらのスクリプトを利用することによって、ブラウザ間の差異をあらかじめ吸収して開発をすることができる。 4割のシェア(2006年Ajaxian調べ)を誇る「Prototype」を始め、「jQuery」や「Dojo」などの他、Googleの「Google Web Toolkit」やYahoo!の「Yahoo! UI Library」など、大手の企業も自社ブランドのライブラリを提供している。 そして、アドビが提供するライブラリが今回紹介す
米Adobe Systems(以下、Adobe)は、同社の技術者向けサイト「Adobe Labs」で、5月11日、Ajax向けのフレームワーク「Spry framework for Ajax」を発表した。"JavaScript library for web designers(WebデザイナーのためのJavaScriptライブラリ)"と銘打たれたこのフレームワークを利用すれば、高品質な演出をWebデザイナーが手軽に施すことができる。 ここでは、技術的な観点を交えてSpry frameworkの魅力を紹介してみよう。 フレームワークの種類 フレームワークとは、プログラミングを行う時に土台となるプログラムのこと。Ajaxの場合は特にブラウザ間の依存性解消などの理由で、フレームワークが非常に重宝されている。 数あるAjaxフレームワークの中で、現在最も多く採用されているのが proto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く