• ベストアンサー

JAVA SCRIPT

外国語の会話の文章と訳の表を作って会話のところにマウスが触れたら読み方を表示できるようなページを作りたいのですが、どのようにしたらいいでしょうか? HPなどでタグを調べたのですが、うまくいきません。 ちなみに初心者なのでわかりやすく、簡単に説明していただけるとありがたいです。

  • mair
  • お礼率31% (7/22)

質問者が選んだベストアンサー

  • ベストアンサー
  • iwa-kk-h
  • ベストアンサー率25% (1/4)
回答No.1

簡単な方法としては、 <span style="font-weight:bold;" title="ジャパニーズ" >Japanese</span> の様に指定すると、Japaneseの部分にマウスカーソルを当てると読み方が表示されると思います。

mair
質問者

補足

できません・・・グラフにしたいので、TRやTHのタグでセルわけしてるのですが、どこに挿入したらいいのでしょうか? またJAVA SCRIPT として使用したいので、その表示も必要なんでしょうか?

関連するQ&A

  • Javaスクリプトについて

    Javaを使ってやりたい事があります。 ページ内に自分で作った画像のボタンを設置して並べます。 そのボタンにマウスを乗せると、下のスペースに説明文が表示されるようにしたいのです。 例えば、ボタンが4つ並んでいて、左からstep1、step2・・となっています。 step1のボタンにマウスを乗せると、ボタンの下のスペースに文章が表示され step2のボタンにマウスを乗せると、step2の文章が表示されます。 ボタンからマウスを外しても文章は表示されたままです。 ソースを教えて頂けると助かります。 よろしくお願いします。

  • ジャバスクリプトを使うのでしょうか?

    初心者です。説明が不充分で、理解できないような文章ですみません。 個人的なホームページを作成しています。 フォームを使ってアンケートを送信できるものを作っていますが、 そこで問題点にぶつかってしまいましたので、お力をお借りしたいです。 プルダウン表示で自動的に現在日付を規定値に表示したいのですが、 どのようにすればいいのでしょうか? よろしくお願いします。

  • HP作成で・・・初歩的ですが。

    初歩的な質問で恥ずかしいのですが、宜しくお願いします! 今サークルのHPを作成しているのですが、まともに作ったことがないので自動で作れるサイトを見つけてそこで作っています。 メニュー項目をオプションで増やせるのですが、オプションで作ったメニューは自分でページを作成しなくてはならないのです。 タグはある程度理解出来るのですが、『プルダウンメニューを作りたい』『表を作りたい』など、見やすく作りたいと思っていると段々訳が分からなくなってしまいました。 例えば、メモ帳でタグを使ってページを作ったとしてもそのページがどうやったらURLで表示出来るのかも分かりません。 超初心者でも分かる解説サイトはあるのでしょうか? わがままを言ったらタグを使わず、自動で作ってくれるソフトがあれば一番良いのですが・・・ そんな物ないのでしょうか? 説明の仕方も悪く、うまくかけないのですが詳しく分かる方おりましたら、教えてください。 宜しくお願いします。

  • JAVA SCRIPTについて

    はじめまして。 現在、HP作成中なのですが、教えて頂きたい事があり、質問しました。 セミナーで使ったパワーポイントのデータと、その時の話を文字に起こしたテキストがあります。 これを使って、パワーポイントとその時に話していた内容を見せたいのです。 普通にtableタグ等で見せるのは面白くないので、下記URLを参考にして本をめくる感じで見せられないかと思い、 挑戦してみたのですが、うまくいきません。 http://youe.jp/sandbox/wp/technical/jquery/1056.html このURLではjavascriptを使用しているのですが、ソースも公開していたので、javaの知識があまりない私でも出来ると思ったのですが、 世の中そんなに甘くは無かったです。 一応、書いてある通り記述したのですが、動作しませんでした。 ここで質問なのですが 1.上記URLにある(3)のid="mybook"はwidthしか指定してません。 2.上記URLにある(3)のclass="b-load"は1頁のwidthとhightしか指定してません。 3.$(function() {   $('#mybook').booklet();   }); この文の記述場所はhead内で宜しいのでしょうか? うまく説明出来ないのが悔しいのですが、何が間違っているかご指摘をお願いします。

  • タグの書き換えが

    何度か投稿しております。PC初心者の者です。 (株)もしもが運営するドロップシッピングの商用サイトを、超できすぎくんと言う簡易HP作成ツールで作りました。 その超できすぎくんサイトを、サイトマップ作成等の関係で、少々タグの書き加えが必要となりました。 そこでタグの書き換え手順なのですが、自分のHPを表示して、例えばTOPページでマウス右クリック ソース選択 この手順でメモ帳がひらいてタグが見れますが、ここで書き換えはやはり出来ませんよね。 出来てしまったら、他人のHPも書き換え出来てしまうと思いますので。 では、手順としてどこから入れば良いのでしょうか。   現在、メモ帳を開くとマイドキュメントのファイルの中に、ホームページのページ別のデータや商材として選んだ商品データがHTMLデータと表示されてファイルされています。 やはりそのデータを選らんでタグを書き換えるのでしょうか。 今現在TOPページのタグ書き換えをしようとしておりまして、indexと表示されている、ファイルをひらいてみましたが、Web上に開いた自分のHPからみるタグの内容とは大分つがっていました。 最初からメモ帳などでHP作成していれば、手順をふんで行けたのだと思います。 大分解りずらい文章となりましたが、本来の出来上がっているHPのタグの書き換え等の手順だけでも教えて頂ければと思います。

  • 文字にマウスを重ねると画像が横に出るスクリプト教えて下さい

    フロントページで作成中です。テキストボックスで入れた文字にマウスを重ねると画像(写真)が横小さくに出てくる様にしたいのですが、タグがわかりません。 HTML表示にして自分でアレンジしたいのですが、タグはどの部分に打ち込んだらいいのでしょうか? どうか教えてください。

    • ベストアンサー
    • HTML
  • Javaについて

    初心者です。フロントページでHPを作りました。このHTMLシートに Java Scriptを書き込んでも表示しないものなのですか?全く別にHTMLシートを書かなくてはいけないですか?いろいろ試したんですがわからなくなってしまいました。助けてください。

  • HP初心者です

    HPを作ろうと思っているのですが、フレームページの作り方がわかりません (□をクリックすると画像が表示できるようにしたいのです。) ちなみにAMIGOで作ろうと考えています。タグ打ち不要なので… 根っからの初心者で、フレームページを調べてみたのですが、 さっぱりでした…どなたか教えてください。お願いします

  • ジャバスクリプトの使い方

    現在、webサイトを製作中なのですが、ページの上部にメニューがあり、画面中央にロゴがあり、下部にはフッターがあるという画面構成を考えております。 上部のメニューにマウスポインタが乗ったときに、中央のロゴが消えて、上部メニューの説明を表示しようと思っています。 その際、マウスオーバーで対応しようと思っています。 以下、ジャバスクリプトのコードです。 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー window.onload = function () {  document.getElementById( "logo" ).onmouseover= setlogo; document.getElementById( "myMenu1" ).onmouseover = setMyBody1; document.getElementById( "myMenu2" ).onmouseover = setMyBody2; document.getElementById( "myMenu3" ).onmouseover = setMyBody3; document.getElementById( "myMenu4" ).onmouseover = setMyBody4; document.getElementById( "myMenu5" ).onmouseover = setMyBody5;  document.getElementById( "myMenu6" ).onmouseover = setMyBody6;  document.getElementById( "myMenu7" ).onmouseover = setMyBody7; }; function setlogo() { setNoneAll(); document.getElementById( "logo" ).style.display = "block"; } function setMyBody1() { setNoneAll(); document.getElementById( "myBody1" ).style.display = "block"; } function setMyBody2() { setNoneAll(); document.getElementById( "myBody2" ).style.display = "block"; } function setMyBody3() { setNoneAll(); document.getElementById( "myBody3" ).style.display = "block"; } function setMyBody4() { setNoneAll(); document.getElementById( "myBody4" ).style.display = "block"; } function setMyBody5() { setNoneAll(); document.getElementById( "myBody5" ).style.display = "block"; } function setMyBody6() { setNoneAll(); document.getElementById( "myBody6" ).style.display = "block"; } function setMyBody7() { setNoneAll(); document.getElementById( "myBody7" ).style.display = "block"; } function setNoneAll() { document.getElementById( "logo" ).style.display =  document.getElementById( "myBody1" ).style.display = document.getElementById( "myBody2" ).style.display = document.getElementById( "myBody3" ).style.display = document.getElementById( "myBody4" ).style.display = document.getElementById( "myBody5" ).style.display =  document.getElementById( "myBody6" ).style.display =  document.getElementById( "myBody7" ).style.display = "none"; } ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 上記のジャバスクリプトでマウスオーバー(上部メニューにマウスポインタが乗った場合中央のロゴが消えてメニューの説明が表示されます)が可能になるのですが、更にonMouseOutを使って、上部メニューからマウスポインタが離れたときに、中央にロゴを表示させる為の記述方法が分からなくて苦戦しております。 どなたかご指導頂けませんか? よろしくお願い致します。

  • ジャバスクリプト

       ご質問させていただきます。 私は、下記のプログラムをHTMLソースの中に組み込みました。 <HTML> <HEAD> <META HTTP-EQUIV="content-type" CONTENT="text/html; CHARSET=shift_jis"> <center> </HEAD> <BODY TEXT="#000000" BACKGROUND="background.jpg"> <FORM NAME="Form1" ACTION="mailto:3d1724@jcom.home.ne.jp/" METHOD="post" ENCTYPE="text/plain" onSubmit="location.href='thankyou.htm'"> <TABLE> <TR> <TD>貴サイトの内容説明</TD> <TD><INPUT TYPE="text" SIZE="90" ID="customer" NAME="customer"></TD> </TR> <TR> <TD>メッセージ</TD> <TD><TEXTAREA NAME="body" ROWS="7" COLS="70"></TEXTAREA> </TD> </TR> </TABLE> <BR><INPUT CLASS="submit" TYPE="submit" VALUE=" 送信 "> <INPUT TYPE="reset" VALUE=" クリア "></FORM> </BODY> </HTML>  このプログラムを利用して、  送信ボタンをクリックした時にフォームが送られたことを示すページを表示させたいのです。ですが、この状態では表示されません。 表示方法を教えていただけないでしょうか。初心者ですので(難しくない説明を)お願いできればと思います。よろしく、お願いします。