初めてdhtmlを使うのでソースが全く理解できません。

テストページにマウスポインタを
文字が追いかけてくるヤツを設置してみたのですが
ソースの一部が表に出てきてしまっています。
何処が間違っているのでしょうか?

アドバイスお願いします。

A 回答 (1件)

<SCRIPT LANGUAGE="JavaScript">


<!--
ソース
//-->
</SCRIPT>

となるべきところが、

ソース
//-->
</SCRIPT>

という感じで頭の2行が抜けていたりはしませんか?
もし違うようでしたら、ソースを見せていただければありがたいです。
その方が解りやすいと思いますので…
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QHTMLタグでマウスポインタを変えたい

マウスの形を変えるHTMLってありますか?
まだHP初心者なんで、あんまわかりません
動くタイプなんですができますでしょうか・・・?
素材はあるのです、HTMLさえわかれば・・・ってヤツです。
よろしくおねがいします

Aベストアンサー

IE6以降に限定すればVegasさんのご紹介URLが参考になると思います。
私も参考になりました(笑)

>できるならマスコット系でもオkです。
一応サンプルをご紹介します。
私のオリジナルなので動作保障などありませんのでご了承ください。

↓ここから・・・
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<html lang="ja">
<head>
<title>カーソルにくっついているマスコット</title>
<style type="text/css">
<!--
/* rect(0,32,32,0)で画像の基本サイズをpixelで指定する */
/* この例は、マスコット画像が32x32pixelの場合 */
#mascot { position:absolute;top:100;left:100; width:150;height:40;clip:rect(0,32,32,0) }
//-->
</style>

<script language="javascript1.2">
<!--
spanName = "mascot";
document.onmousemove = doMouseMove;
var itemOffsetX = 5;//マスコットをカーソルからどれだけ離すか(X方向)
var itemOffsetY = 5;//マスコットをカーソルからどれだけ離すか(Y方向)
// Netscape対応を考慮するなら
// チェックボックスなどをクリックできなくなるので「0」にはしないこと

NN = (document.layers) ? 1 : 0;
NN6 = (document.getElementById && !document.all) ? 1 : 0;
IE = (document.all) ? 1 : 0;

function selectImage(image_file) {
var msgHTML = '<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS">';
if (document.parameter.show_mascot.checked) {
msgHTML += '<SPAN STYLE="font:10pt Osaka,Arial; color:#505050">';
msgHTML += "<img src='" + image_file + "'>";
msgHTML += '</SPAN>';
outputLAYER(spanName, msgHTML);
}
}

function doMouseMove(e) {
var mouseX = 0;
var mouseY = 0;
if (document.parameter.show_mascot.checked) {
if (NN) {
mouseX = e.pageX + itemOffsetX;
mouseY = e.pageY + itemOffsetY;
}
if (NN6) {
mouseX = e.pageX + itemOffsetX;
mouseY = e.pageY + itemOffsetY;
}
if (IE) {
mouseX = document.body.scrollLeft + event.clientX + itemOffsetX;
mouseY = document.body.scrollTop + event.clientY + itemOffsetY;
}
moveLAYER(spanName, mouseX, mouseY);
}
else {
hideLAYER(spanName);
}
}

function outputLAYER(layName, html){
if(NN) {//NN用
document.layers[layName].document.open();
document.layers[layName].document.write(html);
document.layers[layName].document.close();
}
if(NN6){//NN6用
document.getElementById(layName).innerHTML = html;
}
if(IE){//IE用
document.all(layName).innerHTML = html;
}
}

function moveLAYER(layName, posX, posY){
if (NN) { //NN用
document.layers[layName].moveTo(posX, posY);
}
if (NN6) { //NN6用
document.getElementById(layName).style.left = posX;
document.getElementById(layName).style.top = posY;
}
if (IE) { //IE用
document.all(layName).style.pixelLeft = posX;
document.all(layName).style.pixelTop = posY;
}
}

