ベストアンサー リンクにマウスをのせると注釈を表示させたい 2006/12/07 13:03 イメージタグのAlt的な要素で、リンク（アンカーテキスト）に マウスをのせると注釈が表れるようなしくみはどうすれば よろしいでしょうか？ よろしくお願いいたします。 みんなの回答 （2） 専門家の回答 質問者が選んだベストアンサー ベストアンサー uuyn2006 ベストアンサー率50% (24/48) 2006/12/07 13:08 回答No.1 こんにちわ＾＾ <a href="http://www.goo.ne.jp"title="gooへのリンク">goo</a> これでどうでしょう 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 その他の回答 (1) 345itati ベストアンサー率48% (795/1639) 2006/12/07 13:13 回答No.2 <a href="http://*******" title="リンク先説明文">リンクはこちら</a> ちなみに画像のaltはそもそも「画像が表示出来ない場合の代替テキスト」なので、注釈が表示されるのはIEのバグ。 Firefox等で注釈を表示するなら、画像でもtitleを使わないと駄目。 (こちらの解釈が正しい 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ [技術者向] コンピュータープログラミング・開発HTML 関連するQ&A テキストリンクにマウスが重なると画像が出るように・・・ テキストリンクにマウスが重なるとそのすぐ横くらいにalt属性の内容がが表示されるような感覚で画像をプレビューできるようにしたいのですがどなたかご教授願えませんでしょうか？お願いします。 オンマウスで注釈を表示させたいのですが… テキスト、もしくは画像リンクのオンマウス時に、同ページ内のテーブルに注釈を表示させたいのですが、 <SPAN id="msg"></SPAN>を何処に入れてもテーブルの上、下に表示されてしまいます。やはり<TBODY>内に入れるのでしょうか…もしそうでしたら、どうすべきなのかお教えして頂きたいです。 Googleツールバーの「リンク元」とは？ Googleツールバーの「リンク元」に関する私の認識は下記です。 「当該URLへアンカーテキストでリンクを貼っているURL」 です。 ところが、実際には、自分のURLにアンカーテキストでリンクを貼っているサイトが全て表示されるわけではありません。また、単なるリンクバナーでその中にaltを埋め込んでいないにも関わらず、リンクが貼られていることになっているケースもあります。 Googleツールバーの「リンク元」とは一体どのように理解すればよいのでしょうか？ ネットワークエンジニアとは？技術職の未来を考える OKWAVE コラム マウスを当てると目次リンクが表示されるには？ マウスをテキストリンクやアイコン等の上に置くと リンクが表示されるページを作りたいのですが、 その方法についてご存知でしたら お教えください。 記のスタイルに変えたいと思います。 例えば、以下のようなスタイルです。 以下のページはロリポップのページですが、 http://lolipop.jp/ ページ上部の「お知らせ」「サービス案内」等に マウスを当てると、その項目に関連する、 詳細な目次が表示されます。 こんな感じのページを作ってみたいです。 Javascriptなのか、HTMLなのかも分かっていません。 ご指導お願いします。 ＰＤＦの注釈について テキスト注釈で文字を入れましたが、何か操作をしてしまったのか、急に文字が薄くなってしまいました。 色を変えても不透明な文字になります。 どうすれば元に戻るのでしょうか。 AdobeReaderの注釈について お世話になります。 AdobeReaderの注釈についてご教授願います。 例えば、注釈で「テキスト注釈を追加」を押して、ファイル上に注釈を入力します。その際、ポインタが文字入力できるようカーソル表示になりますが、入力が終わった後に注釈入力を解除したい（通常のポインタに戻したい）場合はどのようにすればよいのでしょうか。 また、AdobeReaderよりも注釈等のコメントを入力しやすいフリーのPDF閲覧/編集ソフトがございましたらご紹介いただけると幸いです。 ※AdobeReaderだとちょっと使いずらいような気もしますが、他のソフトも同じようなものなのでしょうか。長文ではなく、3桁ほどの数値を入力できればOKです。 ご教授の程、宜しくお願い致します。 相互リンクで・・・ HPの制作を業者に任せています。 HPのコーティング作業はようやく完了しました・・・ 制作会社から「相互リンク」の募集をするなら下記の項目を記入して ほしいとメールがきました。さっそく取りかかろうと思いましたが 不透明なところがあります。 URLと説明文は、用意しました。 アンカーテキストの確認がしたいのです！！！ アンカーテキストとは、トップページの一番上にある 文章ですか？ 青下線でクリックできるようになっている部分のテキスト （※それがどこかわかりません・・・） [URL] [アンカーテキスト] ※青下線でクリックできるようになっている部 分のテキスト [説明文] ※リンクするサイトの説明文 よろしくお願い致します。 アンカーにマウスオーバーして吹き出しを表示させたい http://english.chakin.com/ のように、あるリンクにマウスオーバーすると、 それの吹き出し（注釈？）が、ちょっと右下に表示されるようにするには、 どうやってJS/CSSをくめばいいのでしょうか？ なお、それについて書いてあるページをご存じでしたら、 それもお教え頂ければ幸いです。 以上、よろしくお願い申し上げます。 引用や注釈のマークアップについて 引用や注釈の仕方には色々あると思いますが、下記のような引用や注釈を (X)HTML でマークアップする場合はどうするのが良い方法でしょう？ -------------------- 引用 その１ ここから -------------------- 「桃太郎は鬼が島へ向かいました」（著作者 2008 12p）と書かれている。 -------------------- 引用 その１ ここまで -------------------- -------------------- 注釈 その１ ここから -------------------- 桃太郎は鬼が島（鬼が棲む島）へ向かいました。 -------------------- 注釈 その１ ここまで -------------------- -------------------- 注釈 その２ ここから -------------------- 桃太郎は鬼が島（注１）へ向かいました。 注１：鬼が棲む島。 注２：ダミーテキスト。 -------------------- 注釈 その２ ここまで -------------------- 以下のような「引用 その１」のマークアップをとりあえず考えてみました。 <q title="著作者 『ももたろう』 2008 12p">「桃太郎は鬼が島へ向かいました」</q><cite>（著作者 2008 12p）</cite> この場合、括弧が q 要素、cite 要素の内側に入っていますが、括弧は出典ではありません。かといって、 q 要素、cite 要素の外側に出すのも、本文ではないのでおかしいのではないかと感じます。 また、CSS で丸括弧を付けた場合（:after など）、文章的に以下のようになって、音声ブラウザなどで問題が出るのではないかと思います（未確認）。もし、そうであれば括弧があった方がまだ理解しやすいように思えます。 <q title="著作者 『ももたろう』 2008 12p">桃太郎は鬼が島へ向かいました</q><cite>著作者 2008 12p</cite> 桃太郎は鬼が島へ向かいました著作者 2008 12p そもそも、 (X)HTML 的には括弧などの約物はどう扱えばいいのでしょう…。 それと、本文中（原稿など）に元々表記されている出典は q 要素の、cite 属性や title 属性（+ CSS）のみで表せばいいのでしょうか？個人的には、冗長ですが cite 要素でも記述するべきだと思っていますが…。 みなさんはどのようにマークアップしますか、また正しいマークアップの仕方や参考になるURLがあれば教えてください。 よろしくお願いいたします。 リンク先でjavascript javascript初心者です。 ファイル内に、縦に長くて、overflow: auto;の指定をしてあるdiv要素（内容は読物です）がありまして、そのファイルではdiv要素の中で4つのアンカーポイントにビューンとスクロールするjavascriptを設置してます。 1つのリンク元ファイルから、４パターンのa hrefリンクをはり、リンク先ファイルのjavascriptを動かす（ページを読み込んですぐ４パターンのアンカーポイントにビューンと飛んでいく）ような指令って、どうやるのでしょうか。 テキストリンクで バナータグって、↓のとおりですよね。 <a href="サイトURL" target="_blank"><img src="画像URL" width="幅" height="高さ" alt="説明"></a> テキストリンクだと、<img～>のところがぬけますよね。 ですが、どうしてもテキストリンクで alt="説明" の部分をいれたいんです。 どうすれば表示されますか?? テキストリンクでは説明はでないのでしょうか?? 説明が分かりにくいかもしれませんが、よろしくお願いします。 あるテキストリンクにマウスオーバーしてる時に画像が あるテキストリンクにマウスオーバー（マウスのカーソルが乗ってる状態）している時に となりにある画像が替わるように（ロールオーバー時みたいに）したいのですが、可能でしょうか？ 画像対画像だったらできるのですが、 テキストリンクでも可能なのでしょうか？ こちらの環境は Dream weaver CS5 を使用しております。 宜しくお願い致します。 AIは使う人の年齢や市場にも影響する？人工知能の可能性 OKWAVE コラム <IMG SRC=" " ALT=" ">のテキストがマウスを乗せている間表示するには？ <IMG SRC=" " ALT=" ">のタグで画像の上にマウスを合わせると、テキストが表示されるようにしています。しかし、これだと数秒後には、マウスを合わせているのに表示が消えてしまいます。これをマウスを合わせている間は、テキストが表示されるような設定にするにはどうすればよいでしょうか？どなたかご存知の方は教えてください。よろしくお願いします。 リンクじゃないテキストの色をマウスオーバーで変えたい リンクじゃないテキストの上にカーソルがきたときに テキストの色を変えるにはどうしたらいいのでしょうか？ テキストをクリックするとポップアップウィンドウがでるのですが、 そのテキスト部分を、マウスオーバーで色が変わるようにしたいのです。 ポップアップウィンドウはJavascript:;で設定しています。 リンク先アンカーの表示位置を下げたい 宜しくお願いいたします。 FAQページを作成中で、ページ最上部に質問だけずらり並んでいて、クリックするとリンク先（ページ下部にある回答）に埋め込んだアンカーに飛びます。 しかしCSSで .header { height:180px; } .main_content { top:180px; } となっているので、飛んだ先の回答がブラウザ最上部、この180pxの部分に表示されて他の要素の裏に隠れてしまいます。リンク先のアンカーを180px下げて表示させるような方法はあるのでしょうか。 質問がわかりにくかったらスミマセン。 正規表現 画像リンクのaltの取得 正規表現 画像リンクのaltの取得 正規表現初心者です。 PHPでHTMLからリンクが設定された画像の alt とリンク先URLを取得するパターン作成に悪戦苦闘しています。 やりたいこと ページ上の画像(<img>)のalt のテキストを取得する。 ただし<img>タグはアンカー<a></a>で囲まれたリンクが設定されているもののみ。 要はリンクURLとaltテキストの組み合わせリストを作成することを目的としています。 ためしたこと 検索(PHPのpreg_match_allで)以下のパターンで取得を試みました。 #<a\s[^>]*?href\s?=\s?[\"\'](.*?)[\"\'].*?><img\s[^>]*?alt\s?=\s?[\"\'](.*?)[\"\'][^>]*?>#i このパターンで実行した場合.*?の指定があだとなったようで範囲が拡大され、たとえば以下のようなパターンにもヒットししまいます。 <a href="aaa">bbb</a><a href="ccc"><img alt="ddd"></img></a> これだと URL "aaa" に対するaltテキストが"ddd"という結果がになってしまい事実との矛盾が生じます。 勉強不足で恐縮ですが、アドバイスいただければ幸いです。よろしくお願いします。 マウスオーバーで別の場所にテキスト表示 テキストにマウスが乗ると、別の場所(フレーム以外) にテキストを表示させたいのですがどう書けばいいんですか？ よく、洒落たサイトでリンクにマウス乗せると、説明が別の場所に出るじゃないですか アレです 自動でリンクを実行する javascriptで、 ページを読み込んだときに特定のリンクを実行するメソッドってありますか？ 例えば、ページを開いたときに、 idにhogeを持っているアンカー要素を実行するみたいな感じのやつがあればいいのですが・・・ firefoxでリンクURLをマウス付近でポップアップさせる。 firefox1.503を使用しています。 リンクURLがありまして、マウスオーバーをするとステータスバーにURLが表示されます。 しかしステータスバーに他の色んな情報があるとURLが途中でとぎれてしまいます。 そこでリンクURLをマウス付近でポップアップできないでしょうか？ 画像のマウスオーバーでalt情報がポップアップする感じです。 Greasemonkeyなどを使えばできるかと思いましたが、私の技術ではできませんでした。 分かる方いらっしゃいましたら教えてください。 よろしくお願いします。 PHPファイルのアンカーリンク PHPファイルのURLにアンカーリンクをつけているのですが、ページは表示されますが、アンカーリンクの指定の場所へ飛びません。表示後、F5キーを押してもダメで、エンターキーを押すと飛びます。 仕様ですが、あるページ内に複数のテキストリンクがあり、そのテキストリンクをクリックすると、一度ログイン画面に移動します。 ID・パスワードを入力してログインボタンを押すと、元のページに戻ります。 この時にアンカーリンクでクリックしたテキストリンクの場所に表示位置を移動したいのですが、なぜか移動ができません。 念のため、PHPファイルではなく、htmlファイルで試してみたのですが、こちらは飛びました。 なぜPHPだとだめなのか調べてみたのですが原因がわかりません。 ちなみに元のページのURLは参照渡しです。 たぶん本来ならcookieやセッションで対応するのかと思うのですが、まだ知識や経験が足りずこのような方法をとっています。 よろしくお願いします。 注目のQ&A 「You」や「I」が入った曲といえば？ Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市（長野県）在住でスキーやスノボをする方の用具 カテゴリ [技術者向] コンピューター プログラミング・開発 Microsoft ASPC・C++・C#CGIJavaJavaScriptPerlPHPVisual BasicHTMLXMLCSSFlashAJAXRubySwiftPythonパフォーマンス・チューニングオープンソース開発SEOスマートフォンアプリ開発その他（プログラミング・開発） カテゴリ一覧を見る OKWAVE コラム 突然のトラブル？プリンター・メール・LINE編 携帯料金を賢く見直す！格安SIMと端末選びのポイントは？ 友達って必要？友情って何だろう 大震災時の現実とは？私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ！負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる！ OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
