教育・子育て

prizuページとphotoページの修正

マんタ
2020/07/28 02:59

( ´ー｀)ﾌｩｰ．．．💦💦今日もムシ暑～～～い

今日はしばらくぶりのホームページ修正記事・・・・

まずは・・・TOPページから

前はTOPページとそのほかのページのプライズフィギアの画像や

プライズ商品注文という文字をクリックすると

Content image

こんな画面が出てきましたね。

こんかいはこのがめんではなくプライズフィギアなどの商品が乗っているページに入れ替えます。

で、photoの方のプログラム

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html lang="ja" border="1"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"&gt;
&lt;meta http-equiv="Content-Style-Type" content="text/css"&gt;
&lt;meta http-equiv="Content-Script-Type" content="text/javascript"&gt;
&lt;link rel="stylesheet" type="text/css" href="mystyle.css"&gt;
&lt;script type="text/javascript"src="script2.js"&gt;
&lt;/script&gt;&lt;/div&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;/div&gt;
&lt;div class="menu"&gt;
&lt;ul &gt;
&lt;li&gt;&lt;a href="top.html"&gt;&lt;strong&gt;TOP&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="form.html"&gt;&lt;strong&gt;&lt;br&gt;お茶注文&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="select"&gt;&lt;a href="photo.html"&gt;&lt;strong&gt;&lt;br&gt;プライズ商品注文&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;
		&lt;br&gt;&lt;p&gt;&lt;br&gt;画像をクリックするとそれぞれのページ にとびますｗｗｗ&lt;/p&gt;
&lt;p align="center"&gt;&lt;a href="top.html"&gt;&lt;img src="image/Top.jpg " alt="top"/&gt;
&lt;a href="form.html"&gt;&lt;img src="image/おちゃ缶.jpg " alt="おちゃ缶"/&gt;
&lt;a href="praiz.html"&gt;&lt;img src="image/プライズ商品.png " alt="プライズ"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;hr&gt;&lt;h2 border=""&gt;プライズ詳細&lt;/h2&gt;&lt;br&gt;

		&lt;p&gt;&lt;br&gt;国木田花丸EXQフィギア&lt;/p&gt;
&lt;p&gt;&lt;img src="image2/ss3.jpg" alt="figyua写真"  onmouseover="document.hanamaru.src='image2/hanamaru1.jpg'"&gt;
&lt;img src="image2/ss2.jpg"alt="figyua写真"   onmouseover="document.hanamaru.src='image2/hanamaru3.jpg'"&gt;
&lt;img src="image2/ss1.jpg"alt="figyua写真"   onmouseover="document.hanamaru.src='image2/hanamaru2.jpg'"&gt;&lt;br&gt;
&lt;img src="image2/hanamaru1.jpg" alt="figyua写真"  name="hanamaru"&gt;&lt;br&gt;
&lt;span class="hana"&gt;上の小さい画像をポイントすると、下に大きく表示されます。&lt;/span&gt;&lt;/p&gt;&lt;br&gt;

		&lt;p&gt;&lt;br&gt;黒澤ルビイEXQフィギア&lt;/p&gt;
&lt;p&gt;&lt;img src="image2/ss4.jpg" alt="figyua写真2"  onmouseover="document.kurosawa.src='image2/kurosawa1.jpg'"&gt;
&lt;img src="image2/ss5.jpg"alt="figyua写真2"   onmouseover="document.kurosawa.src='image2/kurosawa3.jpg'"&gt;
&lt;img src="image2/ss6.jpg"alt="figyua写真2"   onmouseover="document.kurosawa.src='image2/kurosawa2.jpg'"&gt;&lt;br&gt;
&lt;img src="image2/kurosawa1.jpg" alt="figyua写真2"  name="kurosawa"&gt;&lt;br&gt;
&lt;span class="kuro"&gt;上の小さい画像をポイントすると、下に大きく表示されます。&lt;/span&gt;&lt;/p&gt;&lt;br&gt;

		&lt;p&gt;&lt;br&gt;その他のプライズ景品&lt;/p&gt;
&lt;p&gt;&lt;img src="image2/ss7.jpg"alt="azer写真2"   onmouseover="document.pika.src='image2/pika1.jpg'"&gt;
&lt;img src="image2/ss8.jpg"alt="azer写真2"   onmouseover="document.pika.src='image2/pika2.jpg'"&gt;
&lt;img src="image2/ss9.jpg"alt="azer写真2"   onmouseover="document.pika.src='image2/pika3.jpg'"&gt;&lt;br&gt;
&lt;img src="image2/pika1.jpg" alt="azer写真2"  name="pika"&gt;&lt;br&gt;
&lt;span class="pika"&gt;上の小さい画像をポイントすると、下に大きく表示されます。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="praiz.html"&gt;&lt;em&gt;&lt;br&gt;注文ページ&lt;/em&gt;&lt;/a&gt;&lt;/p&gt;&lt;/form&gt;&lt;/body&gt;
&lt;/html&gt;

