Firefox4.0で子窓から親窓へのフォーカス（window.opener.focus）が利かない | soplog(そぷログ)
2011.05.13 Web HTMLJavaScriptFirefoxブラウザ Firefox4.0で子窓から親窓へのフォーカス（window.opener.focus）が利かない 以前から使っていたポップアップ用のJavaScriptがあったのですが、Firefox4.0では子窓から親窓へのフォーカスが利かなくなっていました。 ポップアップ サンプル ※IE8、Chrome、Safari5、Fx3.6では問題ないことを確認しています。 window.blur()、window.opener.focus()が反応していないようなのですが、Firefox4で新たに実装されたセキュリティ関連の施策でしょうか…？ 暫定で対応しましたが、小窓からwindow.open()で親窓を開いてるので、すごく気持ち悪いです。 ポップアップ Fx4 暫定対応 サンプル ※IE8、Chrome、Safari5
JavaScriptでアニメーションを書く初歩の初歩
JavaScriptを使ってアニメーションを書くときに有用なテクニックの、基本中の基本をご紹介します。おそらく、このブログを見ている人のほとんどにとっては釈迦に説法だと思います。今回、requestAnimationFrameの話すらしません。その点、ご留意ください。 まず、JavaScriptでアニメーションをする場合に気をつけないといけないのが、一度JavaScriptの実行（Context）を抜けないとブラウザに描画が反映されないということです。簡単に言うと、 <html><head><title>bad sample</title><script> onload = function() { var e = document.getElementById("e"); for(var i = 0; i <= 100; i += 5) { e.style.left = e.style.
IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念
おそらく、JavaScript を使いこなす肝は setInterval、setTimeout、イベントによる関数の実行を理解することだと思う 例えば 次のコードの結果を考えたとき document.write("hoge\n"); setTimeout(function(){ document.write("fuga\n") }, 1000); document.write("piyo\n");普通に JavaScript を使いこなしてる人なら、hoge → piyo と表示して、 1 秒後に fuga が表示されるな。って思うはずなんです。 でも、 JavaScript を始めたばっかりの人の中には、 hoge と表示したあと 1 秒後に fuga → piyo と表示するな。って思ってる人が非常に多い。(経験的に) 何故か？ たぶん、どのサイトの setTimeout の説明を見て
404 Blog Not Found:javascript - ページはいつ再描画されるか
2006年09月23日01:30 カテゴリLightweight Languages javascript - ページはいつ再描画されるか 大変に有用な考察だが、一つ重要な指摘漏れがある。 IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念 setInterval、setTimeout、イベントによる関数の実行を理解することだと思う ページがいつ再描画されるか、ということである。 未経験者は、document.write()やelement.innerHTML = "foo"のように、ブラウザーに「書き出した」点でそれが直ちに反映されると思うだろう。 ところが、そうではないのである。 実例を見てみよう。以下のscriptを考えてみる。ボタンを押すと、ボタンのラベルが1000から1までカウントダウンした後、元通りになることを意図してい
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
jQuery イベントを設定する
jQueryは非常にコンパクトで多機能なJavaScript/Ajaxライブラリです。サイズは16KB弱と非常にコンパクト。サイズが小さいだけでなく記述方法も短くすむのも利点の１つです。prototype.jsや他のライブラリでは繰り返し処理をしてイベントを設定したりするのですがjQueryは、その繰り返し処理を記述する必要が、ほとんどないため非常にコンパクトにスクリプトを記述することができるわけです。また、prototype.js同様に$()でオブジェクトにアクセスすることができます（$()によるアクセスはAdobe Spryでもサポートされています）。 まず、簡単なところでページが読み込まれたらアラートダイアログを表示させてみましょう。通常はwindow.onload = function() { alert(～); }のように記述しますが、jQueryではonloadイベントではなく
最近よく使っているコードセットのようなもの 第9回 パーソナルブログの作り方-Re:Creator’s Kansai （リクリ）
PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ10社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中！ シン・レンタルサーバーがキャンペーン実施中！（2024/5/20まで） 実質385円～「利用料金50％キャッシュバックキャンペーン」 出典：シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日（月）まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。
jQuery.Event - jQuery 日本語リファレンス
Events/jQuery.Event jQueryのイベントシステムは、W3C標準に準拠した実装になっています。イベントオブジェクトはjQueryのイベントハンドラーに確実に渡されます。（コールバック関数に引数として渡されず、window.eventなどから取得するタイプのブラウザであっても、そのようなチェックは必要ありません） オリジナルのイベントオブジェクトが持つ殆どのプロパティは、このオブジェクトにコピーされます。 このオブジェクトのコンストラクタも公開されており、triggerを呼ぶ際に用いられます。 コンストラクタではありますが、newオペレータはあってもなくても構いません。 どういった場面でEventオブジェクトを作成するのかは、trigger関数のドキュメントを参照して下さい。 Example: jQuery.Eventを new をつけずに作成する var e = jQu
jQueryでクリックされたエレメントの属性を取得する
どうも、俺＠仕事中です。 jQuery＋Ajaxを使ってインタラクティブなデザインのシステムを構築中なのですが、ちょっとハマったのでめも。 画面にテーブルとか使って、何かデータを一覧表示した場合に、クリックされた要素のvalue値やname属性の値やidの値とか取りたくて、取りたくて、、、取れなくて1時間悩みました。。。 例えば <td><a href="foo" id="foo_id" value="foo_value">FOO</a></td> <td><a href="bar" id="bar_id" value="bar_value">BAR</a></td>のようなテーブルがあるとします。 これでjQueryで'FOO'をクリックした時に、その<a>タグに指定してあるid値やvalue値を取得したい！場合は $("a").click(function() { id = $(thi
jQuery クリックイベントを追加する
jQueryを使って、クリックイベントを簡単に追加することができます。 aタグにクリックイベントを追加する。 $("a").click(function(){ alert("click a!"); } ); divでidがmessage2のものにクリックイベントを追加します。 $("div#message2").click(function(){ alert("click message2!"); } ); idがmessage3のものにクリックイベントを追加します。 $("#message3").click(function(){ alert("click message3!"); } ); click関数を使ったサンプルコード <html> <head> <title>jQuery</title> </head> <body> <div id="message1">div 1</div
[使えるCSSテクニックVol.2] CSS を使った見栄えの良いツリーナビゲーション | バシャログ。
第 6 回 は「見栄えの良いツリーナビゲーション」です。 今回は CSS と言うよりも jquery の plugin「Treeview」を使ったツリーナビゲーションをご紹介したいと思います。 実装するとこのような感じになります。 ホーム 会社案内 会社概要 コンセプト 沿革 社長挨拶 交通アクセス 採用 中途採用 中途採用情報 エントリー 新卒者採用 新卒者採用情報 エントリー 先輩の声 プライバシーポリシー お問い合わせ 設置方法 上のサンプルの設定を例に説明します。 まずサイトから「Treeview」をダウンロードします。 解凍してフォルダを置く（解凍したフォルダ名を js に変更） <head>～</head>内に <link rel="stylesheet" href="js/jquery.treeview.css" /> <script type="text/javascrip
![[使えるCSSテクニックVol.2] CSS を使った見栄えの良いツリーナビゲーション | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
javascriptの実行順序 - mtoyoshi開発メモ
知っている人にとっては当たり前すぎることだと思いますが、私自身整理できていなかったのでちょっとまとめる。 次のようなhtmlがあった場合、画面の表示およびjavascriptのアラートの表示のタイミングはどうなるだろうか。 ちなみに$(function(){alert('$関数中');});はjQueryの関数で、DOMのロードが終わったタイミングで呼び出される。 <html> <head> <script type="text/javascript" src="jquery-1.2.3.js"></script> <script type="text/javascript"> $(function(){alert('■$関数中');}); alert('■javascriptタグ中1'); window.onload = function(){alert('■window onload'
今さら聞けないjQuery実行パターンまとめ :: 5509
なんとなく使っているだろう.ready()メソッドについて詳細に見てみましょう。 .ready()メソッド .ready()メソッドという呼び方がパッとしない人もいると思います。こういうのです↓ $(function(){ // .ready()が呼び出されたときに実行されるハンドラ }); jQueryを実行する際のおまじないみたいなものですね。これの中にjQueryコードを書いていくとページロード時（Documentの読み込みが完了時）に実行してくれます。 何気なく使ってる人も多いと思いますが、実際のところこれは何？ということで、少し掘り下げてみましょう。 .ready()を使う際の形式 jQuery APIによれば、以下の3つが.ready()として同じように使えるようです。 $(document).ready(handler) $().ready(handler) (推奨されていな
bassistance.de » jQuery plugin: Treeview
Note as of April 2010: While the plugin still works as it is, it has some shortcomings, and not maintained anymore. There are now plenty of alternative jQuery tree plugins, like jsTree. Note October 2010: Despite the above, I’ve moved the plugin to GitHub, fixed a bug when combining persist: “location” and prerendered: true, and released (tagged in Git) 1.4.1. Transform an unordered list into an e
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
window.focus() not working in Google Chrome
bassistance.de » jQuery plugin: Validation
JavaScript Ajax 実践サンプル集 - サンプル
jQueryを使ってファイルツリーを表示できる『jQuery File Tree』
Yahoo! UI Library