JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
リッチ テキスト エディタ - 親方、空から覚え書きが！
WYSIWYG Editor, Rich Text Editor, HTML Editor いろいろ呼び方あるけれど カズキ先生との HTML の編集についての話で出てきたリッチ テキスト エディタについて調べてみました。 リッチ テキスト エディタとは、入力したデータと出力したデータの見た目が一致するテキスト エディタの事を指します。 今作りながら見ている物がそのまま出力結果となる、この事を用語で WYSIWYG: "What You See Is What You Get" と言います。 というわけで、今回作るのがこちらです。 作り方 エディタの基礎 編集領域を準備する 内容を編集する エディタの基礎 今見ているブラウザがそのままエディタになります。エディタにするには、JavaScript で document オブジェクトの designMode プロパティを "on" にします。
簡易HTMLエディタを実装する - とほほのWWW入門
ウェブ上で簡単なHTMLエディタを実現するサンプルです。IE5.5 以降で動作します。下記の枠内に文字を入力したり、範囲選択して [B] ボタンを押したりしてみてください。 コードを下記に示します。仕組みは簡単。<div> や <p> などのタグに contenteditable 属性を追加するだけ。IE5.5 以降でサポートされています。document.execCommand('bold') は、現在選択されている領域を太字にするメソッドです。 <style> .btn { width: 70px; margin: 5px; } .edit { text-align: left; background-color: #ffffff; height: 100px; width: 80%; padding: 3px; border: 1px solid #666666; overflow:
textareaの選択範囲を取得し、前後に文字列を挿入する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 textareaの中で選択した文字列の前後に、任意の文字列を挿入するJavascript。流れとしては、まず選択領域の始点と終点の位置を取得し、その境界を基準にしてtextareaの文字列全体を分割。そして加工して組みなおす。 始点と終点の位置は、Mozillaおよび（最近の）Opera/Safariでは容易に取得できる。問題はIE。IEのTextRangeオブジェクトは、後のコンテクストを見て処理を行うことが難しいため、特にtextarea内の文字列を操作したい場合は厄介です。 逆に言えば、始点と終点の位置さえ判ればなんとかなるので、いろいろ試してみてなんとか形に出
独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」:phpspot開発日誌
jScrollbar : make your own scrollbar for scrolling contents with jQuery UI - MyjQueryPlugins 独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」 綺麗にデザインされたバーもブラウザ依存のスクロールバーで台無しになってしまったり、OSによってデザインに違いが出てしまったりとあまりよいことはないですね。 かといってデザインを崩したくない場合なんかで、スクロールさせないわけにもいけないような時に使えそうなプラグインです。 以下のような自由なデザインのスクロールバーが作れます。画像を切り替えることで簡単に独自デザインにも出来ます。 で、独自デザインにしつつも、ちゃんとマウルホイールにも対応しています。 Twitterの新UIなんかでもスクロールバーが独自になっていたり
渋谷でサボるエンジニアの日記» ブログアーカイブ » JQuery Sortableを使って順番入れ替え機能の作成
WEBで表示順の入れ替え機能って作るのも、使うのも面倒なんだよね。上下に移動するボタン作ったり、表示順を数値で入力したり。 で、最近そんな機能を作成する必要が出てきまして。いろいろ考えて、そういえばWordPressのウィジェット（右側の最近の投稿やコメントがドラッグアンドドロップで入れ替え可能）って便利だよね、そんな風にできないかな、と思って調べてみたら出来たのでメモ。 とりあえず、何かしらライブラリを使えばできるだろう、と思って調べてみた。やっぱりこういうときはJQuery と YUI に当たることが多いね。 YUI Library Examples: Drag & Drop: Reordering a List Sortable Demos (jQuery UI - Functional demos) ちなみに、WordPressもJQueryっぽい。Sortableを使ってるかど
クイックスタート - JavaScript用Facebook SDK - ドキュメンテーション - Meta for Developers
このクイックスタートでは、SDKの設定方法と、基本的なグラフAPI呼び出しを行う方法について説明します。今すぐに設定しない場合、JavaScriptテストコンソールを使って、SDKのすべてのメソッドを使用し、いくつかのサンプルも試すことができます(設定手順をスキップしても、このクイックスタートの残りの部分をコンソールで試すことは可能です)。 サポートされるブラウザー JavaScript用Facebook SDKは、次の一般に良く使用されているブラウザーの、最新の2つのバージョンをサポートしています:Chrome、Firefox、Edge、Safari (iOSを含む)、Internet Explorer (バージョン11のみ)。 基本設定JavaScript用Facebook SDKには、ダウンロードやインストールが必要なスタンドアローンファイルはありません。必要なのは、通常の小さいJa
インラインフレームの内容をjavascriptで取得して送信するにはどうすればいいですか？ - 次のようなHTML・javascri... - Yahoo!知恵袋
インラインフレームの内容をjavascriptで取得して送信するにはどうすればいいですか？ 次のようなHTML・javascriptでWYSIWYGエディタを作ったのですが、どのようにすればこのデータを送信できますか？送信のボタンを押したときにデータを送信するようにしてください。 -----HTM/javascriptL----- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <meta http-equiv="conte
タブ切替のサンプル
11111 11111 11111 11111 11111 11111 11111 11111 11111 11111 11111 11111 11111 11111 11111 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 22222 33333 33333 33333 33333 33333 33333 33333 33333 33333 33333 33333 33333 33333 33333 33333 33333 33333 33333 33333 33333 33333 3333
JavaScript でタブ切り替え UI を実装する | WWW WATCH
先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて （他力本願）、ちょうど求めていたスクリプトが Arc... 先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて （他力本願）、ちょうど求めていたスクリプトが Archiva さんで紹介されていたので使わせていただきました。 時間がなかったので、できれば自分では書きたくないなぁ、なんかいいの公開している人いないかな～なんて思っていたのですが、おかげ様で助かりました。ということで、お礼を兼ねて紹介させていただきます。 タブ切替をサクッと実装 ： Archiva タブ切り換えを実装する JavaScript ライブラリやサンプルソースはいくつか存在しますが、私が求めていたのは JavaScript が OFF の時でもページ内リンクと
長ったらしいフォームをウィザードにして抵抗を少なくするjQueryサンプル:phpspot開発日誌
長ったらしいフォームをウィザードにして抵抗を少なくするjQueryサンプルが公開されています。 長々としたフォームは利用者が入力を躊躇してしまいますが、ウィザードにすることでその抵抗を軽減できますね。 この変換を自動で行えるjQueryのサンプルが公開されています。 図１：長いフォーム スクリプトを実行すると次のようにウィザード形式に変換できます。 図２：ウィザード形式（Step1〜Step3） チュートリアル記事になっているので、見ながら簡単に実装できます。 フォームを作成する時は、参考にしてみてもよいでしょう。 次のエントリにて具体的手法が見れます。 Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)
Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)
This detailed tutorial will show you how to turn long webform into a wizard with “steps left” information. A plugin is also available for download. Download plugin with example View demo What is our task? If you would, for whatever reason, have a large webform all fields shoud be semantically divided into fieldsets. Each fieldset would clearly describe each group of fields. Although many examples
PHPのあの関数をJavaScriptでやるには？をまとめた「phpjs.org」:phpspot開発日誌
PHPのあの関数をJavaScriptでやるには？をまとめた「phpjs.org」 2009年12月04日- PHPのあの関数をJavaScriptでやるには？をまとめた「phpjs.org」が便利です。 PHPを使っていて、JavaScript もかいているときに、PHPのあの関数をJavaScript で実装したいんだけどなぁ、という場合に索引から牽けて参考になります。 例えば、functions ページには使える関数がまとまっているのですが、array系、ソート系、入力チェック系やオブジェクト指向系、日付、ファイルシステム系、Math系、ハッシュなど実に多数のJavaScript用php関数が掲載されています。 例えば、addslashes だと次のような感じでJSのソースが見れます。 function addslashes (str) { return (str+'').repla
unbland.org blog » Blog Archive » ActionScript 3 での色々な文字列の扱い方
ActionScript 内で JavaScript を操作する時には ExternalInterface を使いますが、複雑なことをする時にはどうしても以下のような感じになります。 ActionScript ExternalInterface.call( "function ()" + "{" + "var temp = 'test';" + "temp += 'string';" + "alert(temp);" + "}" ); これだと文字列の連結が多すぎで分かりにくくなってしまうんですが、ActionScript は CDATA セクションを文字列として扱うためこんなやり方もあります。 ActionScript ExternalInterface.call(<
IDEA * IDEA
フレームをまたいでフォームに入力されたデータを渡す
JavaScript sample - メッセージボックス１
Loading...
http://cheziu.ojaru.jp/hobbwin/hobberwin.htm
ドメインパーキング