Content image

このように表示されます。そして、下のほうに注文ページという文字が…

Content image

クリックすると

Content image

このページに行くわけですねｗｗｗ

プログラムも載せておきます。

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html lang="ja"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"&gt;
&lt;meta http-equiv="Content-Style-Type" content="text/css"&gt;
&lt;meta http-equiv="Content-Script-Type" content="text/javascript"&gt;
&lt;link rel="stylesheet" type="text/css" href="mystyle.css"&gt;
&lt;div class="mein"&gt;
&lt;script type="text/javascript"src="script3.js"&gt;
&lt;/script&gt;

&lt;h1 align="center"&gt;マ　んタの  商店　ホーム　（仮）3ページめ！！！ &gt; &lt;/h1&gt;
&lt;/div&gt;
&lt;div class="menu"&gt;
&lt;ul &gt;
&lt;li&gt;&lt;a href="top.html"&gt;&lt;strong&gt;TOP&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="form.html"&gt;&lt;strong&gt;&lt;br&gt;お茶注文&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="select"&gt;&lt;a href="photo.html"&gt;&lt;strong&gt;&lt;br&gt;プライズ商品注文&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;
&lt;p&gt;画像をクリックするとそれぞれのページ にとびますｗｗｗ&lt;/p&gt;
&lt;p align="center"&gt;&lt;a href="top.html"&gt;
&lt;img src="image/Top.jpg " alt="top"/&gt;&lt;a href="form.html"&gt;&lt;img src="image/おちゃ缶.jpg " alt="おちゃ缶"/&gt;
&lt;a href="photo.html"&gt;&lt;img src="image/プライズ商品.png " alt="プライズ"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;title&gt;プライズ景品～～～注文書（仮）&lt;/title&gt;
&lt;p&gt;&lt;strong&gt;あくまでこれはサンプルなので注文できませんｗｗｗ&lt;/strong&gt;&lt;/p&gt;
&lt;/head&gt;
&lt;body&gt;

 

