サンプルページ　　　ページング



萩原 朔太郎（はぎわら さくたろう）　詩人　
1886.11.1 - 1942.5.11　群馬県前橋に生まれる。
大正六年(1917)の詩集『月に吠える』以降、西欧詩体験と
日本への回帰という詩的不条理を憂鬱かつ不屈に止揚して
日本近代詩の絶頂・深淵を成したと言われる。
掲載詩篇は、興味深い序文とともに朔太郎の優美にして
虚無感にいろどられた憂鬱期の代表詩集『青猫』の二章より選んだ。　
大正十二年(1923)一月新潮社より刊行されている。



　青猫

この美しい都会を愛するのはよいことだ
この美しい都会の建築を愛するのはよいことだ
すべてのやさしい女性をもとめるために
すべての高貴な生活をもとめるために
この都にきて賑やかな街路を通るのはよいことだ
街路にそうて立つ桜の並木
そこにも無数の雀がさへづつてゐるではないか。
ああ　このおほきな都会の夜にねむれるものは
ただ一疋の青い猫のかげだ
かなしい人類の歴史を語る猫のかげだ
われの求めてやまざる幸福の青い影だ。
いかならん影をもとめて
みぞれふる日にもわれは東京を恋しと思ひしに
そこの裏町の壁にさむくもたれてゐる
このひとのごとき乞食はなにの夢を夢みて居るのか。



　月夜

重たいおほきな羽をばたばたして
ああ　なんといふ弱弱しい心臓の所有者だ。
花瓦斯のやうな明るい月夜に
白くながれてゆく生物の群をみよ
そのしづかな方角をみよ
この生物のもつひとつのせつなる情緒をみよ
あかるい花瓦斯のやうな月夜に
ああ　なんといふ悲しげな　いぢらしい蝶類の騒擾だ。



　強い腕に抱かる

風にふかれる葦のやうに
私の心は弱弱しく　いつも恐れにふるへてゐる
女よ
おまへの美しい精悍の右腕で
私のからだをがつしりと抱いてくれ
このふるへる病気の心を　しづかにしづかになだめてくれ
ただ抱きしめてくれ私のからだを
ひつたりと肩によりそひながら
私の弱弱しい心臓の上に
おまへのかはゆらしい　あたたかい手をおいてくれ
ああ　心臓のここのところに手をあてて
女よ
さうしておまへは私に話しておくれ
涙にぬれたやさしい言葉で
「よい子よ
恐れるな　なにものをも恐れなさるな
あなたは健康で幸福だ
なにものがあなたの心をおびやかさうとも　あなたはおびえてはなりません
ただ遠方をみつめなさい
めばたきをしなさるな
めばたきをするならば　あなたの弱弱しい心は鳥のやうに飛んで行つてしまふのだ
いつもしつかりと私のそばによりそつて
私のこの健康な心臓を
このうつくしい手を
この胸を　この腕を
さうしてこの精悍の乳房をしつかりと。」



　蝿の唱歌

春はどこまできたか
春はそこまできて桜の匂ひをかぐはせた
子供たちのさけびは野に山に
はるやま見れば白い浮雲がながれてゐる。
さうして私の心はなみだをおぼえる
いつもおとなしくひとりで遊んでゐる私のこころだ
この心はさびしい
この心はわかき少年の昔より　私のいのちに日影をおとした
しだいにおほきくなる孤独の日かげ
おそろしい憂鬱の日かげはひろがる。
いま室内にひとりで坐つて
暮れゆくたましひの日かげをみつめる
そのためいきはさびしくして
とどまる蝿のやうに力がない
しづかに暮れてゆく春の夕日の中を
私のいのちは力なくさまよひあるき
私のいのちは窓の硝子にとどまりて
たよりなき子供等のすすりなく唱歌をきいた。



　春の感情

ふらんすからくる烟草のやにのにほひのやうだ
そのにほひをかいでゐると気がうつとりとする
うれはしい　かなしい　さまざまのいりこみたる空の感情
つめたい銀いろの小鳥のなきごゑ
春がくるときのよろこびは
あらゆるひとのいのちをふきならす笛のひびきのやうだ
ふるへる　めづらしい野路のくさばな
おもたく雨にぬれた空気の中にひろがるひとつの音色
なやましき女のなきごゑはそこにもきこえて
春はしつとりとふくらんでくるやうだ。
春としなれば山奥のふかい森の中でも
くされた木株の中でもうごめくみみずのやうに
私のたましひはぞくぞくとして菌を吹き出す
たとへば毒だけ　へびだけ　べにひめぢのやうなもの
かかる菌の類はあやしげなる色香をはなちて
ひねもすさびしげに匂つてゐる。
春がくる　春がくる
春がくるときのよろこびは　あらゆるひとのいのちを吹きならす笛のひびきのやうだ
そこにもここにも
ぞくぞくとしてふきだす菌　毒だけ
また藪かげに生えてほのかに光るべにひめぢの類。



