PHWS・掲示板PHWS・掲示板管理人さんありがとうございます。
とってもうれしいです。
また、ご迷惑をお掛けしに来ることになるかとおもいますが、見捨てず宜しくお願い致します。
このたびはほんっとに、どうもありがとうございました。
[37.2] From こゆび [2002/12/11 00:30:24:Wed]
はじめまして。管理人です。
はい、動的な変更は可能ですよ。
私は、パソコンショップのホームページ製作を頼まれて
こんなページ
http://www.sala.or.jp/%7Ec-assist/sound.htm
を作りました。
参考にして下さい。
さて、ご質問の件ですが、この場合はDOMを使えばクロスオーバーなスクリプトが書けます。
以下はサンプルです。（即興なので、かなりベタなスクリプトですが・・・）
<html lang="ja">
<head>
<title>テーブルの選択行の色を動的に変更</title>
<script type="text/JavaScript">
<!--
dcolor = "white"; //デフォルト色
ccolor = "lime"; //変更色
def = null; //初期値
function ChangeBgColor(trID,fcolor)
{
if (document.all) //IE対応。
{
BgColorOBJ = document.all[trID].style;
}
if (document.getElementById) //DOM対応。
{
BgColorOBJ = document.getElementById(trID).style;
}
BgColorOBJ.backgroundColor = fcolor;
}
function DefaultBgColor(trID,fcolor)
{
if(def!=null&&def!=trID)ChangeBgColor(def,fcolor);
def = trID;
}
//-->
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<center>
<table border="1" cellpadding="3" cellspacing="0" bordercolor="#66ccff" id="table0">
<tr id="tr0">
<td align="center">
<p><a href="#" onClick="ChangeBgColor('tr0',ccolor);DefaultBgColor('tr0',dcolor);">品名</a></p>
</td>
<td>価格（円）</td>
</tr>
<tr id="tr1">
<td>
<p><a href="#" onClick="ChangeBgColor('tr1',ccolor);DefaultBgColor('tr1',dcolor);">Audigy2 Platinum</a></p>
</td>
<td>23,800</td>
</tr>
<tr id="tr2">
<td>
<p><a href="#" onClick="ChangeBgColor('tr2',ccolor);DefaultBgColor('tr2',dcolor);">Audigy2 Digital Audio</a></p>
</td>
<td><p>14,800</p></td>
</tr>
</table>
<script type="text/JavaScript">
<!--
ChangeBgColor("table0",dcolor);//デフォルト色の初期化
//-->
</script>
</body>
</html>
一応解説しますと、
getElementByIdがDOMです。DOMを使用すればどんな
エレメントであっても、そのプロパティにアクセス出来ます。
dcolor = "white"; //デフォルト色
ccolor = "lime"; //変更色
でお好みの色を設定して下さい。
あとはこれらを引数にして、ChangeBgColor、DefaultBgColorという関数を作っておきます。
aエレメントのonClickで上記関数を記述し、各行のID名を指定します。
ざっと書きましたが、文面からこゆびさんはスキルを
お持ちだと察しましたのでこのサンプルで理解出来る
かと思います。
もし、ご不明な点などございましたら、またカキコして
下さい。分からないところを重点的に説明いたします。
[37.1] From 管理人 [2002/12/ 9 22:38:43:Mon]
どうも、はじめまして。
内容確認だなんて言えるほどのことはしてないです。
それにたかみちえさんの作られた方は全く見てません。ってゆーか分かりません。(^_^;)
なのにわざわざご挨拶に来ていただいて恐縮しております。
覚え書きのような私のサイトが参考になったならば幸いです。
[36.1] From 管理人 [2002/10/21 07:26:11:Mon]
よければ、ちょっと見せてくださいませんか？
一応Operaのサイトで、いろんなところを見せてもらってるので…(^^ゞ
参考程度のことは言えるかもしれませんけど…。
[35.4] From たかみちえ http://homepage2.nifty.com/_omp/ [2002/10/20 23:16:33:Sun]
ネットスケープでしたか。
ということは、バージョンはおそらく4.xでしょう。
私もネットスケープを持ってますが、4.xは不安定ですから常用はしてません。
早速ネットスケープで画像ＢＢＳを覗いてきました。確かにめちゃめちゃですね。
これはスタイルシートで微調整をしていることから起こっています。具体的には説明が長くなるので直し方をメールしますね。
[35.3] From 管理人 [2002/ 6/15 22:58:43:Sat]
お早うございます！
済みません・・・今日は私が忙しいので・・簡単にさせて頂きます。
例のネット友人のブラウザーは「ネットスケープ」だそうです。
ＩＥではありませんでしたが・・・どうでしょうか？
対策などありましたら・・・よろしくお願い致します。
それでは・・・済みませんが・・・
[35.2] From Hironeko [2002/ 6/15 08:56:59:Sat]
別に凄くはないです。(^^ゞ
まだまだ私は未熟者ですよ。
[35.1] From 管理人 [2002/ 6/13 21:17:45:Thu]
どんなブラウザでもというのは、言い過ぎです。
一応トップページで書いているブラウザで確認をしてあまり不具合の無いように調整しているだけです。
基本的に各ブラウザ開発者さんはＷ３Ｃの仕様書をもとに開発しておられると思いますが、その仕様書の解釈に違いが出てきたり（バグもあったりしますが）して各ブラウザが全く同じ表示になることはありません。
ですからネット友人様がご使用になっているブラウザを自分もインストールして表示確認するしか不具合を解消する方法は無いと思います。
ネット友人様にご使用になっているブラウザをお聞きしてみてはどうでしょうか？
もし、そのブラウザが私の持っているブラウザと同じであれば、不具合の出ないようなアドバイスが出来るかもしれません。
[34.1] From 管理人 [2002/ 6/13 21:14:21:Thu]
本当に有難うございます。何とかなりそうです。助かりました。
これからもちょくちょくこちらで勉強させて頂きます。
[32.5] From mottin [2002/ 2/22 17:01:15:Fri]
本当に有難うございます。何とかなりそうです。助かりました。
これからもちょくちょくこちらで勉強させて頂きます。
[32.4] From mottin [2002/ 2/22 17:01:12:Fri]
index.html の更新履歴ですね。
ボタンを押してジャンプする機能はJAVAスクリプトを使ってます。
具体的には、以下にソースを公開します。
使い方はコメントを見て頂ければ分かると思います。
<form method="post" action="./"><!-- optionに更新履歴を記述します。optionのvalueにそのジャンプ先URLを記述します。相対パス・絶対パスの区別なく動作します。 -->
<select multiple size="4" name="navi" tabindex="1">
<option selected value="#contents">更新履歴</option>
<option value="#contents">2002年01月06日「トップページ」更新 サイト内検索窓を設置</option>
<option value="#pagetop">2002年01月05日「トップページ」更新 今日と昨日のカウンタを設置</option>
<option value="#pagetop">2001年12月31日「トップページ」更新 Linux Konqueror 及び Mozilla 対応</option>
</select>
<input type=button tabindex="2" value="Go!" accesskey="g"
onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value" ONKEYPRESS="location.href = this.form.navi.options[this.form.navi.selectedIndex].value">
</form>
以上がソースです。
このままコピー＆ペーストしてお使いになって下さい。
もし、このソース(JAVAスクリプト)の意味が知りたいのでしたら、遠慮なく仰って下さい。
JAVAスクリプトは、その意味が分かってくると応用が利くようになります。
当サイトでもJAVAスクリプトを解説してますので参考になさって下さい。
[32.3] From 管理人 [2002/ 2/21 20:46:43:Thu]
有難うございます。ソースまで公開して頂いて恐縮です。
我がままついでにもう一つ教えて頂けないでしょうか？
index.html でも更新履歴を表示してますよね。しかも選択させて「go」を押すとそこに飛べる。
という機能も実装させたいのですが、教えてもらえないでしょうか？
勉強不足の状態で聞くのも申し訳ないのですが。。。
[32.2] From mottin [2002/ 2/21 13:12:03:Thu]
はじめまして、mottinさん。
管理人です。
更新履歴と言いますと
http://www.tees.ne.jp/~pokochan/history.html
ですか？
理想だなんて言われると照れてしまいます。
私は、このサイトを全てエディタ（タグ編集）式HTMLエディタ で作成しました。
メモ帳が進化したようなものです。タグ打ちと言われているやり方です。
HTMLだけではなくて、スタイルシートを使っています。
当サイトでも解説していますのでご参考にして下さい。
具体的には、
<table summary="このサイトの更新履歴">
<col span="2" style="background-color:white;">
<tr><td>2002年01月06日（<span class="aka">日</span>）</td>
<td><a href="index.html#contents">「トップページ」</a>更新 サイト内検索窓を設置</td></tr>
<tr><td>2002年01月05日（<span class="ao">土</span>）</td>
<td><a href="index.html">「トップページ」</a>更新 今日と昨日のカウンタを設置</td></tr>
<tr><td>2001年12月31日（<span class="kuro">月</span>）</td>
<td><a href="index.html">「トップページ」</a>更新 Linux Konqueror 及び Mozilla 対応</td></tr>
<tr><td>2001年11月03日（<span class="aka">土</span>）</td>
<td><a href="index.html#link">新リンクバナー</a>追加</td></tr>
<tr><td style="width:170px;">1999年10月16日（<span class="ao">土</span>）</td>
<td style="width:430px;">coolさまにサイト登録</td></tr>
</table>
のようになってますが、<td>ではstyle="width:430px;"で幅を指定しています。
<col>では、style="background-color:white;"で背景色を指定しています。
このように、スタイルシートは比較的簡単に使えます。
もし、ワープロ式HTMLエディタをお使いになられているならば、そのエディタ（HP作成ソフト）がスタイルシートに対応してないと出来ないと思います。
ご参考になれば幸いです。
このような回答で宜しかったでしょうか？
もし、私が勘違いしているようでしたら、具体的に仰ってください。重点的にお答えいたします。
[32.1] From 管理人 [2002/ 2/20 21:26:02:Wed]
javaは本格的なプログラミング言語です。
アプレットといえばjavaアプレットのことを指します。
javaには、javaアプリケーションとjavaアプレットの二つの形式があります。
javaアプリケーションは、エクセルやワードのような本物のソフトが作れます。大変難しいです。
javaアプレットは、HTML用の言わば素材のひとつと考えて下さい。気軽に使う事ができます。
アプレットはフリーで公開されている方がたくさんいらっしゃいますので利用しましょう。
[31.1] From 管理人 [2002/ 1/23 06:44:21:Wed]
あらあら、あっけなく言われてしまいましたか。
でもフレームは管理が楽ですよ。
確かにアプレットはJAVAアプレットそのものを理解してないと使いこなせませんね。
どうしても（パラメーターとかが）理解できない場合は
アプレットの作者さんに聞くのが一番ですよ。
[30.3] From 管理人 [2002/ 1/22 23:20:41:Tue]
でもね！トドにフレームの件を言ったら
「ホンナン！沢山 アニgifないのに 恥ずかしい～～！止せ！止せ！」
と、トドの一声であっけなく・・・・・・・・・・。
アプレットもヨ～～～わかりましぇん・・・
タグをコピペして画像をはっ付ければ・・・って、簡単には行かないかなぁ～～～～！？
って、まだチラッ！って見ただけなのに、
みんなのとこに行きカキコして、遊んでいます！！！ホッホッホ～～！
失礼いたしました。
[30.2] From Hironeko http://www.tees.ne.jp/~y-tsuzu/ [2002/ 1/22 10:22:31:Tue]
いらっしゃい！
最近私も時の過ぎるのが本当に早く感じます。
年をとったせいかな？
むむっ、アプレットにアニgif、フレームですか？
盛りだくさんですね。
これは、考えるだけで楽しいと思います。
また、何かあったらメールして下さい。
[30.1] From 管理人 [2002/ 1/21 21:40:03:Mon]
久しぶりですね。
私のほうこそご挨拶せず済みませんね。
今年も宜しくです。
しかし、凄いですね。翻訳されるなんて、、、
私などは、辞書をフルに使っても訳せないです。(^^ゞ
ではこれからお邪魔しますね。
[29.1] From 管理人 [2002/ 1/13 22:54:27:Sun]
こんにちわ
ありがとうございます
ソースまで書いていただき ありがとうございましたm(__)m
参考にさせていただき 完成させます
本当に どうもありがとうございましたm(__)m
[28.4] From aki_wd21 [2002/ 1/12 13:46:36:Sat]
こんばんは、aki_wd21さん。
管理人です。
> ランダムが聞いているようで思っているものが出てくれないんです｡
あっそうでしたか。
私はそう言う仕様だと思ってました。(^^;
（ランダムに変える仕様）
では、早速、仕様を変えてみましょう。
このスクリプトは一見良いようにみえますね。
でも良く考えてみますと・・・
カードの意味を書き出している部分で再度Math.random
を使われてます。これが原因です。
要するに一度取得した値を再度変えてしまっているのです。
その他にも、いきなり画像を（オープンを押さずに）
クリックしたりするとエラーが出てましたので、回避
してみました。
とりあえず、動けばいいのであまり綺麗なスクリプトで
はありませんが、以下をご参考にしてください。
<html>
<head>
<title>ヘキサム・スプレッド</title>
<meta content="text/html; charset=shift_jis" http-equiv="Content-Type">
<link href="タロット.files/css.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
<!--
function setTarot(name,ichi,image,imi)
{ this.name = name; this.ichi = ichi; this.src = image; this.imi = imi; } tarot = new Array();
tarot[0] = new setTarot("愚者", "【正位置】","f-00.gif","愚かさ・考えのなさ・愚かな行い・つまらない状態・ノイローゼ ・精神状態の不安定・乱れた私生活・旅・浪費・職を失う・無収入・きまぐれ・無目的の状態")
tarot[1] = new setTarot("愚者", "【逆位置】","f-00+.gif","間違いや誤りに気づく・正気にかえる・目的のある旅・次の目的の為の離職")
tarot[2] = new setTarot("奇術師", "【正位置】","f-01.gif","想像力・空想力・発明・工夫・口先の上手さ・上手くやっていく・技術的なこと・演劇 ・芸ごと・趣味・手馴れた様子・経験に富んだ姿・ベテラン")
tarot[3] = new setTarot("奇術師", "【逆位置】","f-01+.gif","ずるさ・ペテン・口先だけ・未熟さ・未熟な芸・学力や経験の不足・弱い意志 ・延長されやすい状態・頼りなさ・ミスを招く")
tarot[4] = new setTarot("女教皇", "【正位置】","f-02.gif","教養に富む・深い考え・知識・学識や学力・インテリジェンス・高等教育 ・専門教育・夢見る心・ロマンチックな思い")
tarot[5] = new setTarot("女教皇", "【逆位置】","f-02+.gif","あさはかさ・勉強を好まない・深く考えずに行動する・俗っぽい考えや生活 ・あばずれ・進学しない・常識が無い")
tarot[6] = new setTarot("女帝", "【正位置】","f-03.gif","幸せ・安定・順調さ・豊かさ・繁栄・収穫・芸術・美しさ （結婚を指示したり、恵まれた愛情や結婚生活、妊娠、よい出産、子宝に恵まれる様を表す)")
tarot[7] = new setTarot("女帝", "【逆位置】","f-03+.gif","迷い・集中力の無さ・活動の停止・遅れる事・不安定な愛情・おごり・贅沢 ・嫉妬・妊娠の連続や不妊症・愛を伴わない見合い結婚")
tarot[8] = new setTarot("皇帝", "【正位置】","f-04.gif","権力・手腕・遺産・力・支配・男らしさ・行動力・目的の実現・財産・経済力 ・優れた長所")
tarot[9] = new setTarot("皇帝", "【逆位置】","f-04+.gif","無気力・強くない様・弱さの現れ・行動力の不足・支配しきれない状態・見掛け倒し ・伴いにくい経済力・家を継がない・信用を失う・婿養子")
tarot[10] = new setTarot("教皇", "【正位置】","f-05.gif","慈悲深さ・善良さ・寛大さ・思いやり・援助・宗教・発展・冠婚葬祭 ・供養・よい行い・共同でやって行く")
tarot[11] = new setTarot("教皇", "【逆位置】","f-05+.gif","行き過ぎた行為・自由を与えすぎる・慣例を無視する・何もしようとしない有様 ・信仰心のなさ・宗教や宗派の違い・物質にとらわれすぎる")
tarot[12] = new setTarot("恋人達", "【正位置】","f-06.gif","恋愛・誘惑・三角関係・娯楽・遊び・レジャー・火遊び・浮気っぽい態度 ・二つの道のどちらかを迫られる")
tarot[13] = new setTarot("恋人達", "【逆位置】","f-06+.gif","気まぐれ・二人の異性をかけもちにする・結婚サギ・別れ・浮気の露見 ・行くべき道の選定に失敗する")
tarot[14] = new setTarot("戦車", "【正位置】","f-07.gif","勝利・成功・悪い状況の克服・コントロール・征服・戦っていく・ファイト・厳しい決断")
tarot[15] = new setTarot("戦車", "【逆位置】","f-07+.gif","不成功・敗北・計画の挫折・喧嘩・トラブル・見苦しい勝利・報われない勝利 ・苦しい状況・横たわる大きな障害")
tarot[16] = new setTarot("正義", "【正位置】","f-08.gif","バランスをとってやって行く・正義や公正さが求められる・中心を保つ ・無理をしない・誠実さ・正しい判断")
tarot[17] = new setTarot("正義", "【逆位置】","f-08+.gif","不公平・バランスを崩す・かたよる・厳しすぎる・無法・不正行為・心の狭さ ・独断・よい結果が出ない・裁判や話し合い")
tarot[18] = new setTarot("隠者", "【正位置】","f-09.gif","思慮分別・アドバイス・秘められた知恵・慎重さ・学業・心理の追究 ・成功へ導いてくれる人との出会い")
tarot[19] = new setTarot("隠者", "【逆位置】","f-09+.gif","無分別・軽率・よいアドバイスが得られない・アドバイスを聞かない ・不道徳・愚かさ・無学")
tarot[20] = new setTarot("運命の輪","【正位置】","f-10.gif","前進・幸運・発展・よい未来・過去の出来事が未来に繋がる・運命的な出来事 ・突然舞い込むチャンス")
tarot[21] = new setTarot("運命の輪","【逆位置】","f-10+.gif","失敗・不運・不幸・マイナスの面が出てくる・惰性でやっていく ・宿命から逃れられない")
tarot[22] = new setTarot("剛毅", "【正位置】","f-11.gif","勇気・ファイト・むこうみずの態度・強いエネルギー・情熱・積極性・元気さ・スポーツ")
tarot[23] = new setTarot("剛毅", "【逆位置】","f-11+.gif","弱さ・無気力・力の乱用・力に負ける・体力のなさ・スタミナの低下・自身のなさ ・押し切られてしまう")
tarot[24] = new setTarot("死刑者", "【正位置】","f-12.gif","処罰を受ける・苦痛・どうしようもない状態・困難な時・身動きが取れない")
tarot[25] = new setTarot("死刑者", "【逆位置】","f-12+.gif","犠牲行為に欠ける・必要な努力を怠る・よい見通しは立つが油断できない・わがまま・不履行")
tarot[26] = new setTarot("死神", "【正位置】","f-13.gif","死・損失・ミス・危険・災難・破局・よくない変化・絶交・離婚・愛の不毛・病気")
tarot[27] = new setTarot("死神", "【逆位置】","f-13+.gif","危険の回避・死に至らない病気・一時的な失敗や損失・希望が取り戻せる ・自分の責任ではない災難やミス")
tarot[28] = new setTarot("節制", "【正位置】","f-14.gif","節制・忍耐・自重する・調和を図る・心を素直にする・秘めた思い・イマジネーション ・反省・力を蓄える・力をセーブ")
tarot[29] = new setTarot("節制", "【逆位置】","f-14+.gif","忍耐に欠ける・強情を張る・強い欲望・不毛・対立・不一致・やり遂げられない")
tarot[30] = new setTarot("悪魔", "【正位置】","f-15.gif","堕落・病気・転落・悪い誘惑・黒魔術や呪い・犯罪・悪い行い・売春 ・困難な事態・理性を失う")
tarot[31] = new setTarot("悪魔", "【逆位置】","f-15+.gif","誘惑に打ち勝つ・酒やタバコをやめる・立ち直る・自立していく・更生・出世 ・まじめになる・束縛から逃れられる")
tarot[32] = new setTarot("塔", "【正位置】","f-16.gif","災難・破壊失敗・事故・急病・危険・急な出来事・損失・よくない状態 ・焦りすぎる・高熱を出す・ケガ")
tarot[33] = new setTarot("塔", "【逆位置】","f-16+.gif","罠にはまる・圧力がかかる・詐欺にあう・ウソ・誤解・不可能な転職や退職 ・対立する・小さくてすむ事故や危険")
tarot[34] = new setTarot("星", "【正位置】","f-17.gif","希望・忠誠・よい愛・順調・美しい自然・よい未来・よいチャンスの到来・よい健康 ・インスピレーションのイマジネーションの助け")
tarot[35] = new setTarot("星", "【逆位置】","f-17+.gif","悲観的になる・望みが消える・強情・ノイローゼ・憂鬱・直り難い病気・無気力 ・諦めやすい・病気になる")
tarot[36] = new setTarot("月", "【正位置】","f-18.gif","ウソ・詐欺・正気でない・欺く・危険・スキャンダル・思わぬ出来事・不安定 ・中傷・気の変わりやすさ・見えないところにいる敵")
tarot[37] = new setTarot("月", "【逆位置】","f-18+.gif","ウソを見抜く・かわいいウソ・危険を見抜く・小さな過失・小さくてすむ危険な出来事")
tarot[38] = new setTarot("太陽", "【正位置】","f-19.gif","幸せ・発展・満足・安心・成功・目的を成し遂げる・よい恋愛・よい出産 ・幸せな結婚生活・結婚の望みが叶う・商売の繁栄・喜び事・レジャー")
tarot[39] = new setTarot("太陽", "【逆位置】","f-19+.gif","不幸・孤独・望みは達成できない・遅れる・虚しい勝利・感動しない・恋愛の下降 ・愛のない結婚生活・金銭感覚の欠如・不妊・子供を失う")
tarot[40] = new setTarot("審判", "【正位置】","f-20.gif","再生・再起・目覚める・やり遂げる・やり直しをはかる・発送の転換・よい判定が下される")
tarot[41] = new setTarot("審判", "【逆位置】","f-20+.gif","弱さ・未決定・遅れる・引き離される・別れる・財産を失う・一人になる ・こだわる・考え方や生き方を変えない")
tarot[42] = new setTarot("世界", "【正位置】","f-21.gif","目的を成し遂げる・成功・勝利・出世・開業の成功・合格・入社する・結婚 ・家の入手・まとまった資産をつくる")
tarot[43] = new setTarot("世界", "【逆位置】","f-21+.gif","中途半端で終わる・挫折する・不満足・やり遂げる力を持たない・気が変わる ・同姓で終わる・だらしなさ")
function shuffle(){
for(i=0;i<=Math.floor(Math.random()*10);i++){
a=Math.floor(Math.random()*22)*2;
b=Math.floor(Math.random()*22)*2;
x=tarot[a];
y=tarot[a+1];
tarot[a]=tarot[b];
tarot[a+1]=tarot[b+1];
tarot[b]=x;
tarot[b+1]=y;
}
}
c=-1;
d=0;
function cardOpen(){
c++;
d++;
img="c"+d;
fom="f"+d;
control = Math.floor(Math.random()*2);
if(d<=7){
if(control==0){
document.images[img].src=tarot[c*2+1].src;
document.forms[0].elements[fom].value=tarot[c*2+1].name + " " + tarot[c*2+1].ichi;
document.forms[0].elements["h"+d].value=tarot[c*2+1].imi;}
else{
document.images[img].src=tarot[c*2].src;
document.forms[0].elements[fom].value=tarot[c*2].name + " " + tarot[c*2].ichi;
document.forms[0].elements["h"+d].value=tarot[c*2].imi;}
}
if(d<=6){
document.forms[0].elements['button'].value=d+1+"枚目オープン！";}
else{ document.forms[0].elements['button'].value="おしまい";}
}
function cardReset(){
if(d>=7){
document.forms[0].elements['button'].value="1枚目オープン!";
c=0;
d=0;
for(i=1;i<=7;i++){ document.images["c"+i].src='tarot/000.jpg' }
for(i=1;i<=7;i++){ document.forms[0].elements["f"+i].value="";}
for(i=1;i<=7;i++){ document.forms[0].elements["h"+i].value="";}
}
}
function windowOpen(a,b){
WO=window.open('','','width=445,height=400');
WO.document.open();
WO.document.write('<HTML><HEAD><TITLE>'+a+'</TITLE></HEAD>');
WO.document.write('<BODY Topmargin="0" Leftmargin="0" Bgcolor="#FFFFFF">')
WO.document.write('<CENTER><BR><H1><FONT SIZE="5" COLOR="RED">'+a+'</FONT></H1><br>');
WO.document.write('<P><B><FONT SIZE="4">'+document.forms[0].elements["f"+b].value +"<br><br> "+document.forms[0].elements["h"+b].value+'</B></P>');
WO.document.write('<IMG border="0" height="180" src="tarot/000.jpg" width="104">');
WO.document.write('</CENTER></BODY></HTML>');
WO.document.close();
WO.document.images[0].src = document.images['c'+b].src;
}
//--></script>
<style type="text/css">
<!--
td {color:navy;}
-->
</style>
</head>
<body background="bg/sozai3.jpg" text="#000000">
<!--SCRIPT Languge="JavaScript">
for(i=0;i<=43;i++){ document.write(tarot[i].name+"・"+tarot[i].ichi+"・"+tarot[i].imi)<BR>"; }
</SCRIPT-->
<center>
<form>
<br>
<p><br>
<br>
</p>
<table cellspacing="20">
<tbody>
<tr>
<td align="middle" width="200"><font color="red">（5）</font>相手に与える影響<br>
<input type="text" name="f5"><input type="hidden" name="h5"><br>
<a href="javascript:windowOpen('（5）相手に与える影響','5')"><img border="0" height="180" name="c5" src="tarot/000.jpg" width="104"></a></P>
<p><font color="red">（3）</font>近い将来の見通し<br>
<input type="text" name="f3"><input type="hidden" name="h3"><br>
<a href="javascript:windowOpen('（3）近い将来の見通し','3')"><img border="0" height="180" name="c3" src="tarot/000.jpg" width="104"></a></p>
</td>
<td align="middle" width="200"><font color="red">（1）</font>過去の原因<br>
<input type="text" name="f1"><input type="hidden" name="h1"><br>
<a href="javascript:windowOpen('（1）過去の原因','1')"><img border="0" height="180" name="c1" src="tarot/000.jpg" width="104"></a>
<p><font color="red">（7）</font>結論<br>
<input type="text" name="f7"><input type="hidden" name="h7"><br>
<a href="javascript:windowOpen('（7）結論','7')"><img border="0" height="180" name="c7" src="tarot/000.jpg" width="104"></a></p>
<p><font color="red">（4）</font>問題に対する対応策<br>
<input type="text" name="f4"><input type="hidden" name="h4"><br>
<a href="javascript:windowOpen('（4）問題に対する対応策響','4')"><img border="0" height="180" name="c4" src="tarot/000.jpg" width="104"></a></p>
<p></p>
</td>
<td align="middle" width="200"><font color="red">（6）</font>本人の気づかない願望<br>
<input type="text" name="f6"><input type="hidden" name="h6"><br>
<a href="javascript:windowOpen('（6）本人の気づかない願望','6')"><img border="0" height="180" name="c6" src="tarot/000.jpg" width="104"></a>
<p><font color="red">（2）</font>現在の状況<br>
<input type="text" name="f2"><input type="hidden" name="h2"><br>
<a href="javascript:windowOpen('（2）現在の状況','2')"><img border="0" height="180" name="c2" src="tarot/000.jpg" width="106"> </a></p>
</td>
<td align="middle"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<img src="he-title.gif" width="230"><br>
<br>
<br>
<input onclick="shuffle()" type="button" value="シャッフル！">
<p><input name="button" onclick="cardOpen()" type="button" value="1枚目オープン！"></p>
<p><input onclick="cardReset()" type="button" value="Reset!"><br>
<br>
<br>
<br>
<br>
<img src="bg/sozai4.JPG"></p>
</td>
</tr>
</tbody>
</table>
</form>
<p></p>
</center>
</P>
<form name="form01">
<input type="hidden" name="input01" value="red"> <input type="hidden" name="input02" value="8"> <input type="hidden" name="input03" value=" open!">
</form>
<script language="JavaScript" src="http://www.geocities.co.jp/SweetHome/4572/moji.js">
</script>
</body>
</html>
[28.3] From 管理人 [2002/ 1/12 00:46:43:Sat]
おはようございます
ご教授ありがとうございます
今から 教えていただいたものを 修正していきたいと思います｡
本当は イメージをクリックして そのカードの
意味を表示したいのですが､どうも シャッフルの
したの 一枚目のボタンを 7回押し おしまいになって終了しても そのときの ランダムが 聞いているようで
思っているものが 出てくれないんです｡
すみませんが よろしくお願いいたします｡
[28.2] From aki_wd21 [2002/ 1/11 10:18:41:Fri]
はじめまして、aki_wd21さん。
管理人です。
> javaスプリクトは初めてで今勉強している真っ最中です
初めてやられて、これだけできれば凄いです。
配列をうまく活用なさってますね。
お手本のようなスクリプトだと思います。
> 絵を クリックしたら 絵の意味を表示したいのですが 思うように出てくれません｡
思うようにとは、どのように出したいのでしょうか？
コピペして、動作させてみましたところ、一応ウィンドウが開いて文字が表示されましたが。
ただし、エラーが表示されました。
このエラーの原因は、関数windowOpen(a,b)の中の記述で、
WO.document.images[0].src = document.images['c'+b].src;が、
おかしいです。
WOという事は、HTML書き出し部に<img>タグの書き出し
がなくてはなりません。
また、本文のimages[0]を変えたいのであれば、WOは不要です。
以上のことで宜しいのでしょうか？
で少し気になったところがあるので、書かせてもらいます。
外部ＣＳＳファイルの呼び出しで、タロット.files/css.cssは少し不味いと思います。
フォルダ及びファイル名は英数字にした方が無難です。
もうひとつ、ＨＴＭＬ書き出し部で文法的に不味いです。
H3がいきなり出てきたり、H3内にpが入っていたりしてはおかしいですよ。
Hnは見出しです。必ずH1から始めます。見出しの中に段落があっては不自然でしょ。
表示上の問題で使われているのならば、スタイルシートを使用されたら良いと思います。（外部スタイルシートを使われてますので）
[28.1] From 管理人 [2002/ 1/10 21:30:39:Thu]
こちらこそ今年も宜しくお願いします。
デジカメですか～。
良いですね～。
私もカメラは好きです。では、今からお伺いします。
[27.1] From 管理人 [2002/ 1/ 8 20:08:09:Tue]
[[もっと前の内容]] [先頭へ] [Top Pageへ] [Contentsへ]
pokochan@mx1.tees.ne.jp