&lt;noscript&gt;
&lt;p&gt;プライズ景品一覧&lt;/p&gt;  
&lt;/noscript&gt;
&lt;form name="form1"onsubmit="return check()" onreset="return kakunin()"&gt;
&lt;table border="1"align="center" summary="数量"&gt;
&lt;caption&gt;プライズ景品&lt;/caption&gt;
&lt;th&gt;ナンバー&lt;/th&gt;
&lt;th&gt;商品名&lt;/th&gt;
&lt;th&gt;単価&lt;/th&gt;
&lt;th&gt;数量&lt;/th&gt;
&lt;th&gt;小計&lt;/th&gt;
&lt;/tr&gt;
&lt;p&gt;&lt;a href="photo.html"&gt;プライズの細かな詳細はコチラをご覧ください&lt;/a&gt;&lt;/p&gt;
&lt;tr&gt;
&lt;th class="right"&gt;01&lt;/th&gt;
&lt;td&gt;ラブライブサンシャイン国木田花丸EXQフィギア&lt;/td&gt;
&lt;td class="right"&gt;2000 円&lt;/td&gt;
&lt;td class="right"&gt;&lt;select name="kai1" onchange="fu1()"&gt;
&lt;option value="k0"selected&gt;0&lt;/option&gt;
&lt;option value="k1"&gt;1&lt;/option&gt;
&lt;option value="k4"&gt;2&lt;/option&gt;&lt;/select&gt;個&lt;/td&gt;
&lt;td class="right"&gt;&lt;input name="sum1"type="text"value="0"size="20"class="right"&gt;円&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th class="right"&gt;02&lt;/th&gt;
&lt;td&gt;ラブライブサンシャイン黒澤ルビィEXQフィギア&lt;/td&gt;
&lt;td class="right"&gt;1500 円&lt;/td&gt;
&lt;td class="right"&gt;&lt;select name="kai2" onchange="fu2()"&gt;
&lt;option value="ku0"selected&gt;0&lt;/option&gt;
&lt;option value="ku1"&gt;1&lt;/option&gt;
&lt;option value="ku2"&gt;2&lt;/option&gt;&lt;/select&gt;個&lt;/td&gt;
&lt;td class="right"&gt;&lt;input name="sum2"type="text"value="0"size="20"class="right"&gt;円&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th class="right"&gt;03&lt;/th&gt;
&lt;td&gt;転スラEXQフィギア　リムルテンペスト&lt;/td&gt;
&lt;td class="right"&gt;100 円&lt;/td&gt;
&lt;td class="right"&gt;&lt;select name="kai3" onchange="fu3()"&gt;
&lt;option value="re0"selected&gt;0&lt;/option&gt;
&lt;option value="re1"&gt;1&lt;/option&gt;&lt;/select&gt;個&lt;/td&gt;
&lt;td class="right"&gt;&lt;input name="sum3"type="text"value="0"size="20"class="right"&gt;円&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th class="right"&gt;04&lt;/th&gt;
&lt;td&gt;缶バッチランダム袋&lt;/td&gt;
&lt;td class="right"&gt;300 円&lt;/td&gt;
&lt;td class="right"&gt;&lt;select name="kai4" onchange="fu4()"&gt;
&lt;option value="kan0"selected&gt;0&lt;/option&gt;
&lt;option value="kan1"&gt;1&lt;/option&gt;
&lt;option value="kan2"&gt;2&lt;/option&gt;
&lt;option value="kan3"&gt;3&lt;/option&gt;
&lt;option value="kan4"&gt;4&lt;/option&gt;
&lt;option value="kan5"&gt;5&lt;/option&gt;&lt;/select&gt;個&lt;/td&gt;
&lt;td class="right"&gt;&lt;input name="sum4"type="text"value="0"size="20"class="right"&gt;円&lt;/td&gt;
&lt;/tr&gt;
&lt;th class="right"&gt;05&lt;/th&gt;
&lt;td&gt;懐中時計缶ランダム&lt;/td&gt;
&lt;td class="right"&gt;1000 円&lt;/td&gt;
&lt;td class="right"&gt;&lt;select name="kai5" onchange="fu5()"&gt;
&lt;option value="jas0"selected&gt;0&lt;/option&gt;
&lt;option value="jas1"&gt;1&lt;/option&gt;
&lt;option value="jas1"&gt;2&lt;/option&gt;&lt;/select&gt;個&lt;/td&gt;
&lt;td class="right"&gt;&lt;input name="sum5"type="text"value="0"size="20"class="right"&gt;円&lt;/td&gt;
&lt;/tr&gt;
&lt;th class="right"&gt;06&lt;/th&gt;
&lt;td&gt;ヌイグルミセット&lt;/td&gt;
&lt;td class="right"&gt;3000 円&lt;/td&gt;
&lt;td class="right"&gt;&lt;select name="kai6" onchange="fu6()"&gt;
&lt;option value="jas0"selected&gt;0&lt;/option&gt;
&lt;option value="jas1"&gt;1&lt;/option&gt;&lt;/select&gt;個&lt;/td&gt;
&lt;td class="right"&gt;&lt;input name="sum6"type="text"value="0"size="20"class="right"&gt;円&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th colspan="4" class="right"&gt;合計&lt;/th&gt;
&lt;td class="right"&gt;&lt;input name="gou" type="text" value="0" size="18" class="right"&gt;円&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th colspan="4" class="right"&gt;税(10%)&lt;/th&gt;
&lt;td class="right"&gt;&lt;input name="zei" type="text" value="0" size="18" class="right"&gt;円&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th colspan="2" class="right"&gt;届け先&lt;/th&gt;
&lt;td class="right"&gt;&lt;select name="otodoke" onchange="kei4()"&gt;
&lt;option value="sentaku"&gt;地域選択&lt;/option&gt;
&lt;option value="hokkaidou"&gt;北海道&lt;/option&gt;
&lt;option value="touhoku"&gt;東北&lt;/option&gt;
&lt;option value="kantou"&gt;関東&lt;/option&gt;
&lt;option value="chuubu"&gt;中部&lt;/option&gt;
&lt;option value="kansai"&gt;関西&lt;/option&gt;
&lt;option value="chuugoku"&gt;中国&lt;/option&gt;
&lt;option value="shikoku"&gt;四国&lt;/option&gt;
&lt;option value="kyuusyu"&gt;九州&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;th class="right"&gt;送料&lt;/th&gt;
&lt;td class="right"&gt;&lt;input type="text" name="sou" value="0" size="18" class="right"&gt;円&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th colspan="4" class="right"&gt;総合計&lt;/th&gt;
&lt;td class="right"&gt;&lt;input type="text" name="All" value="0" size="18" class="right"&gt;円&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;p&gt;お客様情報入力欄。&lt;/p&gt;
&lt;table summary="お客様情報入力欄"align="center"&gt;
&lt;tr&gt;
&lt;tr&gt;
&lt;th class="left"&gt;支払方法(必須デス)&lt;/th&gt;
&lt;td&gt;
&lt;label for="dai"&gt;&lt;a href="daibiki.html"&gt;&lt;input id="dai" type="button" name="shiharai" value="代金引換"&gt;&lt;/a&gt;&lt;/label&gt;
&lt;label for="gin"&gt;&lt;a href="banku.html"&gt;&lt;input id="gin" type="button" name="shiharai" value="銀行振込"&gt;&lt;/a&gt;&lt;/label&gt;
&lt;br&gt;
&lt;br&gt;
&lt;label for="kure"&gt;&lt;a href="kard.html"&gt;&lt;input id="kure" type="button" name="shiharai" value="クレジット決済"&gt;&lt;/a&gt;&lt;/label&gt;
&lt;label for="ari"&gt;&lt;a href="ALISbarai.html"&gt;&lt;input id="ari" type="button" name="shiharai" value="ALIS払い"&gt;&lt;/a&gt;&lt;/label&gt;