function hideLAYER(layName){
moveLAYER(layName, -1000, -1000);
}
-->
</script>
<!-- selectImage('mascot01.jpg')の「mascot01.jpg」をマスコットのファイル名に変える -->
<body onLoad="selectImage('mascot01.jpg')">
<span ID="mascot"> </span>
マスコットの表示サンプル<br>
<form name="parameter">
マスコットの表示:<input type="checkbox" name="show_mascot" checked=ture>
</form>
マウスカーソルにmascot01.jpgがくっつきます。<br>
アニメーションGIFファイルなどを指定しても大丈夫だと思います。<br>
個人的には鬱陶しいので、マスコットのON/OFFはできるようにしておいて欲しいなと思います。<br>
マウスがウインドウから外れたときにマスコットが置き去りになってしまう点、改良すべきです。<br>
</body>
</html>
↑ここまでをコピーして、index.htmlというファイルを作成してください。
画像ファイルを用意して、index.htmlを同じフォルダに保管します。
selectImage('mascot01.jpg')の「mascot01.jpg」を画像ファイル名に変更する。
以上で動くと思います。

IE6以降に限定すればVegasさんのご紹介URLが参考になると思います。
私も参考になりました(笑)

>できるならマスコット系でもオkです。
一応サンプルをご紹介します。
私のオリジナルなので動作保障などありませんのでご了承ください。

↓ここから・・・
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<html lang="ja">
<head>
<title>カーソルにくっついているマスコット</title>
<style type...続きを読む

Qマウスポインタの色を制御したい

すみませんが、どなたかお教え願えますでしょうか。

今、ホームページを作っているのですが、
黒いサイトが好きなので背景を黒に設定しています。
ある程度完成して、最終チェックをしているのですが
ちょっと気になる事に気がついてしまったのです。

リンク箇所や、画像の上では問題なく表示しているマウスポインターが
何もない箇所(背景の黒色部分)やテキスト箇所で黒色に同化してしまい
どこにあるのか解らないという状況が・・・

リンク箇所では、指のポインターになるため問題ないのですが
黒色部分では本当にどこにあるのか解らないのです。

ユーザーの設定に依存するのではなく
こちら側で設定することは可能なのでしょうか?

その場合HTMLに記述すればいいのでしょうか?
もしくはその他の方法があるのでしょうか?

どなたか、お知恵を拝借させてください。

どうぞ宜しくお願いいたします。

(ちなみにWindowsのIEでだめでした。FireFoxでは大丈夫なのです)

Aベストアンサー

マウスポインタに「色を付ける」事はできませんが、
自作の画像に置き換える事はCSSで指定できます。
詳しくは検索してみてください。
http://www.google.com/search?q=css+cursor

Qマウスポインタをある形に変えたい

ちょっとかじっただけの初心者です。(技術者向けのカテゴリーですいません)

スタイルシートでマウスポインタを

画面全体を横切る十字(つまり、クリックするところが縦線と横線のクロス点になっている、線は画面全体にわたっている)

といった形にしたいのですが、どうすればよいでしょうか。
以前、どこかのHPで見たことがあるのですが、どこか忘れてしまったのでソースの確認もできず、検索してもマウスポインタを特定の画像にかえる方法しか見つけられず困っています。
それを応用できるだけの知識もないので、詳しい方、なにかご教授お願いします。

Aベストアンサー

全くの初心者時代にお世話になっていたサイトにそういうものがありましたので一応リンク貼っておきます。
http://l-c.moo.jp/top.htm
love cherry>ENTER>TAG>ストーカー>集中線

Qロゴとかキャラクターなど、マウスカーソルのあとを追ってくるようにする事

ロゴとかキャラクターなど、マウスカーソルのあとを追ってくるようにする事って出来るのでしょうか?

まずは、下記のアドレスよりHPをご覧ください。

 http://www.j-love.info/

このHPのようにマウスカーソルのあとを追ってくるようにhtml内に記述する事って可能なのでしょうか?その場合、キャラクター(例えば、名前は「mousekara」とします)は予め用意したフォルダーに保存し、それ(mousekaraのパス)を指定し、スクリプトで記述する事になると思いますが、その記述方法が解りません…。
どなたか解る方がいましたら教えてください。よろしくお願い致します…。

先の「mousekara」がマウスカーソルのあとを追って動き回るようにしたいのですが…アドバイス、ご指導の程をお願い致します。よろしくお願い致します。