夢に見る空家の庭の秘密
　
その空家の庭に生えこむものは松の木の類
びわの木　桃の木　まきの木　さざんか　さくらの類
さかんな樹木　あたりにひろがる樹木の枝
またそのむらがる枝の葉かげに　ぞくぞくと繁茂するところの植物
およそ　しだ　わらび　ぜんまい　もうせんごけの類
地べたいちめんに重なりあつて這ひまはる
それら青いものの生命(いのち)
それら青いもののさかんな生活
その空家の庭はいつも植物の日影になつて薄暗い
ただかすかにながれるものは一筋の小川のみづ　夜も昼もさよさよと悲しくひくくながれる水の音
またじめじめとした垣根のあたり
なめくぢ　へび　かへる　とかげ類のぬたぬたとした気味わるいすがたをみる。
さうしてこの幽邃な世界のうへに
夜(よる)は青じろい月の光がてらしてゐる
月の光は前栽(せんざい)の植込からしつとりとながれこむ。
あはれにしめやかな　この深夜のふけてゆく思ひに心をかたむけ
わたしの心は垣根にもたれて横笛を吹きすさぶ
ああ　このいろいろのもののかくされた秘密の生活
かぎりなく美しい影と　不思議なすがたの重なりあふところの世界
月光の中にうかびいづる羊歯(しだ)　わらび　松の木の枝
なめくぢ　へび　とかげの類の無気味な生活
ああ　わたしの夢によくみる　このひと住まぬ空家の庭の秘密と
いつもその謎のとけやらぬおもむき深き幽邃のなつかしさよ。



憂鬱の川辺

川辺で鳴つてゐる
蘆や葦のさやさやといふ音はさびしい
しぜんに生えてる
するどい　ちひさな植物　草本(そうほん)の茎の類はさびしい
私は眼を閉ぢて
なにかの草の根を噛まうとする
なにかの草の汁をすふために　憂愁の苦い汁をすふために
げにそこにはなにごとの希望もない
生活はただ無意味な憂鬱の連なりだ
梅雨だ
じめじめとした雨の点滴のやうなものだ
しかし　ああ　また雨！　雨！　雨！
そこには生える不思議の草本
あまたの悲しい羽虫の類
それは憂鬱に這ひまはる　岸辺にそうて這ひまはる
じめじめとした川の岸辺を行くものは
ああこの光るいのちの葬列か
光る精神の病霊か
物みなしぜんに腐れゆく岸辺の草むら
雨に光る木材質のはげしき匂ひ。

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ﾍﾟｰｼﾞﾝｸﾞ　　paging.htm

ﾄﾞｷｭﾒﾝﾄ（DIV区切り）毎に、番号ﾎﾞﾀﾝを自動生成、ﾍﾟｰｼﾞの如く繰ることができる。　　　　　　jQuery、DHTML。　　　　　　ﾄﾞｷｭﾒﾝﾄなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

ﾃﾞﾓは、ﾎﾞﾀﾝのｸﾘｯｸなどで。

< ご使用方法 >

　・　ﾛｰｶﾙ（=PC）への保存は、paging/をｸﾘｯｸ開いたﾎﾙﾀﾞｰで、paging.htm、007844410.js、007844410.css を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 変わってしまった、ﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

　・　このDHTMLの実装方法は、paging.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名）の、 <head>　～　</head> の任意の行間に (*1)を、さらに <body>　～　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。

　･　編集方法は、hogehoge.html を WordPad や SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　　下記の（例） (*1) と、(*2)、(*3) を参考に太字部分の編集を任意に行います。　　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 10.x～などで開いて。　　　　更新の確認は、[F5]ｷｰを押し、最新ﾃﾞｰﾀ読み込み、で。　　　　あるいは、Internet Explorerを全て閉じ、再起動を行い、閲覧履歴の削除後や、【Internet Explorer】- [ﾂｰﾙ] - [ｲﾝﾀｰﾈｯﾄｵﾌﾟｼｮﾝ] - [閲覧の履歴] - [削除] などでも。

　･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、*.js、*.css ども転送/配置し実施。　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。　　　FTPなどで変わってしまったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。

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

　HTMLの編集方法　

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

〔この列ﾍﾟｰｽﾄ不要〕　
　

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

互換表示

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

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

ﾌｫﾝﾄ　ｻｲｽﾞ　行間

ﾍﾟｰｼﾞ数

