2０秒後にページが自動更新されます

　

ﾃﾞﾓは、自動更新（20秒）+”F5ｷｰ” 、 ”＠更新” で。　順送りは のｸﾘｯｸで。　□New小Win版、ﾒｯｾｰｼﾞ一覧。

　

　

　

　

　

　

　

　

　

　

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ﾗﾝﾀﾞﾑﾒｾｰｼﾞ 6a1　randam_msg6a1.htm

ﾗﾝﾀﾞﾑﾒｯｾｰｼﾞ、ﾍﾟｰｼﾞ読込み毎に切り替え、更に20秒毎に自動更新。　　DHTML。　　ﾒｯｾｰｼﾞ、ｱｲｺﾝなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　all 対応。　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。　　　※:関連ﾍﾟｰｼﾞ randam_msg6.htm（同時にｶﾚﾝﾀﾞｰなど表示。）

ﾃﾞﾓは、”F5ｷｰ” 、 ”＠更新” で。

　

< ご使用方法 >

　・　保存は  randam_msg6a1.htm、11000.js、index.js、image1.gif、refresh.png 右ｸﾘｯｸ、【名前を付けてﾘﾝｸを保存】 - <保存する場所>： ……、などで。　　※:　変わってしまった、ﾌｧｲﾙ名や、*.htm 中のﾊﾟｽは要修正。f

　・　ﾍﾟｰｽﾄは、hogehoge.html をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどの ”ﾃｷｽﾄﾓｰﾄﾞ で、新しいﾍﾟｰｼﾞや hogehoge.htm（=任意の挿入先ﾌｧｲﾙ名） の、 <head>　〜　</head> の任意の行間に (*1)を、さらに <body>　〜　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。　　　※: ﾃｷｽﾄﾓｰﾄﾞ :  ｺｰﾄﾞ/HTMLﾀｸﾞ挿入/HTMLﾒﾆｭｰ など。

　･　編集 : hogehoge.htm に ﾃｷｽﾄﾓｰﾄﾞでﾍﾟｰｽﾄ 後は、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄのﾃﾞｻﾞｲﾝや通常ﾓｰﾄﾞ、ﾃｷｽﾄﾓｰﾄﾞ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集します。　　下記の（例） (*1) と、(*2) 、(*3)を参考に太字部分の編集を任意に行います。　

※: 外部ﾄﾞﾒｲﾝ（ｻｲﾄ）にｱｯﾌﾟﾛｰﾄの画像などの使用は、非表示に注意。　　画像の alt ﾀｸﾞは不可、ｻｲｽﾞ指定の pt などの省略は注意。　　ｽｸﾘﾌﾟﾄ構文中への 改行混入に注意。　　

　･　ｱｯﾌﾟﾛｰﾄﾞは、hogehoge.htm と同じﾎﾙﾀﾞｰに、使用してる画像、*.js、*.css をｱｯﾌﾟﾛｰﾄﾞします。 　　別ﾎﾙﾀﾞｰの場合は、hogehoge.htm の該当ﾊﾟｽ注意。

　・　作動ﾃｽﾄは Edge〜 などで開いて。　　更新の確認は、ﾌﾞﾗｳｻﾞｰなどのｷｬｯｼｭのｸﾘｱ後に実施。　　(1) [F5]ｷ- or Ctrl+Rｷｰ を押し、最新ﾃﾞｰﾀ読み込みで。　　完全には、(2) Edgeを全て閉じ、再起動を行い、【Edge】 - 右上 [……] - [設定] - [ﾌﾟﾗｲﾊﾞｼｰ、検索、ｻｰﾋﾞｽ] - [閲覧ﾃﾞ-ﾀをｸﾘｱ] - ［ｸﾘｱ-するﾃﾞ-ﾀの選択］ - ［ｖ］閲覧の履歴 -［今すくｸﾘｱ］ をｸﾘｯｸ。

　･　関連情報 ： 色記号、色記号5、〃6、ﾌｫﾝﾄ、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門、HTMLをﾃｷｽﾄｴｷﾞﾀ-で編集。

　

(*1) ：　randam_msg6a1.htm （例）　　　　　　　　挿入先の 　<head> 〜 </head>の、〜部分にﾍﾟｰｽﾄします。

