タグ付けされた質問 「javascript」

ECMAScript（JavaScript / JS）とそのさまざまな方言/実装（ActionScriptを除く）でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

8
JSLintメッセージ：未使用の変数
このようなシナリオで「i」が未使用の変数であるとJSLintが文句を言った場合、どうすればよいですか。 var items = "<option selected></option>"; $.each(data, function (i, item) { items += "<option value='" + item.Value + "'>" + item.Text + "</option>"; }); （i、item）はパラメータの必須順序であり、私は「item」のみを使用しています。 未使用の変数を許容するか、$。eachを書き換えてインデックスを使用する以外の解決策はありますか？どちらの解決策も私はしたくないですか？ 前もって感謝します。 更新：私はすべての提案に感謝しますが、このコードは私が何を意味するかを示すための単なる例であり、もしあれば、一般的な解決策を見たいと思っています。ありがとう。
2
ダイナミックサイズの画像を含むモザイクグリッドギャラリー[クローズ]
閉まっている。この質問は、StackOverflowのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善したいですか？質問を更新して、スタックオーバーフローのトピックになります。 5年前に閉鎖されました。 この質問を改善する 動的な幅と高さの画像（ユーザーが送信した画像）を使用した、画像グリッドギャラリーのプロジェクトについて、次のデザインを受け取りました。（投稿の最後のスクリーンショット） 私が試してみましたjQueryの石造、Tympanus自動イメージモンタージュとCSS-コツシームレス応答フォトグリッドを、それぞれが自分の限界を持っています。 Jquery Masonryでは、幅と高さの両方を動的にすることができますが、ギャップが生成されます 後者の2つのスクリプトは、非常に優れたグリッドを生成しますが、幅または高さのいずれかが静的でなければならないという問題があります。 編集：私はIsotopeに出くわしました。これはほぼ完璧で、私のニーズを正確に修正するものがない限り、おそらくそれを使用することになります。したがって、私の質問はまだ同じです... 以下のスクリーンショットのように、（画像サイズに関して）完全に動的なモザイクを生成できるjavascript（できればjQuery）スクリプトはありますか？ 助けてくれてありがとう
8
JQueryの垂直タブ？
ページの上部ではなく左側にタブが必要です。他の理由（効果）ですでにjQueryをロードしているので、別のUIフレームワークよりもjQueryを使用することを好みます。「垂直タブjquery」で検索すると、進行中の作業へのリンクが表示されます。 垂直タブをブラウザ間で機能させるのは面倒なことですか、それとも簡単なことなので、解決策を見つけたら、サンプルコードを投稿する価値がないように思われますか？
11
プログラムで作成された<iframe>のドキュメントオブジェクトにアクセスしようとしたときに「アクセスが拒否されました」JavaScriptエラー（IEのみ）
JavaScriptを使用して&lt;iframe&gt;要素を作成し、それをDOMに追加する必要があるプロジェクトがあります。その後、&lt;iframe&gt;にコンテンツを挿入する必要があります。これは、サードパーティのWebサイトに埋め込まれるウィジェットです。 ページをロードしたくないので、&lt;iframe&gt;の「src」属性を設定しません。むしろ、CSSに遭遇したり、JavaScriptが親ページと競合したりしないように、挿入したコンテンツを分離/サンドボックス化するために使用されます。JSONPを使用してサーバーからHTMLコンテンツをロードし、この&lt;iframe&gt;に挿入しています。 私はこれを正常に機能させていますが、1つの重大な例外があります-document.domainプロパティが親ページ（このウィジェットがデプロイされている特定の環境にある可能性があります）、Internet Explorer（おそらくすべてのバージョンですが、私は6、7、および8）で確認したところ、作成したこの&lt;iframe&gt;のドキュメントオブジェクトにアクセスしようとすると、「アクセスが拒否されました」というエラーが表示されます。私がテストした他のブラウザ（すべての主要な最新のブラウザ）では発生しません。 Internet Explorerでは、相互に通信するすべてのウィンドウ/フレームのdocument.domainを同じ値に設定する必要があることを認識しているため、これはある程度意味があります。ただし、アクセスできないドキュメントにこの値を設定する方法を知りません。 誰かがこれを行う方法を知っていますか？どういうわけか、この動的に作成された&lt;iframe&gt;のdocument.domainプロパティを設定しますか？それとも私はそれを正しい角度から見ていません-この問題にぶつかることなく私が目指していることを達成する別の方法はありますか？分離/サンドボックス化されたウィンドウはこのウィジェットの機能にとって重要であるため、どのような場合でも&lt;iframe&gt;を使用する必要があります。 これが私のテストコードです： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; &lt;title&gt;Document.domain Test&lt;/title&gt; &lt;script type="text/javascript"&gt; document.domain = 'onespot.com'; // set the page's document.domain &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;This is a paragraph above the &amp;lt;iframe&amp;gt;.&lt;/p&gt; &lt;div id="placeholder"&gt;&lt;/div&gt; &lt;p&gt;This …
8
フォント（@ font-face）がすでにロードされているかどうかを知る方法は？
Font-Awesomeを使用していますが、フォントファイルがロードされていない間、アイコンはで表示されます。 したがって、display:noneファイルがロードされていないときにこれらのアイコンを表示したいと思います。 @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } これらのファイルがロードされ、最終的にアイコンを表示できるようになったことをどのように確認できますか？ 編集： フォントはページ全体の前にロードされる可能性があるため、ページがロードされるとき（オンロード）は話していません。
4
タッチイベントを理解する
一部のライブラリをタッチデバイスで動作させようとしていますが、それらがどのようにサポートされ、どのように動作するかを理解するのに苦労しています。 基本的に5つのタッチイベントがありますが、モバイルブラウザ間ではtouchstartイベントについてのみコンセンサスがあるようです（duh）。テストケースとしてフィドルを作成しました。 Android4を搭載したGalaxyNoteでこれをテストしましたが、デスクトップブラウザでもリンクを確認できます。 目標は、タップ、ダブルタップ、およびロングタップの処理方法を理解することです。特別なことは何もありません。 基本的に、これは何が起こるかです： Androidの株式ブラウザはタッチイベントを発生しません。それはちょうどタップ、焼成してエミュレートマウスクリックにしようmousedown、mouseupとclick連続したイベントが、ダブルタップはちょうどthaのページズームイン、ズームアウト。 Chrome for Androidは、指が画面に触れるとタッチスタートイベントを発生させます。それはすぐに十分なリリースだ場合、それはその後、発火mousedown、mouseup、touchendそして最後clickのイベント。 ロングタップの場合、約0.5秒後に発火mousedownしmouseup、touchend指を離すとclick最後にイベントは発生しません。 指を動かすと、touchmoveイベントが数回発生し、その後touchcancelイベントが発生します。その後は何も発生せずtouchend、指を離してもイベントは発生しません。 ダブルタップ/アウトズーム機能のトリガーが、イベントごと、それはコンボ発動touchstart-touchevent二度は無いマウスイベントでは、解雇しました。 FirefoxのAndroid用は正しく発火touchstartイベントを、短いタップ火災の場合はmousedown、mouseup、touchendおよびclickその後。 ロングタップの場合、発砲しmousedown、mouseup最後にtouchendイベント。これらについてはChromeと同じです。 しかし、あなたがあれば、あなたの指を動かす火災があれば、touchmove継続的に（1が期待することとして）それはdoesnのない火touchleave指がイベントリスナーを持つ要素を離れたときにイベントをし、発生しませんtouchcancel指は、ブラウザのビューポートから外れたときに、イベントを。 以下のためにダブルタップ、それだけでクロームのように振る舞います。 Opera MobileはChromeとFirefoxと同じことを短いタップで実行しますが、長押しすると、本当に無効にしたいある種の共有機能がアクティブになります。指を動かしたり、ダブルタップしたりすると、Firefoxと同じように動作します。 Chromeベータ版は通常の短いタップで動作しますが、長いタップの場合はmouseupイベントを発生しなくなります。ちょうどtouchstart、mousedown0.5秒後touchend、指を離したときです。指を動かすと、FirefoxやOperaMobileのように動作するようになりました。 ダブルタップの場合、ズームアウト時にタッチイベントは発生しませんが、ズームインした場合にのみ発生します。 Chromeベータ版は最も奇妙な動作を示しますが、ベータ版なので文句は言えません。 問題は、タッチデバイスの最も一般的なブラウザでショートタップ、ロングタップ、ダブルタップを検出しようとする簡単で方法はありますか？ 残念ながら、Safariを搭載したiOSデバイス、またはWindows Phone 7 / Phone 8 / RT用のIEでテストすることはできませんが、テストできる方がいらっしゃいましたら、フィードバックをいただければ幸いです。
8
2012年6月12日以降、私のWebサイトで要求されたURLの1％に「未定義」がランダムに追加されました
2012年6月12日11：20TU以降、ワニス/ Apacheログに非常に奇妙なエラーが表示されます。 ユーザーが1ページをリクエストすると、数秒後に同様のリクエストが表示されることがありますが、URLの最後の/の後のすべての文字列が「undefined」に置き換えられています。 例：http： //example.com/foo/barはhttp://example.com/foo/undefinedリクエストをトリガーします。 もちろん、これらの「未定義」ページは存在せず、代わりに私の404ページが返されます（これは、従来のApache 404ではなく、標準レイアウトのカスタムページです）。 これはすべてのページで発生します（ホームページから最も深いところまで） さまざまなブラウザ（主にChrome 19ですが、Firefox 3.5から12、IE 8/9 ...）を使用しますが、トラフィックの1％にすぎません。 これらのリクエストによって送信されるヘッダーはクラシックヘッダーです（そしてajaxヘッダーはありません）。 特定のIPについて、これはランダムに発生するようです。最初にアクセスしたページ、訪問中のランダムなページ、訪問中の複数のページなどです。 もちろん、JavaScriptの問題のように見えますが（Googleがホストするjquery 1.7.2を使用しています）、js / htmlまたはサーバー構成にまったく変更はありません。、数日以来なく、この種のエラーはこれまで見たことがありません。そしてもちろん、htmlにはそのようなリンクはありません。 また、いくつかの興味深い事実に気づきました。 未定義のリクエストが別のページのリファラーとして検出されることはありませんが、代わりに「実際の」ページが同じIPの次のリクエストのリファラーとして使用されました（ユーザーは404ページのクラシックメニューを使用できます） Google Analyticsでこれらのページの痕跡が見られなかったので、JavaScriptが実行されていないと思います（トラッカーは404を含むすべてのページに存在します） ウェブサイトのソーシャルネットワークで問題を引き起こしたときでさえ、誰もこれについて私たちに連絡していません ほとんどのユーザーはその後も訪問を続けます これらすべての事実から、問題はブラウザで静かに発生していると思います。おそらく、バグのあるアドオン、アンチウイルス、ブラウザバー、または昨日更新されたブラウザにソフト統合された安っぽいメーカーが原因です（ただし、リリースされたアドオンは見つかりませんでした）昨日はchrome、firefox、IE）。 ここの誰かが同じ問題に気づいたか、またはより完全な説明がありますか？
4
JavaScript関数の宣言と評価順序
これらの例の最初の例が機能しないのに、他のすべての例は機能するのはなぜですか？ // 1 - does not work (function() { setTimeout(someFunction1, 10); var someFunction1 = function() { alert('here1'); }; })(); // 2 (function() { setTimeout(someFunction2, 10); function someFunction2() { alert('here2'); } })(); // 3 (function() { setTimeout(function() { someFunction3(); }, 10); var someFunction3 = function() { alert('here3'); }; })(); // 4 …
3
pushStateとSEO
多くの人が、ハッシュバンではなくプッシュステートを使用すると言っています。 私が理解していないのは、ハッシュバンを使用せずに検索エンジンにどのように対応できるかということです。 おそらく、pushStateコンテンツはクライアント側のJavaScriptコードによって生成されます。 したがって、シナリオは次のようになります。 私は上にいexample.comます。ユーザーがリンクをクリックします：href="example.com/blog" pushStateはクリックをキャプチャし、URLを更新し、どこかからJSONファイルを取得し、コンテンツ領域にブログ投稿のリストを作成します。 ハッシュバンを使用すると、Googleはescaped_fragmentURLにアクセスして静的コンテンツを取得することを認識しています。 pushStateを使用すると、JavaScriptコードを使用してJSONをロードし、続いてテンプレートを作成できないため、Googleは何も認識しません。 私が見ることができる唯一の方法は、サーバー側でテンプレートをレンダリングすることですが、それはアプリケーション層をクライアントにプッシュする利点を完全に打ち消します。 だから私はこれを正しく理解していますか、pushStateはクライアントサイドアプリケーションにとってSEOフレンドリーではありませんか？
7
UDPを使用したJavaScriptWebSocket？
他のユーザーから大量のデータを受信する必要があるJavaScriptアプリケーションを作成しています。このデータの一部が失われたとしても重要ではありません。TCPの代わりにUDPでJavaScriptWebSocketを使用する方法はありますか？
4
JavaScriptからphp関数を呼び出す
JS関数を介してphp関数を実行する方法はありますか？ このようなもの： &lt;script type="text/javascript"&gt; function test(){ document.getElementById("php_code").innerHTML="&lt;?php query("hello"); ?&gt;"; } &lt;/script&gt; &lt;a href="#" style="display:block; color:#000033; font-family:Tahoma; font-size:12px;" onclick="test(); return false;"&gt; test &lt;/a&gt; &lt;span id="php_code"&gt; &lt;/span&gt; 基本的には、php関数query("hello")を呼び出す「Test」というhrefをクリックすると、php関数を実行したいと思います。
80 php  javascript  html  ajax 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.