別フレームにテキスト表示について

[新着] Webテンプレートを仮オープンしました



0   名前: おゆき : 2007/06/13(水) 21:44  [URL]  ID:DHVDHH7D sub-t1
はじめまして。
随分探したにも関わらず、求めているものが見つからずに困っています。どうかお助け下さい。
それっぽいものを見つけては試そうとするのですが、色々ありすぎて結局混乱してしまいました…;

サイトアドレスを貼り付けてみました。
同人サイトでイラストが貼り付けてあります。

■その1
メニューの文字に触れるとキャラクタが更に詳しい説明を喋るように見せたい。
(文字をオンマウスにした際、別フレームをまたいでテキストボックスに別文字を表示させたい)
何も触れていないときは、初期の『ようこそ』を表示させておきたい。

■その2
キャラクタにおさわりした際(笑)、ちょっとした台詞の変化、加えて表情の変化を加えたい。今は顔に触れると顔のみ変わります。

今の時点でも結構重いのに軽くショックを受けております;
その辺はなんとか軽く工夫していこうと思いますが…;;

よろしくお願い致します。


1   名前: カヅサツ ◆ThCi95HEzw : 2007/06/13(水) 21:44  [URL]  ID:O5hEMlpW sub-r2
> メニューの文字に触れるとキャラクタが更に詳しい説明を喋るように見せたい。
> (文字をオンマウスにした際、別フレームをまたいでテキストボックスに別文字を表示させたい)
> 何も触れていないときは、初期の『ようこそ』を表示させておきたい。

1. 右ページに「ようこそ」と書かれた段落を書き、id属性値で適当な名前を付ける(仮に "balloon" とします)。
2. 左ページのリンクの各 title属性に、リンク先の説明を書いておく。
3. 左ページに、「リンクをポイントすると、その title属性値を右ページの "balloon" の内容に置き換える」と「リンクからポイントが外れると、右ページの "balloon" の内容が『ようこそ』に置き換える」というJavaScript を書く

説明内で改行したり、一部を強調したい場合、もう少し面倒なことになります。

> キャラクタにおさわりした際(笑)、ちょっとした台詞の変化、加えて表情の変化を加えたい。

私はそういうのは大好きです(←誰も聞いていませんというか何を想像しているのか)。

画像の上でポインタが移動した時、その座標を見て、特定の座標ならば画像の URI と "balloon" の内容を書き換える、という JavaScript になろうかと思いますが、画像が重い場合は先読みさせたりとかする必要があります。

2   名前: モノ : 2007/06/13(水) 21:44  ID:l6Oa/eNu sub-Cl
投稿場所のルールはよく読み、守って投稿した方が、ことが円滑に進むでしょう。
http://beginners.atompro.net/sqlbrd0_sqlbrd_hpmake_hpmake_hpmake_resdsp_prm9318_9318_9318.html#9318

3   名前: おゆき : 2007/06/13(水) 21:44  ID:DHVDHH7D sub-t1
カヅサツ様>
お早い反応ありがとうございます。

教えて頂いた事を試したいのですが、なかなかいじれないので
お礼までですが反応しておこうと思いまして;

取り合えず画像の先読みを教えて頂いたのでやってみようと思いましたが、
先ず其処でコケております。…頑張ります。

キャラクタのおさわりは以前見かけてやってみたいなぁと思っていたのですが…
そのサイトさんも今は別絵になっていて。参考にしたかったんですが;四苦八苦しております。

ありがとうございました、暫く粘って頑張ってみます。

モノ様>

態々申し訳ありません。
見落としていました、知りませんでしたは言い訳にしかなりませんね。
きちんと読んでいなかった当方が確実に悪いのですし。

ありがとうございました。

4   名前: おゆき : 2007/06/13(水) 21:44  ID:DHVDHH7D sub-t1
title属性を付けると乗せた時にリンク文字に文が出てしまう、というのもあって、他のものを参考にしてみました。
このことでしたらすみません;
新しくスレを立てるよりこちらの方が良いのでしょうか、迷いましたが;

色々と試してみたのですが、何故だかうまく動いてくれないのです。
URLの方でも繋がりますが、


左メニュー----------

<SCRIPT language=JavaScript>
<!--
function documentWrite(msg) {
parent.topf.document.fm.text.textarea = msg;

}
// -->
</SCRIPT>

<A href="annnai.htm" target="topf"><span onmouseover="this.innerText='サイト案内'; documentWrite('説明文が入ります')" onmouseout="this.innerText='about'; documentWrite('ようこその初期文が入ります')">about</span></a>


右メニュー(テキストボックス)--------------------

<form name="fm">
<textarea readonly rows="7" cols="25" style="overflow:hidden;background color:#000000;border-width:0;color:#e6cde3;" name="text">ようこそ!
</textarea>

--------------

こんな具合なのですが、何処を間違ってるんでしょうか…;
よろしくお願いします。

5   名前: おゆき : 2007/06/13(水) 21:44  ID:DHVDHH7D sub-t1
事故解決できました。すみません;

一覧へ戻る