htmlについて


助けってください  2003-06-25 00:36:37  No: 107612

すみません!この掲示板に書くのはいけないって分かっているのですが、でも探してもHTMLの質問のサイトが無くって、もし知っているサイトがあれば是非教えってください。
HTMLについて質問したいのは、マォースのポインターが画面上のイメージ(ボタン扱いです)に触れた時(クリックではありません)、そのイメージが同画面で他のイメージに変わることをやりたいです。
本とかで調べってみたのですが、見つからなかったので、もし分かる方がいましたら是非教えってください。


魔界の仮面弁士  2003-06-25 01:42:52  No: 107613

> でも探してもHTMLの質問のサイトが無くって
HTMLではなく、"Dymic HTML" や "DHTML" などの単語で
探した方が良いかも。あるいは、"JScript" とか "JavaScript" とか。

> 画面上のイメージ(ボタン扱いです)に触れた時(クリックではありません)
onmouseoverイベントで処理しましょう。「離れた時」はonmouseoutで。

> イメージが同画面で他のイメージに変わることをやりたいです
上記イベント中で、該当するimage(もしくはinput type="image")の
srcプロパティを変更してやればOKかと思います。

# とりあえず、ここは Visual Basic の掲示板なので、
# サンプルも 一応、VB6 で書いてみます。

'==== MSHTML.TLB を参照設定しておいてください ====
Option Explicit

Private IE As Object
Public WithEvents Img As MSHTML.HTMLImg

Private Sub Form_Load()
    Set IE = CreateObject("InternetExplorer.Application")
    IE.Navigate2 "http://www.google.co.jp/"
    Do While IE.Busy
        DoEvents
    Loop
    IE.Visible = True
    Set Img = IE.document.getElementsByTagName("IMG").Item(0)
End Sub

Private Sub Img_onmouseout()
    Img.src = "http://www.google.co.jp/intl/ja_jp/images/logo.gif"
End Sub

Private Sub Img_onmouseover()
    Img.src = "http://img.yahoo.co.jp/images/main8.gif"
End Sub


Loreley  2003-06-25 09:36:11  No: 107614

>マォースのポインターが
一瞬なにかと思いましたがマウスのことですね。

いまちらっと検索してみましたが

http://bunjin.com/java/

とかよさそうですね。
二つぐらい組み合わせればできると思います。


魔界の仮面弁士  2003-06-25 11:55:07  No: 107615

IE限定であれば、http://www.makoto3.net/ などは如何でしょうか。
JScriptを使った各種テクニックが掲載されています。
(IE以外のブラウザでも、そのまま動作するコードもあります)

…まぁ、実際のコードでいえば、先のVBでの回答を、
JScriptに置き換えるだけなのですけれどね。(^^;
例えば、多少冗長的になりますが、
 <img alt="てすと" width="60" height="72"
  src="Test.jpg"
  onmouserout="this.src='Test.jpg'"
  onmouserover="this.src='Shiken.jpg'">
という感じですね。下記も参考にしてみて下さい。
http://www.microsoft.com/japan/msdn/columns/dude/dude010598.asp

さらにIEの場合は、ビヘイビアとして実装させると使い回しが楽かも。
http://msdn.microsoft.com/downloads/samples/internet/behaviors/library/coolbar/coolbar.htm

> そのイメージが同画面で他のイメージに変わることをやりたいです。
Flashという手も。。。


※返信する前に利用規約をご確認ください。

※Google reCAPTCHA認証からCloudflare Turnstile認証へ変更しました。






  このエントリーをはてなブックマークに追加