画像ボタン押下で指定箇所に画像を表示

[新着] Webテンプレートを仮オープンしました



0   名前: こずな : 2007/06/11(月) 09:32  ID:176Lgmu3 sub-Ds
宿泊先の電話がダイヤル回線等で電話からプッシュ音が鳴らせない時にプッシュ音を使ったチケットの予約等に使えればとhtmlファイルを使ってパソコン上でプッシュ音を鳴らすソフトの作成を考えており、大よそは、出来たのですが、ついでに、どのボタンを押したのか分かり易いように、押したボタンと同じ数字の画像がナンバーディスプレイの電話っぽく表示出来たらと思います。
表示桁数は、10桁程度で、それをオーバーしたら一桁ずつ左にズレて表示するようにしてリセットボタンも作りたいのですが、htmlファイル上での表現は、可能でしょうか?
可能でしたら、どういった方法がありますか?
アドバイス宜しくお願いします。

1   名前: カヅサツ ◆ThCi95HEzw : 2007/06/11(月) 09:32  [URL]  ID:O5hEMlpW sub-r2
> 可能でしたら、どういった方法がありますか?

まず段落を作り、id属性で名前を付ける(仮に numberDisplay とする)。

ボタンが押されたら JavaScript で

(1) createElementでimg要素を作る。
  そのsrc(とalt)属性値は押されたボタンから引数で渡すとかする
(2) 特定の桁を超えたら、firstChildを削除する
(3) numberDisplayのlastChildに、(1)を追加する

こんな流れになりましょうか。

2   名前: こずな : 2007/06/11(月) 09:32  ID:176Lgmu3 sub-Ds
カヅサツさんアドバイス感謝です。
初心者な物でどう記述したら良いのかよく分かりません記述例のような物を教えて頂けると助かります。

3   名前: カヅサツ ◆ThCi95HEzw : 2007/06/11(月) 09:32  [URL]  ID:O5hEMlpW sub-r2
どの記述例を教えましょうか。

たとえば、「『段落を作る』の記述例」なのか、「『要素にid属性で名前を付ける』の記述例」なのか、「JavaScriptの記述例」なのか、「『createElementで要素を作る』記述例」なのか。

http://www.tagindex.com/bbs/note.html#h202
> 質問にならないような「コードの作成依頼のみ」の投稿はご遠慮ください。(どうしてもという場合には、事情を説明した上でお願いしてみてください)

一覧へ戻る