Aベストアンサー

ゴメンなさい、直接の答えではないですが。

インプレス社「裏ワザ大全HTML TIPS&TRICKS」と言う本にそれに近いものが載っていました。
http://internet.impress.co.jp/tipsbook/090.html

インプレス社「続裏ワザ大全HTML TIPS&TRICKS」にも。
http://home.impress.co.jp/books/urawaza/tipsbook2/055/

でも、JavaScriptなので、ソースを表示しどの箇所かわかればそれを抜き出して書き写せば同じようにできるはずです。

著作権があるので、直接の答えは書けませんけど。

Qをリンクボタンにした時、マウスオーバーでポインタの形が変わるようにするには?

宜しくお願い致します。当方htmlで簡単なHPがやっと作成出来るレベルです。

テーブル<table>のセル内をボタンにし、それ(下記の例では「新着情報」)が押されたら、分割されたフレームの「frame1」にaaaaa.htmlを開かせるのですが、下記の記述で最初の状態、マウスオーバー、マウスアウト、リンクは上手く行くのですが、マウスオーバー時にポインタの形を矢印(cursorの設定値でいう「pointer」)にしたいのですが、どなたかお分かりになる方がいらっしゃいましたら、お教え下さい。
尚、初心者ですので、下記の記述は文法上間違えていると思います。
宜しくお願い致します。

<tr>
<a href="aaaaa.html" Target="frame1">
<td height="20" bgcolor="blue" onmouseover="this.style.backgroundColor='yellow'"
onmouseout="this.style.backgroundColor='blue'"><font color="darkblue" size="2">新着情報</font></td></tr>

宜しくお願い致します。当方htmlで簡単なHPがやっと作成出来るレベルです。

テーブル<table>のセル内をボタンにし、それ(下記の例では「新着情報」)が押されたら、分割されたフレームの「frame1」にaaaaa.htmlを開かせるのですが、下記の記述で最初の状態、マウスオーバー、マウスアウト、リンクは上手く行くのですが、マウスオーバー時にポインタの形を矢印(cursorの設定値でいう「pointer」)にしたいのですが、どなたかお分かりになる方がいらっしゃいましたら、お教え下さい。
尚、初心者ですので、下記...続きを読む

Aベストアンサー

ごめんなさい。
今のうちに、最初からやり直してください。
たぶん、HTMLの文書構造に従うと、tableのセルをボタンにするというのはおかしいです。
 また、フレームは、あまりに不都合が多く廃止されることが決定している手法(XHTML1.0で非推奨/XHTML1.1で廃止)です。まともなサイトにフレームなんて使われていないと思います。

本来は
<ol id="Links">
<li><a href="./index.html">トップ</a></li>
<li><a href="./news.html">新着情報</a></li>
<li><a href="./hoby/index.html">趣味</a></li>
</ol>
のように、リンクの一覧であると、マークアップしなければならないものだと思います。
 そのようにマークアップされたものを、横並び、あるいはたて並びのボタンとしてデザインするべきです。
 HTMLはデザインのための方式ではなく、文章の構造を示すためのものです。デザインは別途スタイルシートで行います。

14.1 スタイルシートの概説( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/present/styles.html#h-14.1 )

とか・・・
まず、このあたりから
【参考サイト】
はじめてのWebドキュメントづくり
  http://www.asahi-net.or.jp/%7Esd5a-ucd/www/

きちんと、それぞれのページに本文と共にリンクリストを書き、それらを同じ位置に表示させるなり、position:fixedで表示するとかです。

ごめんなさい。
今のうちに、最初からやり直してください。
たぶん、HTMLの文書構造に従うと、tableのセルをボタンにするというのはおかしいです。
 また、フレームは、あまりに不都合が多く廃止されることが決定している手法(XHTML1.0で非推奨/XHTML1.1で廃止)です。まともなサイトにフレームなんて使われていないと思います。

本来は
<ol id="Links">
<li><a href="./index.html">トップ</a></li>
<li><a href="./news.html">新着情報</a></li>
<li><a href="./hoby/index.html">趣味</a></li>
</ol...続きを読む


このカテゴリの人気Q&Aランキング

おすすめ情報