ﾎﾞﾀﾝ文字

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">

<title>サンプルページ　　ページング</title>

<LINK href="007844410.css" rel="stylesheet" type="text/css">
<STYLE type="text/css">
.selection {
display: none;
font-family:メイリオ,MS Gothic,Lucida Sans Regular; font-size: 14px; line-height:17px;
}
#page-1 { display: block;}
</STYLE>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<SCRIPT src="007844410.js"></SCRIPT>
<SCRIPT type="text/javascript">
$(function(){
$("#paging").pagination({
items: 10,
displayedPages: 1,
cssStyle: 'light-theme',
prevText: '前',
nextText: '次',
onPageClick: function(pageNumber){show(pageNumber)}
})
});
function show(pageNumber){
var page="#page-"+pageNumber;
$('.selection').hide()
$(page).show()
}
</SCRIPT>

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

　HTMLの編集方法　

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

〔この列ﾍﾟｰｽﾄ不要〕

余白　
背景画像
ﾍﾟｰｼﾞ番号

pre、PREformatted text（整形済みﾃｷｽﾄ）は、ｽﾍﾟｰｽや改行をそのまま表示します。　特殊文字はｺｰﾄﾞで記述します。
code はIEでは、固定幅ﾌｫﾝﾄで表示されます。
　

ﾃｷｽﾄ

以下、同様。

<body>

<div style="position:Absolute; top:0; left:20; width:800; height:600; padding:0px 20px; z-index:10; visibility:visible;background-color:#FFFFFF;background-image: url('../uhskr_wh.gif');border-left:#F0F0F4 1px solid; border-top: 1px solid #F0F0F4; border-right: 1px solid #E2E2E7; border-bottom: 1px solid #E2E2E7;">
<div class="selection" id="page-1">
<PRE><CODE>

萩原朔太郎（はぎわらさくたろう）　詩人　
1886.11.1 - 1942.5.11　群馬県前橋に生まれる。
大正六年(1917)の詩集『月に吠える』以降、西欧詩体験と
日本への回帰という詩的不条理を憂鬱かつ不屈に止揚して
日本近代詩の絶頂・深淵を成したと言われる。
掲載詩篇は、興味深い序文とともに朔太郎の優美にして
虚無感にいろどられた憂鬱期の代表詩集『青猫』の二章より選んだ。　
大正十二年(1923)一月新潮社より刊行されている。
</CODE></PRE>
</div>

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

<div class="selection" id="page-8">
<PRE><CODE>

憂鬱の川辺

川辺で鳴つてゐる
蘆や葦のさやさやといふ音はさびしい
しぜんに生えてる
するどい　ちひさな植物　草本(そうほん)の茎の類はさびしい
私は眼を閉ぢて
なにかの草の根を噛まうとする
なにかの草の汁をすふために　憂愁の苦い汁をすふために
げにそこにはなにごとの希望もない
生活はただ無意味な憂鬱の連なりだ
梅雨だ
じめじめとした雨の点滴のやうなものだ
しかし　ああ　また雨！　雨！　雨！
そこには生える不思議の草本
あまたの悲しい羽虫の類
それは憂鬱に這ひまはる　岸辺にそうて這ひまはる
じめじめとした川の岸辺を行くものは
ああこの光るいのちの葬列か
光る精神の病霊か
物みなしぜんに腐れゆく岸辺の草むら
雨に光る木材質のはげしき匂ひ。
<p>　</p>
</CODE></PRE>
</div>

<div class="selection" id="page-9">
<PRE><CODE>
<p>
<a href="http://xml-xsl.sakura.ne.jp/oritatami3c.html" target="_blank">
<img src="../xp005600.jpg" border="0" title="ｸﾘｯｸ → Java JavaScript DHTML XML CSS ﾌﾚｰﾑｻﾝﾌﾟﾙ･応用方法などを、NewWinでOpen！、（＾。＾）" width="640" height="480" /></a></p>
<p>　</p>
</CODE></PRE>
</div>

<div class="selection" id="page-10">
<PRE><CODE>
<p>
<a href="http://xml-xsl.sakura.ne.jp/oritatami3c.html" target="_blank">
<img src="../xp005603.jpg" border="0" title="ｸﾘｯｸ → Java JavaScript DHTML XML CSS ﾌﾚｰﾑｻﾝﾌﾟﾙ･応用方法などを、NewWinでOpen！、（＾。＾）" width="640" height="480" /></a></p>
<p>　</p>
</CODE></PRE>
</div>

<div style="position: absolute; top:590px; left:10px;">
<UL id="paging"></UL></div>

</div>

< 補足 >　　　　適時参照あれ！。

　・　Wordpad　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。