のような関数が無いのであるグループのエレメントを操作することができません。 docmument.getElementById では１つの要素した特定できないので使えません。 何かいい方法は有るでしょうか? 個数が特定されない class="x" を持つ要素を非表示にしたいのです。 必ずしもclass属性を使う必要はありません。
document.getElementsByClass
のような関数が無いのであるグループのエレメントを操作することができません。 docmument.getElementById では１つの要素した特定できないので使えません。 何かいい方法は有るでしょうか? 個数が特定されない class="x" を持つ要素を非表示にしたいのです。 必ずしもclass属性を使う必要はありません。
JavaScript の継承についての質問です。 JavaScript の継承で親クラスのメソッドをオーバーライドした場合、子クラスのメソッドから親クラスのメソッドを呼び出…
JavaScript の継承についての質問です。 JavaScript の継承で親クラスのメソッドをオーバーライドした場合、子クラスのメソッドから親クラスのメソッドを呼び出す事は出来ますか？ 例えば、Java で言うsuperを使ったアクセスのような機構です。
テキストボックス内のカーソル（キャレット）位置や選択範囲を，JavaScriptで取得・設定する方法 - 主に言語とシステム開発に関して
JavaScriptプログラミングのTOPへ input や textarea などのテキストボックスをフォーカスした際に表示される，「｜」の形をしたカーソルの事をキャレットという。 また，Shiftキーを押しながらキャレットを移動させると，文字列が選択状態になる。 キャレットや選択文字列の情報は，JavaScriptで取得・設定できる。 下記は，IEで・・・ カーソル（キャレット）の位置を 取得する方法。 設定する方法。つまり，カーソルの移動。 選択状態になった文字列の範囲を 取得する方法。 設定する方法。つまり，指定した範囲を選択する。 のサンプルコード。 また，これらを応用して テキストボックスで，クリックした文字を取得する方法 についても述べる。 （１）IEで，カーソル位置を取得するサンプル （２）IEで，カーソル位置を設定するサンプル （３）IEで，選択範囲の取得をするサンプル
現在フォーカス(focus)しているテキストフォームのidと値を取得するコード(JavaScript)を教えてもらえれば幸いです。
現在フォーカス(focus)しているテキストフォームのidと値を取得するコード(JavaScript)を教えてもらえれば幸いです。
これは必見！JavaScriptの文字列を複数行で定義する方法:phpspot開発日誌
Multi-line JavaScript これは必見！JavaScriptの文字列を複数行で定義する方法。 以下のようなコードは動くようで、うまく動きません。 <script type="text/javascript"> <!-- var a = '1 2 3'; alert(a); //--> </script> これを、行末に ¥ を入れます。 <script type="text/javascript"> <!-- var a = '1¥ 2¥ 3'; alert(a); //--> </script> すると、 と動くようです。 文字列の途中で改行したい場合に、一旦区切って 'aaa'+(改行)+'bbb' みたいにしなくてよくなります。 ということで、私も知らなかったのですが、知っておくとよいかもしれませんね。 firefox,ie,chromeで動作確認。 知ってた方はごめ
【Javascript】ブラウザの表示領域サイズ取得について - すたら日記
最終更新: 2018年8月2日 目次 結論 実験 実験結果一覧表 古いブラウザでの実験結果 結論 以下のように求められます。 ※ IE6, 7, 8は対象外です。 1. 表示領域の幅 (スクロールバー含まず) = document.documentElement.clientWidth; $(window).width(); // jQuery 2. 表示領域の高さ (スクロールバー含まず) = document.documentElement.clientHeight; $(window).height(); // jQuery 3. 表示領域左上のX座標 (文書左端から表示領域左端までの距離) = window.pageXOffset; window.scrollX; // pageXOffsetと同等(エイリアス) $(window).scrollLeft(); // jQuery
enchant.js使い方辞典 (v0.4.3)
このページはenchant.jsの用例/サンプルを扱っています。ここではenchant.js ver 0.4.3を使用しています。 ＊勉強用に作成したページなので間違いや勘違いがあるかもしれません。これはまずい／間違っているというサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。 ちなみにHTML5 (Canvas)を使ったゲームのプログラムについて解説付きで読んでみたい人は拙著「10日でおぼえるHTML5入門教室」の10章およびダウンロードファイル内の補習講義にて以下のゲームプログラムの解説と実際のコードが入っていますので参考にしてみてください。 ※収録されているもの スカッシュ、ブロック崩し、侵略イカゲーム（インベーダーゲームのようなもの）、集金ゲーム（パックマンのようなドットイートタイプ）、レーダー表示タイプのゲーム（ラリーXやボスコニアンのよ
JavaScript 配列 (Array) の反復的なメソッド : Serendip – Webデザイン・プログラミング
JavaScript1.6、 1.8 で追加された、配列 (Array) の反復メソッドについて。 filter 配列を、引数として渡された関数でフィルタリングして、結果が真(true)となる要素からなる配列を作る。 filter に渡される関数は、要素の値、インデックス、配列の3つの引数を取る。 function(val, index, array) 配列内の偶数要素からなる配列を作る例。 var ary = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; var retAry = ary.filter(function(x) { return x % 2 === 0 }); 参考：filter – MDC map 配列の各要素に、引数として渡された関数を適用した配列を作る。 map に渡される関数は、要素の値、インデックス、配列の3つの引数を取る。 function(v
canvas要素の基本的な使い方まとめ
Written by defghi1977@xboxLIVE.この文書は全てテキストエディタで作成しています．えーと，そりゃもうゴリゴリと． 本文書はsvg要素の基本的な使い方まとめの姉妹版として作成を開始した．canvas要素の仕様は現在進行中で色々と変化しているため，一筋縄で行かないが大方のapiについて書き上がったので公開する．なお，まだ使えない機能等満載だったり，内容に間違いがあっても中々検証することができないので，その部分を了承した上でご利用下さい… 更新履歴 2012/07/18 初版 1・canvas要素の概観 canvas要素とは canvas要素はhtml5で採用されたwebブラウザ上でグラフィックを描画するための機構であり，webページの機能性・視認性が重要視される昨今では，svg要素と並び重要な役割を果たしている．もともとapple社が自社製osの機能向上策として，同
enchant.js使い方辞典
説明 BGMを繰り返し演奏するにはSound.load()で演奏するサウンドファイルを読み込ませます。その後、Event.ENTER_FRAMEイベントが発生したらplay()メソッドを使って読み込まれたサウンドを演奏します。Event.ENTER_FRAMEイベントが何度発生しても、サウンドが再生されている場合には、最初に戻って再生されることはありません。サウンドの再生が停止した場合に、再度サウンドが最初から再生されます。これにより、BGMがエンドレスで繰り返し再生されることになります。(BGMサウンド：©西尾将人) サンプル サンプルを実行｜データをダウンロード ■HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Sample game</title> <style> body { margin: 0; }
線形グラデーションを指定する - Canvas - HTML5.JP
このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法を紹介します。グラデーションの処理に関しては、ブラウザごとに若干の違いがあります。このコーナーではブラウザごとの特徴についても触れていきます。 線形グラデーションとは 線形グラデーションとは、開始地点の色から徐々に終了地点の色に直線的に色を変化表示する効果を表します。そのため、開始地点の色と終了地点の色と座標を事前に指定しなければいけません。Canvasの仕様では、開始と終了の2地点だけでなく、その途中の地点にも色を指定することも可能です。いくつもの色を波打つようにグラデーション効果を作ることも可能です。 線形グラデーションを実現するには、2DコンテキストのcreateLinearGradientメソッドと、createLinearGradientメソッドから得られるCanvasGradientオブジェクトのaddCo
[Perl][PHP][VBA][JavaScript] foreachを使おう♪ 配列を総なめする方法 · DQNEO日記
私はこのforeachが大好きです。 foreachのおかげで、配列が好きになりました。 以下、Perl , PHP, VBA, JavaScriptで、配列の全要素を表示する例です。 Perl ※ foreach my $item (@items) { print $item; } PHP foreach ( $items as $item){ echo $item; } JavaScript for(var i in items){ alert(items[i]);} VBA ※ For Each item In items MsgBox item Next ※注１ Perlの場合は、さらに短く書けます。 foreach (@items){ print $_ ;} または for(@items){ print $_;} または print for @items; ※注２
[javascript]canvasで円や角丸の矩形を描画する
円や角丸の矩形の描画canvasで円や、角丸の矩形を描く。 関数が用意されていないので自作します。 ソースコードfunction draw(){ var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); var pi = Math.PI; // 塗りつぶし円を描く var fillCircle = function (x, y, r) { ctx.beginPath(); ctx.arc(x, y, r, 0, pi * 2.0, true); ctx.fill(); }; // 塗りつぶし角丸の矩形を描く var fillRoundRect = function (l, t, w, h, r) { ctx.beginPath(); ctx.arc(l + r, t + r, r,
![[javascript]canvasで円や角丸の矩形を描画する](https://cdn-ak-scissors.b.st-hatena.com/image/square/a646f2ca1b251fec1752f1431ff4ff96d04ae336/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEiCyX7l7jTuTInqzMwuYDXRCyoumKk8PgTwEmkeOFpldBtd1ow4v7QSUUeK1yWtTNkl2KIOsftNkj-8nlyrXjtBDORHYrqd-nshtUYIoM9aKP7U3etZg3HgojjFr1tYmAcGN7Uz5vPeVQU%2Fw1200-h630-p-k-no-nu%2Fcircle_and_roundrect.png)
キーコード一覧
キーコード一覧 アルファベット 数字 テンキー数字 テンキー記号 記号 A 65 O 79 0 48 T0 96 T* 106 :* 186 B 66 P 80 1 49 T1 97 T+ 107 ;+ 187 C 67 Q 81 2 50 T2 98 ,< 188 D 68 R 82 3 51 T3 99 T- 109 -= 189 E 69 S 83 4 52 T4 100 T. 110 .> 190 F 70 T 84 5 53 T5 101 T/ 111 /? 191 G 71 U 85 6 54 T6 102 @` 192 H 72 V 86 7 55 T7 103 [{ 219 I 73 W 87 8 56 T8 104 \| 220 J 74 X 88 9 57 T9 105 ]} 221 K 75 Y 89 ^~ 222 L 76 Z 90 \_ 226 M 77 N 78
文字列に指定の文字列が含まれているか調べる関数 - おもしろwebサービス開発日記
いつものようにメモ。 javascriptの場合 String.indexOf("hoge") 戻り値は一致した文字列の先頭の位置。一致するものがない場合は-1。 String.search(/hoge/) 引数がRegExpオブジェクトなだけで他はindexOfと同じ。 rubyの場合 String#index("hoge") 戻り値は一致した文字列の先頭の位置。一致するものがない場合はnil。 String#include?("hoge") 戻り値はtrue/false。単純に真偽を返すだけならこっちのメソッドの方がよさげ。
JavaScriptプログラミング講座【JSON について】
JSON は、「JavaScript Object Notation」の略で「ジェイソン」といいます。
無職のプログラミング HTML5 Audio オブジェクトを JavaScript で制御する方法
HTML5 の Audio オブジェクトについて調べたことをまとめる。 なお、本エントリでは Audioタグについては記述しない。 ＜注意＞以下で示すソースコードは、Firefox3.6 と GoogleChrome7 でしか検証していません。 目次 1. HTMLAudioElement オブジェクトの作成 2. HTML5 Audio およびコーデックのサポートチェック 3. 再生する Audio ファイルの指定 4. Audio ファイルの再生、一時停止、停止 5. Audio ファイルの音量変更 6. サンプルプログラム 1. HTMLAudioElement オブジェクトの作成 参考ページ： audio 要素 - HTML5 タグリファレンス - HTML5.JP JavaScriptで制御するために、Audio要素のオブジェクトを作成する必用がある。 作成方法は以下の2通り /
IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について
Firefox 2.0 beta 1 が出ましたね＾＾ さっそく、新機能のひとつ、JavaScript 1.7 の yield を使ってみました。 まず yield の動作を試してみた。 var i = 1; var g = (function() {while(1) {yield i; i++}})(); alert(i); // 1 g.next(i); g.next(i); alert(i); // 2これで分かったこと。 なんと、 yield は関数を途中で終了させている。。。！ 実は。 いままで、何度も関数を途中で終了できればなーと思っていた。 JavaScript 以外のほとんどの言語でそれが可能で、それが便利だからである。 それとはなにか、それとはスレッドである。 スレッドは CPU レベルで細かーく処理を止めて、いろんな処理の流れを同時に実行させているようなものだ。 yie
![IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad78b71efb80ed38311469993c1d5028fd597bf2/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17391345971647525980%2F17391345971647551580%2F1527141769)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
enchant.jsでサウンドのループ再生 | shizuru123のプログラミングブログ