You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
chromeでJavaScriptが動かなくなった。。。 投稿日:2011年11月01日 カテゴリー JavaScript 投稿者 nonukes 昨日あたりから急に、chromeでJavaScriptが動かなくなった。 他のブラウザ(IE8、firefox、opera、safari)で確認したところ、正常に働いている。 何が何だかさっぱりわからなかったのでググってみたら、ローカルのファイルを読み込むときにchromeではJavaScriptが動かず、chromeを起動する際に“--allow-file-access-from-files”という引数を付けてやればよい、との記事があった。 違うのだ。 ローカルのファイルではなく、サーバー上のファイルなのだ。 何が何だかさっぱりわからない。 「設定(レンチのアイコン)」⇒「オプション」⇒「高度な設定」⇒「プライバシー」⇒「コンテンツの設定」⇒
JavaScriptが動かない。もしくは動かなくなってしまった。。 その場合の一般的な手順は下記になります。 Chromeで問題のページを表示する ChromeでJavaScriptのエラーがでていないか確認する エラーメッセージでググる 検索で見つかったページの対策を施して、また1からやってみる 【捕捉】根本解決を目指すには 最初の1、2がエラーの原因を知る作業です。これは早いと3分くらいですね。その後の3〜5が解決する作業で、これはエラー内容によって前後します。 では、早速手順を見ていきましょう。 1.Chromeで問題のページを表示する これは単純ですね。Chromeを起ち上げて、エラーページを表示しましょう。 2.ChromeでJavaScriptのエラーがでていないか確認する 以下の手順でエラー内容を表示させます。 ※こちらにエラーが出ているページのサンプルがあります。一見正常に
Bootswatchをローカルでいじってサーバーにあげて動作を確認しようとしたら、スマホからだとナビバーのメニューが開閉できず。 ブラウザで開いて確認すると、何やらエラー。 最初、よくわからなくてjsの名前や使ってる関数でググって、何も出てこず… jsをクリックして開いてみた。 なるほどこれが使っているjsか。と、上にスクロールしていったら、Tab Sugarという名前とgithubのURLが。 この機能が使ってるってことかな…?そういえばだいぶ前そんなもの入れたっけな、と拡張機能一覧を見てみたら、なぜか背景が灰色に。 ググっても特に出てこない。困った。まあ、飛ばそう。 タブ管理をショートカットで操作したりするから、きっとこのjsがおかしい。たぶん。無効にして、Chromeを再起動。 ちなみに再起動のショートカットはこうらしい。 memo.txt: Chromeを簡単に再起動させる方法 ア
jQuery のサンプルコードってかなり前から多数出回っていて、 「これをコピペすればこうなりますよ」 というレベルで紹介されているものも少なくありません。 でも、実際試そうとしたら、自分のサイトではピクリとも動かない・・・ こんな経験無いでしょうか? 自分がまさにそうで、この部分でドハマりして当初 jQuery は挫折してました。 そういった際の対処方法をご紹介します。 あるサイトから「そのまま動く」と明記されているコードを拾ってきます。 例えば、以下のような感じで大抵は書いてあると思います。 (実際の処理は省略してます) $(document).ready(function(){ // jQueryの処理 }); これを WordPress のテーマに組み込んでみたら動かない(エラーが出る)、 サンプルHTMLを丸ごとコピーして html ファイルを生成したら問題ない。 自分の場合、こ
jQueryが動かない時の悲しさ。筆者も幾度となく経験している。 だが今となっては、粘り強く原因を究明し対応できるようになった。 本稿ではjQueryが動かない主な原因について紹介するとともに、どのように対応し動かせばよいのかの解説もつけてみた。実際のところ対応方法はケースバイケースなので、詳細のアドバイスはなかなか難しいが、トラブル解決のヒントに役立てていただければ幸いだ。 jQueryが動かない原因を考察 jQuery本体を読み込んでいない あるある度:★☆☆☆☆ jQuery本体を読み込んでいないと、スクリプトを書いても動かない。プラグインも動かない。ここは基本中の基本なので、忘れている人は少ないだろう。 jQuery本家サイトにて本体をダウンロードしファイルを読み込むか、GoogleのCDNを読み込もう。後者の方法を推奨する。 <script type="text/javascri
こんにちは。さすがに見ないだろうと昔撮ったVHSビデオを、捨てるにあたってじっくり見てしまったminamiです。 小ネタです。HTMLファイルにちょっとした文言を読み込みたいときに重宝するjQuery.load()ですが、Chromeでうまく動かない場合があります。ちょっと引っ掛かってしまったので回避方法を調べました。 サンプルを作ってみた ものすごく簡単に以下のようなスクリプトを書きました。data.txtから読み込んだテキストを、div#txtPlaceに読み込みます。これをローカルでチェックしてみます。 function loadText() { var dataPath = "data.txt"; $("#txtPlace").load(dataPath); } firefox IE8 出ました。 出ません。なぜ!?参考ページを見ると、 Chrome: ローカルWebページからのア
My new gear... ってことでね、買う買うって1年くらい言ってたMIDIキーボードをようやく買いました\(^o^)/ 色々悩みに悩んだけど、最終的には一番気になってたNovationのLaunchkey mk2の61鍵がお正月セールにあがってたので、それが後押しになって即決しました! Rock oN Companyさんありがとう!! セールは今日までなので、今ならまだ間に合うかもです!! 恐らく残り1台!!! 買う人はコチラで↓ Novation Launchkey 61 mkⅡ 2016 初売りSuperSale!¥7840- OFF(Rock oN Company) 残念ながらセールを逃してしまった人も、これからMIDIキーボードを買おうかな、買い換えようかなという人へ、今回僕が色々調べたものの中から、最終候補に残った厳選の7機種をご紹介しましょう! ただMIDIキーボードを
最近、はてなブックマークで「スマートフォンブラウザ不具合特集」というのを見つけました。知らなかったのもいくつかあったのですごく参考になりましたよ。 特にAndroid系は私も認識していないことが多いので、その辺りをきちんと見てる人はすごいなぁと思います。 3年前ぐらいに比べると、あっという間にAndroidが多機種化してきて、あっという間にガラケーチェック時代っぽくなりましたね。ため息が出ます。。。 去年の秋ごろに私が書いたエントリーの「iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】」でも、iPhoneで上手くいかない事例について少し触れていました。 iPhoneだとLabel要素をタップしてInput要素(例えばチェックボックスなど)を操作できないというものです。 この解決方法はlabel要素に空のonclick属性をつけることで解決
◆ jsの click() とは違って実際にクリックしたことにはなりません ◆ jQuery以外でつけたイベント実行したりクリック自体を起こさせたいなら .get(0).click() でHTMLの要素に対してクリックメソッドを実行 おかしなところや使いづらいところが多いってことですね 基本的にこのブログは何か問題あったときの解決策メモなので良い部分じゃなくて悪い部分が多いと思います 一応初心者向けなつもりなので 複雑そうな記事だと関係しそうな基本的な説明を別ページで書いてたりするのが 対策方法系じゃなくて説明系な記事になってるわけです jsのclick() jsでHTMLの要素に対してclick() メソッドを実行するとその要素をクリックしたことになります aタグだとhrefのページに飛んだり javascript実行したりメール画面開いたりできますし クリックにイベントリスナをつけてい
ちょっとした備忘録といったメモには Evernote を使っています。一時期に比べると使用頻度は少し落ちましたが、それでも使っています。地味なところですが、Evernote のタグ登録 UI が結構好きなのが理由の一つでもあります。 Web メールにおいては基本的に受信がメインで送信といっても殆どが返信で済んでしまっていますが、 Gmail を使っています。Gmail は非常に早いサイクルで機能や UI が刷新されまくっていますが、いつの頃から送信先、Cc、Bcc 入力のUIがまるでタグのような見た目とインタラクションになりました。この両者の UI はとても良く似ており、単純なカンマ区切りの文字列よりも視認性が高くて個人的に気に入っている UI の一つです。 そんな訳で、このタグ登録のUIコンポーネントを作ってみました。前回、jQuery UI Widget の作り方について学んだわけです
2つのリストを連動させたくて、一方のリストのoptionのclickをbindしていた。 firefoxだと問題なく動いたが、chromeだと動かず。 json.forEach(function(e) { jQuery('#リスト1のID').append( jQuery('<option />') .html(e.name) .val(e.id) .click(function() { jQuery('#リスト2のID').val(e.id2); }) ); }); idをキーに連携させるのならval()でできるが、id2をキーにしたかったのでそのままでは動かない。 そのため、新たに属性をセットして、selectのclickをbindして解決。 json.forEach(function(e) { jQuery('#リスト1のID').append( jQuery('<option />
Chromeなどのモダンブラウザであれば、デベロッパーツールがあってJavaScriptのデバッグなどもそこで容易にできる。例えば、なんかのボタンにJavaScriptでクリックイベントを設定している場合、なにが設定されているかの確認もサクッとできる。 デベロッパーツールで、イベントの中身を確認 <div id="click1">click1</div> <script> var click1 = document.getElementById('click1'); click1.addEventListener('click', function() { console.log('click1'); }); </script> Command + Option + i のショートカットで起動 調べたい要素を選択し、右側のパネル「Event Listeners」を選択する 右端のフィルタっ
Chrome 拡張機能開発 Jquery で DOM 操作し挿入したタグが click() できない! 今回は完全に自身でも納得行かず、知識不足による問題無気がしてならないのですが、 唸ってた問題が、一つの切り替えでさくっと解決してしまったので、 どなたかの役に立てればと思ったのと、ハイレベルな方にもしかしたら 助言をいただけるかもしれない?という甘い考えもありつつ投稿させていただきます。 目的 DOMに以下のようなリンクが複数あり、全て同じcloseというクラス名なので、 それらを全て読み込み終了段階で、自動クリックし、onclickのjsを実行させたい。 <!-- この要素たちを自動クリックしたい --> <a id="originID1" class="close" href="javascript:void(0);" onclick="closeRegion('originID1'
みなさまどうも。 前回はオブジェクトについて色々とお疲れ様でした。引き続きオブジェクトに関係する処理『for...in文』(ふぉーいんぶん)をやっていきたいと思います。 『for...in文』は『for文』と同じような感じで繰り返し処理を実行できる構文です。『for』文は配列の各要素に対しての繰り返し処理が主な使い方でしたね。それに対して『for...in文』はオブジェクトの各プロパティに対しての繰り返し処理となります。 ではやっていきましょう。 まず記述方法ですが以下のような感じになります。 var x = { "hoge": 0, "hoge1": 1, "hoge2": 2 }; for(var elem in x){ console.log(elem); } 上記はまずオブジェクト『x』を定義し、適当にプロパティを作成しています。 そのあとに『for(var elem in x){
こんにちは。クラスメソッドの稲毛です。 respond_to は、Ruby on Rails のアクションメソッド内でリクエストフォーマット(html, json, etc...)に応じた処理の記述で見かけます。 respond_to do |format| format.html { ... } format.json { ... } end どのような仕組みで動作しているのか気になっていたので少し調べてみました。 処理の流れ おおまかな処理の流れは下記のようになっていました。 respond_to メソッドの呼び出し Collector オブジェクトの生成 respond_to 引数ブロックの評価 Mime タイプ毎の処理を収集 Collector から response の取得 response の実行 respond_to メソッドの呼び出し 省略されている丸括弧を付与し簡略化する
こんにちは。まっつんです。今回は 第 2 回 で実装しなかったバリデーションを実装します。 Ruby on Rails (以下、Rails) ではモデルにバリデーションを実装します。簡単なバリデーションであれば、定義済みのバリデーションヘルパーを使って容易に実装することができます。 容易に実装できるにも関わらず、第 2 回 では実装を見送りました。これには 2 つの理由があります。 最初の理由はバリデーションを実行するタイミングにあります。デフォルトではモデルがデータベースに保存される時にバリデーションが実行されます。よって、ポテトバーガー注文アプリケーションのメインメニューが選択された時、そしてサイドメニューが選択された時にそれぞれバリデーションを実行するには独自の実装が必要となります。 次により重要な理由として、普段から特に意識することなく行っているバリデーションという処理を考えるとい
flashに設定したメッセージが2回表示されて困ったのでメモ。 下記のようにflashにalertを設定し、newを再表示していた。 flash[:alert] = "登録に失敗しました。" render action: 'new' 登録画面で登録ボタンを押下すると、正常にメッセージが表示されたが、再度登録画面を表示すると、また同じメッセージが表示されてしまった。もう一度登録画面を表示すると、メッセージは表示されなかった。 正しくは、下記のように記載しなければいけなかったようだ。 flash.now[:alert] = "登録に失敗しました。" render action: 'new' flash.nowとflashでは動作が異なるようだ。 flash.now 現在のリクエストでのみ有効なメッセージを設定する。 現在のリクエストが終了した時点で、自動的にメッセージは削除される。 rende
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く