HTMLの編集方法　  (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕 　

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

<style type 〜 </style>は（削除可）
(*1)〜(*3)表ﾀｲﾄﾙ背景

body 文字色　背景色　下線
ﾊｲﾊﾟｰﾘﾝｸ 〃
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent

お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

20秒毎に更新

　

　

　

 　

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {font-size:12px;line-height:13px;}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
</style>

<base target="_blank">

<title>サンプルページ　　ランダムメッセージ６ａ</title>

<!--　☆ -----------◎　↓ この間をコピー＆ペーストします。 ------------　-->
<link rel="stylesheet" href="index.css">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="refresh" content="20">
<!--　☆ -----------　↑ この間をコピー＆ペーストします。 ------------　-->
　

<!--　☆　----------　↓ この間をコピー、編集、ペーストします。 ----------　-->
<script src="11000.js" language="javascript" type="text/javascript"></script>
</style>
<!--　☆　----------　↑ この間をコピー、編集、ペーストします。 ----------　-->  

　

　

(*2) ：　randam_msg6a1.htm （例）　　　　　　　　挿入先の 　<body> 〜 </body>　の、〜 部分にﾍﾟｰｽﾄします。

HTMLの編集方法　  (*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕

<body部に に記述

　

現在時刻表示は X を削除 
JavaScript

　

　

ﾌｫﾝﾄ　位置

ｻｲｽﾞ　罫線

　

背景画像

　

　

　

　

　

　

　

　

　

　

　

吹き出し　ﾘﾝｸ文字

　

<body onload="LoadProc();">
<!--　★　-----------◎　↑と↓ この間をコピー＆ペーストします。 ------------　-->
<p>2０秒後にページが自動更新されます</p>
<b id="Xnow"></b>
<script src="index.js"></script>
<!--　★　-----------　↑ この間をコピー＆ペーストします。 ------------　-->

<!--　■　----　位置調整のためのDIV有りは、　↓ この間をコピー＆ペーストします。 -->
<!-- 　　　　　　　　　　　　 　表示枠位置　　　　　表示枠ｻｲｽﾞ　　　 　　　　座標　　　　　　　　　　　　　　表示枠背景色 -->
<div style="font:normal 14px メイリオ; position:absolute; top:7; left:7; width:800; height:20; z-index:0; visibility:visible; background-image: url(''); background-color:#FFFFFF" title="=（゜。.゜）=">
<table width="800" height="20" border="1" cellspacing="0" cellpadding="2" bgcolor="#FFFFF4" style="border-left: #F0F0F4 1px solid; border-top: #F0F0F4 1px solid; border-right: #E2E2E7 1px solid; border-bottom: #E2E2E7 1px solid;border-collapse: collapse" bordercolorlight="#F0F0F4" bordercolordark="#E2E2E7">
<tr>
<td bgcolor="#FFFFFF" valign="top" align="left" background="whtcv.gif">
<!--　☆　----------　↓ この間をコピー、編集、ペーストします。 ----------　-->
<DIV id="ponder" style="padding:5pt 5pt">
<script type="text/javascript">
// "Things to Ponder" Quotes script- By Carlos Eton http://www.carloseton.com/ w/ changes by JK
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use
GetStatement(0)
</script>
</div>
<!--　☆　----------　↑ この間をコピー、編集、ペーストします。 ----------　-->
</td>
</tr>
</table>
</DIV>
<!--　■　----　位置調整のためのDIV有りは　↑ この間をコピー＆ペーストします。 -->
<p>　</p>
<!--　★　----------　↓ この間をコピー、編集、ペーストします。 ----------　-->
ﾃﾞﾓは、<span style="font-family:メイリオ; font-size: 12px;Xbackground-color:E6E5ED;"><font color="#006441">自動更新（20秒）</font>+</span>”F5ｷｰ” 、 ”＠更新” で。<span style="font-family:メイリオ; font-size: 12px;Xbackground-color:E6E5ED;">　順送りは <img style="background:#F7F7F8; cursor:hand" border="0" src="./refresh.png" title="別のお言葉（順）はｸﾘｯｸで。" onClick="GetStatement(1)" /> のｸﾘｯｸで。　<a href="#" onClick="window.open('randam_msg6a1.htm', 'XX','status=yes,scrollbars=yes,width=540,height=690,resizable=yes,location=no,directories=no,screenX=2,left=2,screenY=2,top=2')" target="_self" title="親Winを閉じると、□は下層に移動しますが、ﾀｽｸﾊﾞｰの［Edge］から上層に。">□New小Win版</a>、<a href="#" onClick="window.open('randam_msg6m.htm', 'XX','status=yes,scrollbars=yes,width=540,height=690,resizable=yes,location=no,directories=no,screenX=2,left=2,screenY=2,top=2')" target="_self" title="□小Win弊害時は、□最大画面にして閉じる。">ﾒｯｾｰｼﾞ一覧</a>。</span></form>
<!--　★　----------　↑ この間をコピー、編集、ペーストします。 ----------　-->
　

　

(*3) ：　11000.js （例）　　　　　　　　　ﾃｷｽﾄｴﾃﾞｨﾀｰで開き、編集しhogehoge.htmlと同ﾃﾞｨﾚｸﾄﾘｰに転送・配置します。

　 *.css、*.jsの編集方法　  (*3)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓の太字部分を編集し使用。
　 〔この列ﾍﾟｰｽﾄ不要〕 p> 

ﾒｯｾｰｼﾞ 


ﾒｯｾｰｼﾞﾃｷｽﾄ中の、　’ は、要変換　→ 　\’

以下、同様。

　

末尾は、　',　でなく　'　です。

　

====  この間､説明を省略｡  ==== 

'理性もまた、奔走する情熱の一種である。　夜の女王（魔笛）の登場は、戦慄と思慕の混沌とする。 ',
'人生に影響を与えない文章は、文学ではない。　だから政治家ににふさわしい。 ',
'文学も、音楽も解き放たれた刹那、読者や聞き手の資質・皮質に委ねられる。 ',
'……生きてゆけない、そして優しくしなければ生きてゆく資格がない。 ',
'山高きが故に尊からず。　Don\'t judge a book by its cover. ',　

====  この間､説明を省略｡  ====

'美しい女にはやがて飽きがくる。　善良な女には決して飽きはこない。- ﾓﾝﾃｰﾆｭ ',
'でも、教えてあげましょうか。　私たちが悪い事をするのは、みんな男のすることを見て、覚えたのですよ。- ｼｪｰｸｽﾋﾟｱ ',
'過ぎ去った過去と、来るべき未来はベストに思える。　現在の事柄は悪い。- ｼｪｰｸｽﾋﾟｱ '
);
　

====  この間､説明を省略｡  ====

　

ハロー（^. ^）