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

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

27
アンカーリンクをクリックしたときのスムーズなスクロール
ページにハイパーリンクがいくつかあります。ユーザーが私のヘルプセクションにアクセスしたときに読むFAQ。 アンカーリンクを使用して、ページをアンカーに向かってスクロールさせ、ユーザーをそこに誘導できます。 そのスクロールをスムーズにする方法はありますか? しかし、彼がカスタムJavaScriptライブラリを使用していることに注意してください。たぶんjQueryはこのようなものを提供していますか?

9
jQuery get textarea text
最近、jQueryを使用し始め、いくつかのチュートリアルに従っています。今、私はそれを使用するのが少し上手だと感じています(かなり簡単です)。私のWebページに「コンソール」を作成できれば(たとえば、FPSゲームで行うように `キーを押して、など)、そしてAjax自体をサーバーに戻して何かを行います。 最初は、textarea内のテキストを取得してそれを分割するか、keyupイベントを使用して、返されたキーコードをASCII文字に変換し、文字を文字列に追加して、文字列をサーバー(文字列を空にする)。 テキストエリアからテキストを取得するための情報を見つけることができませんでした。キーアップ情報しか得られませんでした。また、返されたキーコードをASCII文字に変換するにはどうすればよいですか?
486 javascript  jquery  ajax 

30
jQuery-$は定義されていません
単純なjqueryクリックイベントがあります <script type="text/javascript"> $(function() { $('#post').click(function() { alert("test"); }); }); </script> そして、site.masterで定義されたjquery参照 <script src="<%=ResolveUrl("~/Scripts/jquery-1.3.2.js")%>" type="text/javascript"></script> スクリプトが正しく解決されていることを確認しました。マークアップを表示してスクリプトをFirebugで直接表示できるので、見つけられる必要があります。しかし、私はまだ得ています: $は定義されていません そしてjqueryのどれも動作しません。$(document).readyやjQueryなど、さまざまなバリエーションも試しました。 これは.net 3.5のMVC 2アプリです。Googleのどこにいても、ファイルが正しく参照されていることを確認するように言われています。:/

9
jQueryまたはgetElementByIdなどのDOMメソッドが要素を見つけられないのはなぜですか?
document.getElementById、$("#id")またはその他のDOMメソッド/ jQueryセレクタが要素を見つけられない理由として考えられるものは何ですか 問題の例は次のとおりです。 イベントハンドラーのバインドに失敗するjQuery jQueryの"ゲッター"メソッド(.val()、.html()、.text())を返しますundefined nullいくつかのエラーのいずれかを返す標準のDOMメソッド: Uncaught TypeError:nullのプロパティ '...'を設定できませんUncaught TypeError:nullのプロパティ '...'を読み取れません 最も一般的な形式は次のとおりです。 Uncaught TypeError:nullのプロパティ 'onclick'を設定できません Uncaught TypeError:nullのプロパティ 'addEventListener'を読み取れません Uncaught TypeError:nullのプロパティ 'style'を読み取れません
483 javascript  jquery  dom 

17
ラジオボタンのチェックを外す方法は?
jQueryを使用してAJAXフォームが送信された後、オフにしたいラジオボタンのグループがあります。次の機能があります。 function clearForm(){ $('#frm input[type="text"]').each(function(){ $(this).val(""); }); $('#frm input[type="radio":checked]').each(function(){ $(this).checked = false; }); } この機能を使用して、テキストボックスの値をクリアできますが、ラジオボタンの値はクリアできません。 ちなみに私も試しまし$(this).val("");たがうまくいきませんでした。

30
JavaScriptプライベートメソッド
パブリックメソッドでJavaScriptクラスを作成するには、次のようにします。 function Restaurant() {} Restaurant.prototype.buy_food = function(){ // something here } Restaurant.prototype.use_restroom = function(){ // something here } そうすれば、私のクラスのユーザーは次のことができます。 var restaurant = new Restaurant(); restaurant.buy_food(); restaurant.use_restroom(); buy_foodおよびuse_restroomメソッドによって呼び出すことができるが、クラスのユーザーによって外部からは呼び出せないプライベートメソッドを作成するにはどうすればよいですか? 言い換えれば、私は私のメソッド実装ができるようにしたいです: Restaurant.prototype.use_restroom = function() { this.private_stuff(); } しかし、これはうまくいかないはずです: var r = new Restaurant(); r.private_stuff(); private_stuffこれらの両方が成り立つようにプライベートメソッドとして定義するにはどうすればよいですか? Doug Crockfordの記事を何度か読んだことがありますが、「プライベート」メソッドをパブリックメソッドから呼び出したり、「特権」メソッドを外部から呼び出したりすることはできないようです。


6
コンテンツスクリプトを使用してページコンテキストにコードを挿入する
Chrome拡張機能の作成方法を学んでいます。YouTubeイベントをキャッチするための開発を始めました。YouTubeフラッシュプレーヤーで使用したい(後でHTML5と互換性を持たせるように努める)。 manifest.json: { "name": "MyExtension", "version": "1.0", "description": "Gotta catch Youtube events!", "permissions": ["tabs", "http://*/*"], "content_scripts" : [{ "matches" : [ "www.youtube.com/*"], "js" : ["myScript.js"] }] } myScript.js: function state() { console.log("State Changed!"); } var player = document.getElementById("movie_player"); player.addEventListener("onStateChange", "state"); console.log("Started!"); 問題は、コンソールが「開始!」、「状態が変化しました!」はありません。YouTube動画を再生/一時停止したとき。 このコードをコンソールに配置すると、機能しました。何が悪いのですか?

26
handlebars.js {{#if}}条件付きの論理演算子
ハンドルバーJSで論理演算子を標準のhandlebars.js条件演算子に組み込む方法はありますか?このようなもの: {{#if section1 || section2}} .. content {{/if}} 自分のヘルパーを作成できることはわかっていますが、最初に、ホイールを再発明しないようにしたいと思います。


14
jQuery AJAXクロスドメイン
ここにtest.phpとtestserver.phpの2つのページがあります。 test.php <script src="scripts/jq.js" type="text/javascript"></script> <script> $(function() { $.ajax({url:"testserver.php", success:function() { alert("Success"); }, error:function() { alert("Error"); }, dataType:"json", type:"get" } )}) </script> testserver.php <?php $arr = array("element1", "element2", array("element31","element32")); $arr['name'] = "response"; echo json_encode($arr); ?> 今私の問題:これらのファイルの両方が同じサーバー(localhostまたはWebサーバー)にある場合、それは機能し、alert("Success")呼び出されます。異なるサーバー上にある場合、つまり、webサーバー上のtestserver.phpとlocalhost上のtest.phpは、機能せず、alert("Error")実行中です。ajax内のURLがhttp://domain.com/path/to/file/testserver.phpに変更されても

8
HTML5 Canvas vs. SVG vs. div
その場で要素を作成し、それらを移動できるようにするための最良のアプローチは何ですか?たとえば、長方形、円、多角形を作成し、それらのオブジェクトを選択して移動したいとします。 HTML5がこれを可能にする3つの要素、svg、canvas、divを提供していることを理解しています。私がやりたいことについて、これらの要素のどれが最高のパフォーマンスを提供しますか? これらのアプローチを比較するために、それぞれにヘッダー、フッター、ウィジェット、テキストコンテンツが含まれる、視覚的に同一の3つのWebページを作成することを考えていました。最初のページのウィジェットは完全にcanvas要素で作成され、2番目のウィジェットは完全に要素で作成されsvg、3番目のウィジェットはプレーンdiv要素、HTMLおよびCSSで作成されます。

19
jQuery $(document).readyおよびUpdatePanels?
私はjQueryを使用して、UpdatePanel内の要素にマウスオーバー効果を関連付けています。イベントはバインドされています$(document).readyます。例えば: $(function() { $('div._Foo').bind("mouseover", function(e) { // Do something exciting }); }); もちろん、これは最初にページが読み込まれたときに正常に機能しますが、UpdatePanelが部分的なページ更新を実行すると、ページは実行されず、マウスオーバー効果はUpdatePanel内では機能しなくなります。 最初のページの読み込み時だけでなく、UpdatePanelが部分的なページの更新を起動するたびにjQueryでデータを配線するための推奨されるアプローチは何ですか?代わりにASP.NET Ajaxライフサイクルを使用する必要があり$(document).readyますか?

10
AngularJS:非同期データでサービスを初期化する
非同期データで初期化したいAngularJSサービスがあります。このようなもの: myModule.service('MyService', function($http) { var myData = null; $http.get('data.json').success(function (data) { myData = data; }); return { setData: function (data) { myData = data; }, doStuff: function () { return myData.getSomeData(); } }; }); 何かが戻ってくるdoStuff()前に呼び出そうとするとmyData、nullポインタ例外が発生するため、これは明らかに機能しません。こことここで尋ねられた他のいくつかの質問を読んでわかる限り、私にはいくつかのオプションがありますが、どれも非常にきれいに見えません(おそらく私は何かを見逃しています): 「run」を使用したセットアップサービス 私のアプリを設定するときにこれを行います: myApp.run(function ($http, MyService) { $http.get('data.json').success(function (data) { MyService.setData(data); }); }); 次に、私のサービスは次のようになります。 myModule.service('MyService', function() …

15
hrefとonclickのJavaScript関数
リダイレクトせずにクリックで簡単なJavaScript関数を実行したい。 href属性にJavaScript呼び出しを配置することの間の違いまたは利点はありますか(このように: <a href="javascript:my_function();window.print();">....</a> )対onclick属性に配置する(onclickイベントにバインドする)か?
474 javascript  href 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.