&lt;/td&gt;
&lt;tr&gt;
&lt;th class="left"&gt;お名前(必須デス)&lt;/th&gt;
&lt;td&gt;&lt;input type="text" name="namae" size="40" value=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th class="left"&gt;郵便番号(必須デス)&lt;/th&gt;
&lt;td&gt;(例:604-8225)半角で入力
〒&lt;input type="text" name="yuubin" size="10" maxlength="8" value=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th class="left"&gt;ご住所(必須デス)&lt;/th&gt;
&lt;td&gt;&lt;input type="text" name="jusyo" size="60" value=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th class="left"&gt;電話番号(必須デス)&lt;/th&gt;
&lt;td&gt;(例:012-345-6789)半角で入力
&lt;input type="text" name="denwa" size="20" maxlength="13" value=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th class="left"&gt;メールアドレス&lt;/th&gt;
&lt;td&gt;&lt;input type="text" name="mail" size="40" value=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th class="left"&gt;備考&lt;/th&gt;
&lt;td&gt;&lt;textarea name="memo" cols="50" rows="5"&gt;ご意見ご要望をご記入ください。&lt;/textarea&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;p&gt;入力漏れ・入力ミス確認!!!!「注文」ボタンをクリックしてください。&lt;/p&gt;
&lt;p&gt;&lt;input type="submit" value="注文"&gt;&lt;input type="reset" value="リセット"&gt;&lt;/p&gt;
&lt;/form&gt;

&lt;/body&gt;
&lt;/html&gt;

最後にTOPページからphotoにとべるようにリンクを書き換えておきます

<li><a href="photo.html"><strong><br>プライズ商品注文</strong></a></li>

このようにｗｗｗ

Content image

見た目は変わりませんが、プライズフィギアと書いてある画像をクリックするか、

プライズ商品注文という文字をクリックすることで、商品の画像ページにとぶわけです。

Content image

Content image

Content image

注文ページを押せば

Content image

ここに移動します。

ここまでご覧いただきありがとうございました。

BYマんタ

ホームページ作成仮修正

1人がサポートしています

獲得ALIS:

24.46 ALIS

1.00 ALIS

マんタ
@25kit6

遂に！今年最後の月！！！気温もかなり下がって最低気温一桁だけど、まだなんとか耐えられる！年内に雪降らないトいいけどね(￣▽￣)

投稿者の人気記事

ありがとうございます。

Like token

Tip token

今日も暑い（т-т）

Like token

Tip token

雨が辛いｗｗｗ

Like token

Tip token

コメントする

コメントする

こちらもおすすめ！

Bitcoinの価値の源泉は、PoWによる電気代ではなくて"競争原理"だった。

144.63 ALIS 159.32 ALIS

海外企業と契約するフリーランス広報になった経緯をセルフインタビューで明かす！

246.34 ALIS 16.10 ALIS

Bitcoin史〜0.00076ドルから6万ドルへの歩み〜

799.98 ALIS 947.13 ALIS

ジョークコインとして出発したDogecoin（ドージコイン）の誕生から現在まで。注目される非証券性🐶

1.44k ALIS 38.31 ALIS

他カテゴリ

機械学習を体験してみよう！（難易度低）

454.56 ALIS 124.82 ALIS

他カテゴリ

京都のきーひん、神戸のこーへん

175.41 ALIS 12.10 ALIS

続・NFT解体新書・デジタルデータをNFTで販売するときのすべて【実証実験・共有レポート】

230.43 ALIS 6.37 ALIS

他カテゴリ

警察官が一人で戦ったらどのくらいの強さなの？『柔道編』　【元警察官が本音で回答】

827.50 ALIS 114.82 ALIS

他カテゴリ

テレビ番組で登録商標が「言えない」のか考察してみる

389.10 ALIS 26.20 ALIS

教育・子育て

【科学】アリストテレスにデカルトにニュートンに…みな光に取り憑かれた～光学の発展～

153.37 ALIS 23.75 ALIS

Eye catch

約２年間ブロックチェ－ンゲームをして

1.10k ALIS 61.20 ALIS

他カテゴリ

防犯意識マーキング下書き供養④

133.78 ALIS 24.07 ALIS