オンマウスで説明



0   名前: 八木 : 2006/09/18(月) 15:42  ID:GstGj3Ot
HPを見ているとたまにリンクにカーソルを合わせると違う所?に説明分が表示されるHPを見ます。
どういう風にすれば出来るのでしょうか?説明下手ですいません;

http://tool-3.net/?tesuto2006
↑のようにしたいです

1   名前: 元帥 : 2006/09/18(月) 15:42  [URL]  ID:tFAqXEg9
<script type="text/javascript">
<!--
function changeText(msg){
document.getElementById('hogehoge').value=msg;
}
//-->
</script>


<a href="***.html" onmouseover="changeText('説明文')">リンク</a>


<form>
<input id="hogehoge" type="text" size="40" value="" />
</form>


2   名前: はな : 2006/09/18(月) 15:42  ID:fXnL3zQw
あなたのサイトをを拝見させていただきました。
いわゆる携帯向けの無料HPですね。
1つ聞きたいのですがそちらのサーバーでは、PCのエンター又は、携帯の改行をおすと押すと、
自動的に<br>タグ挿入なんて機能(改行される。)ってことはないですか?
その場合は、JS部分を外部ファイル化するか1行にする必要があります。
(JSの途中に<br>タグが挿入されると正常に働かないため。)
1行にする場合はこれ
<!--
function changeText(msg){
document.getElementById('hogehoge').value=msg;
}
//-->

<!--function changeText(msg){document.getElementById('hogehoge').value=msg;}//-->
に代えて、外部ファイル化する場合は、

function changeText(msg){
document.getElementById('hogehoge').value=msg;
}
をメモ帳にコピーペースト。
.js拡張で保存(JSファイルがサーバーに上がらない場合は.gifや.jpgで保存です。)
そして<script src="JSファイルのURL"></script>
で読み込みです。
今回は、一行に出来そうだったのでどちらでもかまわないと思いますが、
2行以上にする必要があるJSの場合、<br>タグ自動挿入タイプのHP作成サイトでは、
必ず必要になってくる技です。







3   名前: m035 ◆Wpzr1YKOiq : 2006/09/18(月) 15:42  [URL]  ID:OdMuVJsu
>>2
<script type="text/javascript"><!--function changeText(msg){document.getElementById('hogehoge').value=msg;}//--></script>

はコメント扱いを受けると記憶しています。
HTML中に書くなら、
<script type="text/javascript">function changeText(msg){document.getElementById('hogehoge').value=msg;}</script>

のようにコメントアウトを外すしかないかと。

4   名前: 松茸 : 2006/09/18(月) 15:42  ID:Zl.Xkpcp
http://www.k5.dion.ne.jp/~i-araki/css/onmouse.html

cssだけでご要望のままだと思います。


5   名前: 八木 : 2006/09/18(月) 15:42  ID:GstGj3Ot
皆さん返答ありがとうございます^^
はなさんへ:自動改行をする、しないの機能がついてました


6   名前: はな : 2006/09/18(月) 15:42  ID:fXnL3zQw
フリーページは使ったことないのでよく分かりませんが、
同じようなツールをレンタルしているとこの中には、
自動挿入された<br>タグ問題が起こるとこもあります。
こちらとしても、ソースを見て<br>タグがあっても八木さんが入れたものか、
システムによって挿入されたものかを見分けることが出来ないんです。
改行タグは誰が入れても同じですし。
仕組みは、ユーザーである八木さんが一番分かっていると思います。
フリーページには、ないのでしょう。

一覧へ戻る