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

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

8
値によるjQuery選択オプション要素
span要素でラップされたselect要素があります。選択IDの使用は許可されていませんが、スパンIDの使用は許可されています。入力が数値iであるjavascript / jquery関数を記述しようとしています。これは、selectのオプションの値の1つです。この関数は、関連するオプションを選択済みにします。 <span id="span_id"> <select id="h273yrjdfhgsfyiruwyiywer" multiple="multiple"> <option value="1">cleaning</option> <option value="2">food-2</option> <option value="3">toilet</option> <option value="4">baby</option> <option value="6">knick-knacks</option> <option value="9">junk-2</option> <option value="10">cosmetics</option> </select> </span> 私は次のように書きました（これは完全に機能しないため、この質問を投稿しています）。 function select_option(i) { options = $('#span_id').children('select').children('option'); //alert(options.length); //7 //alert(options[0]); //[object HTMLOptionElement] //alert(options[0].val()); //not a jquery element //alert(options[0].value); //1 //the following does not seem to work …
8
Googleマーカーからの緯度/経度の取得
ドラッグ可能なマーカーでGoogleマップの地図を作成しました。ユーザーがマーカーをドラッグするとき、私は新しい緯度と経度を知る必要がありますが、それを行うための最良のアプローチが何であるかわかりません。 新しい座標を取得するにはどうすればよいですか？
6
AngularJSのUI-Routerを使用して状態をデフォルトのサブ状態にリダイレクトします
データを表示するタブベースのページを作成しています。AngularJsでUIルーターを使用して状態を登録しています。 私の目的は、ページの読み込み時に1つのデフォルトタブを開くことです。各タブにはサブタブがあり、タブを変更するときにデフォルトのサブタブを開いておきたいのですが。 私はonEnter関数でテストして$state.go('mainstate.substate');いましたが、内部では使用していますが、ループ効果の問題（state.goではサブステートから親ステートを呼び出すなど）が原因で機能しないようです。 $stateProvider .state('main', { url: '/main', templateUrl: 'main.html', onEnter: function($state) { $state.go('main.street'); } }) .state('main.street', { url: '/street', templateUrl: 'submenu.html', params: {tabName: 'street'} }) ここで私はプランカーのデモを作成しました。 今のところ、デフォルトのタブを開いていないことを除いて、すべてが機能します。それがまさに私が必要としていることです。 提案、意見、アイデアをありがとうございます。
6
javascript変数リファレンス/エイリアス
JavaScriptでエイリアス/参照をローカル変数に割り当てることは可能ですか？ 私はCのようなものを意味します： function foo() { var x = 1; var y = &x; y++; alert(x); // prints 2 } =編集= このコードでarguments.calleeにエイリアスを付けることは可能ですか？： function foo() { arguments.callee.myStaticVar = arguments.callee.myStaticVar || 0; arguments.callee.myStaticVar++; return arguments.callee.myStaticVar; }
89 javascript 
2
jQuery xmlエラー '要求されたリソースに' Access-Control-Allow-Origin 'ヘッダーがありません。
私は楽しみのために私の個人的なプロジェクトに取り組んでいます。http： //www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xmlにあるxmlファイルを読み取り、xml を解析し、これを使用して、通貨間の値を変換します。 これまでのところ、xmlを読み取るためのかなり基本的なコードを考え出しましたが、次のエラーが発生します。 XMLHttpRequestは****を読み込めません。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン ' http://run.jsbin.com 'はアクセスを許可されません。 $(document).ready( function() { $.ajax({ type: 'GET', url: 'http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml', dataType: 'xml', success: function(xml){ alert('aaa'); } }); } ); 私のコードには何の問題もないので、誰かが私のコードで何が間違っているのか、そしてどのようにそれを修正できるかを指摘してほしいと思っています。
11
JavaScriptのプロトタイプベースの継承の良い例
私はOOP言語で10年以上プログラミングを行っていますが、現在JavaScriptを学習しています。プロトタイプベースの継承に出会ったのはこれが初めてです。私は良いコードを勉強することで最も速く学ぶ傾向があります。プロトタイプ継承を適切に使用するJavaScriptアプリケーション（またはライブラリ）の適切に記述された例は何ですか？また、プロトタイプの継承がどのように/どこで使用されているのか（簡単に）説明できますか？
7
jQueryプラグインの構文を理解したい
jQueryサイトには、jQueryの基本的なプラグイン構文が次のようにリストされています。 (function( $ ){ $.fn.myPlugin = function() { // there's no need to do $(this) because // "this" is already a jquery object // $(this) would be the same as $($('#element')); this.fadeIn('normal', function(){ // the this keyword is a DOM element }); }; })( jQuery ); JavaScriptの観点から何が起こっているのかを理解したいのですが、これはJSが以前に見た構文に従っているようには見えないためです。だから私の質問のリストはここにあります： function（$）...を変数、たとえば「the_function」に置き換えると、構文は次のようになります。 (the_function)( jQuery …
14
HTMLページ全体の上にカーソルを置く
カーソルをHTMLページ全体で簡単に「待機」するように設定することはできますか？アイデアは、ajax呼び出しが完了している間に何かが起こっていることをユーザーに示すことです。以下のコードは、私が試したものの簡単なバージョンを示しており、私が遭遇した問題も示しています： 要素（＃id1）にカーソルスタイルが設定されている場合、ボディに設定されているものは無視されます（明らかに） 一部の要素にはデフォルトのカーソルスタイル（a）があり、ホバー時に待機カーソルが表示されません body要素はコンテンツに応じて特定の高さを持ち、ページが短い場合、カーソルはフッターの下に表示されません テスト： <html> <head> <style type="text/css"> #id1 { background-color: #06f; cursor: pointer; } #id2 { background-color: #f60; } </style> </head> <body> <div id="id1">cursor: pointer</div> <div id="id2">no cursor</div> <a href="#" onclick="document.body.style.cursor = 'wait'; return false">Do something</a> </body> </html> 後で編集... それはFirefoxとIEで動作しました： div#mask { display: none; cursor: wait; z-index: 9999; …
1
Force-directedレイアウトに新しいノードを追加する
Stack Overflowの最初の質問なので、我慢してください！私はd3.jsを初めて使用しましたが、他の人がそれを使って達成できることに一貫して驚かされています...そして、私が自分でどれほどの進歩を遂げることができたかに驚かされています！明らかに私は何かを壊していないので、私はここの親切な魂が私に光を見せてくれることを願っています。 私の意図は、単に以下を実行する再利用可能なJavaScript関数を作成することです。 指定されたDOM要素に空の有向グラフを作成します ラベル付けされた画像を含むノードをそのグラフに追加および削除し、それらの間の接続を指定できます。 私はhttp://bl.ocks.org/950642を出発点として採用しました。これは、本質的に、私が作成したい種類のレイアウトだからです。 私のコードは次のようになります： <!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="underscore-min.js"></script> <script type="text/javascript" src="d3.v2.min.js"></script> <style type="text/css"> .link { stroke: #ccc; } .nodetext { pointer-events: none; font: 10px sans-serif; } body { width:100%; height:100%; margin:none; padding:none; } #graph { width:500px;height:500px; border:3px solid black;border-radius:12px; margin:auto; } …
8
モバイルデバイスでのHTMLドラッグアンドドロップ
JavaScriptを使用してWebページにドラッグアンドドロップを追加する場合（jQuery UIドラッグ可能およびドロップ可能など）、これをモバイルデバイスのブラウザー経由で表示したときにどのように機能させるか-ドラッグ用のタッチスクリーンアクションがインターセプトされるページをスクロールするための電話など？ すべてのソリューションを歓迎します...私の最初の考えは次のとおりです： ドラッグするアイテムを「持ち上げ」て、アイテムをドロップしたいゾーンをクリックするようにするモバイルデバイス用のボタンがあります。 モバイルデバイスでこれを行うアプリを作成して、Webページを動作させることはしないでください！ あなたの提案やコメントをお願いします。
13
new Date（）はChromeでは機能しますがFirefoxでは機能しません
次のような日時文字列を作成しています。 2010-07-15 11:54:21 次のコードを使用すると、Firefoxで無効な日付が表示されますが、Chromeでは問題なく機能します var todayDateTime = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + seconds; var date1 = new Date(todayDateTime); firefoxではdate1は無効な日付を与えていますが、Chromeではうまく機能しています主な原因は何ですか？
10
優れたMarkdown JavaScriptライブラリまたはコントロールはありますか？[閉まっている]
現在のところ、この質問はQ＆A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 ユーザーがテキストを入力してMarkdownでフォーマットできるサイトを構築したいと考えています。私がJavascriptソリューションを希望する理由は、StackOverflowと同様にライブプレビューを表示したいためです。 ただし、私のサイトは開発者を対象としていないため、エディターコントロールが理想的です。 StackOverflowで、WMDエディターが使用されていることを収集します。 Googleでクイック検索を行うと、Showdownライブラリも表示されます。これは、WMDで実際に使用されていると思います。 他のオプションはありますか？WMD / Showdownはすでに素晴らしいツールですか？さまざまなオプションについて、どのような経験をしましたか？
3
Webサイトは、自分がデフォルトのホームページまたは検索プロバイダーではないことをどのようにして知るのですか？
私の知る限り、ブラウザーのデフォルトのホームページ/検索プロバイダーの公開API公開はありません。では、Googleはこれをどのように表示することを知っているのでしょうか。これは、Googleが私のブラウザーのデフォルトのホームページ/デフォルトの検索プロバイダーでない場合にのみ発生します。 私はそれらがリファラーのような多くの変数から推論していると仮定することができるだけです。GoogleのコンパイルされたJavaScriptをうまく掘り下げることができませんでした。クライアント側とサーバー側のどちらで検出されたかはわかりません。 私はFirefox 44を使用していますが、これらのバナーもChromeで見ました。
8
angular.jsを使用してカスタムヘッダーをHTTPリクエストに追加する
私はangular.jsの初心者であり、リクエストにヘッダーを追加しようとしています： var config = {headers: { 'Authorization': 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==', 'Accept': 'application/json;odata=verbose' } }; $http.get('https://www.example.com/ApplicationData.svc/Malls(1)/Retailers', config).success(successCallback).error(errorCallback); 私はすべてのドキュメントを見てきましたが、これは正しいはずです。 のURLにローカルファイルを使用すると$http.get、Chromeのネットワークタブに次のHTTPリクエストが表示されます。 GET /app/data/offers.json HTTP/1.1 Host: www.example.com Connection: keep-alive Cache-Control: max-age=0 If-None-Match: "0f0abc9026855b5938797878a03e6889" Authorization: Basic Y2hhZHN0b25lbWFuOkNoYW5nZV9tZQ== Accept: application/json;odata=verbose X-Requested-With: XMLHttpRequest If-Modified-Since: Sun, 24 Mar 2013 15:58:55 GMT User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.22 (KHTML, like …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.