喫茶XRAYトップページ

[▲前のスレッド]
[9323] 質問してもいいですか返信　削除
2015/10/23 (金) 15:22:28 sato
Delphi サンプルプログラム集のヘビーユーザーです。
いつもお世話になっています。
マスターに質問があるのですが（けしてお願いではありません）
サンプルプログラム集の項目見出しをクリックすると該当ページが表示される
のですが、下の方の見出しだと該当ページが表示されるたびに、見出しも
「000_コマンドラインコンパイラの実行」　がトップになります。
マスターのサンプルプログラム集の見出しは似たものをまとめてくれてありますので
、表示されたページを見ながら、先ほど選んだ見出しの前後にもどるのにスクロール
して探さなければなりません。
そこで、サンプルプログラム集も喫茶XRAYと同じように左右別ペインで見出し項目の
ペインにもスクロールバーがあったりするとうれしいなと思ったりするのですが...
無理ですよね（独り言です）


[9324] Re:質問してもいいですか返信　削除
2015/10/23 (金) 17:07:09 Mr.XRAY
▼ satoさん

> そこで、サンプルプログラム集も喫茶XRAYと同じように左右別ペインで見出し項目の
> ペインにもスクロールバーがあったりするとうれしいなと思ったりするのですが...

来たか !!
実は，私もサンプルプログラム集のヘビーユーザーなんです (^^;
これはですね．実装しようと思ってテストしたことがあるんです．
方法としては，

(1) 全ページを PHP にする
(3) CSS で実現する

なんですが，(1) は，ページの文字のコードページを UTF-8 にしなければ
なりません．そうするとレイアウトが崩れる．
また，ページのアドレスが全て変わる．ということで却下．

(2) はですね．右側のページをスクロールしても，左ペインの目次をスクロール
しないようにはできるのですが，
左の目次で，ページのリンクをクリックすると，目次がやっぱり先頭からの
表示になってしまうんです (現在の私の知識では)
それと，挙動がブラウザによっても違うんです．

ということで，テストのコード(ページの HTML)は全て削除しました．
でも，そういう要望が出てくるというのは嬉しいです．ハイ．

おそらく，PHP にするしかないと思います．現時点では．
それですね．最近ですね．関係ありそうなページへのリンクを，ページの
記事に追加しているようにしています．


> 無理ですよね（独り言です）

あっ，独り言なのね (笑)


# 昔は FRAME という HTML の実装だったんです．
# この FRAME という形式だと，目次と本体の記事を別々にスクロールできます．
# ただし，各々のページのアドレスは取得できません．
# つまり，各々の記事をリンクとして紹介できなのです．
# そこで，IFRAME という実装に変更して，今に至っています．
# 何か方法がないのかな〜．
# いえ，独り言です(笑)

[9325] Re2:質問してもいいですか返信　削除
2015/10/23 (金) 19:13:13 Mr.XRAY
> なんですが，(1) は，ページの文字のコードページを UTF-8 にしなければ
> なりません．そうするとレイアウトが崩れる．
> また，ページのアドレスが全て変わる．ということで却下．

今見たら，残骸がありました．2013年10月に挑戦していますね．
取りあえず PHP だけ再インストールしました．
で，テスト用のページをサーバに送ってみたら，Shift-jis でも
見えるんですね．PHP って，ユニコードじゃないとダメだと思っていました．


ローカルに PHP をインストールしてブラウザで動作確認した図
[9326] Re2:質問してもいいですか返信　削除
2015/10/23 (金) 21:29:49 SO
> (3) CSS で実現する

bootstrap<<http://getbootstrap.com/>>を使ってみるとか？
[9327] Re3:質問してもいいですか返信　削除
2015/10/23 (金) 21:47:23 Mr.XRAY
▼ SOさん
> > (3) CSS で実現する
>
> bootstrap<<http://getbootstrap.com/>>を使ってみるとか？

えっ? えっ? 何ですかこれ．知りません．
ググってみました．こんなのがあるんですね．

[9328] 目次付きのページ返信　削除
2015/10/24 (土) 06:21:24 Mr.XRAY
▼ satoさん，みなさん，こんにちは．

目次付きのページというのは，個人的には便利だと思っています．
だからこそ，喫茶XRAY もサイトの記事もそのようにしています．
このような機能は，フレームと呼ばれています．

ただ，記事本文をスクロールすると，目次もスクロールしてしまいます．
本当は，目次の部分と記事本文が独立スクロールできれば便利です．
現状では，このようにするのは出来ないか，困難です．
以下は，必要なければスキップしてください．


このような機能を実装するには，

(1) フレーム (Frame) -- 喫茶XRAYはこの方式
(2) インラインフレーム (iFrame)
(3) 疑似フレーム (CSS や Javascrip, PHP を使用)

HTML 5.0 では，フレームは廃止予定でしたが，かろうじて iFrame
は残りました．

(1) の Frame は以下のような構成です．

[フレームタグ/ページタグ/みんなのタグ辞書/HTMLタグ辞書]
http://heo.jp/tag/page/frame.html

完全に目次と記事本文が独立してスクロールできます．
この図で．フレーム HTML のページがブラウザの URL 欄に表示されます．
つまり，右フレームの記事が変わっても，URL は変わりません．

これだと，該当する記事を紹介する時に不便です．

現在多く使われているのは，(2)(3) です．
この方式は，右の記事のページを表示する時に，目次のページを表示
する方法です．
つまり，新しいページを表示する度に目次のページも読み込まれます．
目次と記事本文が独立していません．

この方式のウェブページを観ても，目次と記事本文を独立してスクロール
しているページはありません．
おそらく，現状では実現は無理だと思います．

[9329] Re:目次付きのページ返信　削除
2015/10/24 (土) 06:22:46 Mr.XRAY
例えばこんな方法があります．
記事本文の最上部に，目次のページへのリンクがあります．
これを新しいウィンドウで開きます．
そして，目次の該当するリンクを，マウスでドラッグドロップして，
別のブラウザのウィンドで開きます．

その様子が下の図です．

あるいは，目次のページを別のタブに表示しておいて，
[Ctrl] + [マウス左ボタンクリック] で目的のページを別のタブで開く．

という感じです．
やっぱ使いにくいか... (^^;


[9330] 目次部分が独立してスクロールするページ返信　削除
2015/10/25 (日) 18:57:04 Mr.XRAY
>左の目次で，ページのリンクをクリックすると，目次がやっぱり先頭からの
>表示になってしまうんです (現在の私の知識では)
>それと，挙動がブラウザによっても違うんです．

考えたんですが，本文の記事をスクロールして，目次が見えないように
なるよりかはマシなのではないかと思いました．
で，本日中に UP します．できると思います．

どういうのかと言うと，
ネットのサンプルで，ページの途中にボックスがあり，
その中にコードが書いてありますよね．
で，コードの部分がスクロールするやつです．
それを左側に表示するようにしたものです．

取りあえず，元はブラウザの左右中央にページを表示する形式
だったんですが，左端寄せになります．
[9331] Re:目次部分が独立してスクロールするページ返信　削除
2015/10/25 (日) 19:09:55 Mr.XRAY
> で，本日中に UP します．できると思います．

たった今 UP しました．
SO さんにいいものを紹介して頂いたのですが，
前に作成したスタイルシートを少し修正して使いました．
目次の長さが長いサンプルプログラム集だけです．

IE 6 以前には対応していません．

[9332] 左右の中央に表示返信　削除
2015/10/27 (火) 07:44:19 Mr.XRAY
ブラウザのウィンドウの左右中央に表示するようにしました．
ネット上の CSS のサンプルでは，ブラウザのスクロールバーを
使用しない方式が多いのですが，ブラウザのスクールバーを使用する方式です．

フレーム内のスクロールバーを使用すると，印刷の時に
最初の 1 ページしか印刷しません．
(ネット上の CSS のサンプルで JavaScript でこれを回避しています)
そこで，ブラウザのスクロールバーを使用することにしています．

興味があれば，CSS, JavaScript のコードを見てください．
サンプルプログラム集に，CSS, Javascript のコードもダウンロード
できるものがあります．

以上で，サイトの構成作業終了です．
皆様にとって，今日が良き日であることをお祈りしています．

[9333] Re:左右の中央に表示返信　削除
2015/10/27 (火) 07:47:16 Mr.XRAY
> フレーム内のスクロールバーを使用すると，印刷の時に
> 最初の 1 ページしか印刷しません．
> (ネット上の CSS のサンプルで JavaScript でこれを回避しています)
> そこで，ブラウザのスクロールバーを使用することにしています．

記事を印刷するには，[Hide Index] をクリックして，目次を非表示にします．

それと，昨日確認したところでは，

>IE 6 以前には対応していません．

と書きましたが，IE 7 でも正常に表示できません．

[9334] 動作確認ブラウザ返信　削除
2015/10/27 (火) 09:00:28 Mr.XRAY
> と書きましたが，IE 7 でも正常に表示できません．

動作確認のブラウザは，Windows 7 64ビット + 以下です．

IE 11  11.0.9600
Fire fox 41.0.2
Google Chrome 46.0.2490

IE 8, 9, 10 等は未確認です．
正しく表示できない場合は，ブラウザを新しくするしかない ? m(_ _)m

[9341] Re:動作確認ブラウザ返信　削除
2015/10/28 (水) 21:54:06 sato
▼ Mr.XRAYさん
マスター、ほんの独り言のはずがとんでもないご迷惑をおかけして申し訳ありません。
すっきりしました。普段ブラウザはPaleMoon 25.7.3　なのですが、昼間見た
時に表示が乱れていたので
>正しく表示できない場合は，ブラウザを新しくするしかない ? m(_ _)m
の仰せに従って、取り替えようと思っていましたが、今見るときちんと表示
されていました。ありがとうございました。今後ともよろしくお願いします。
[9342] Re2:動作確認ブラウザ返信　削除
2015/10/28 (水) 21:56:26 Mr.XRAY
▼ satoさん

> すっきりしました。普段ブラウザはPaleMoon 25.7.3　なのですが、昼間見た
> 時に表示が乱れていたので
> >正しく表示できない場合は，ブラウザを新しくするしかない ? m(_ _)m
> の仰せに従って、取り替えようと思っていましたが、今見るときちんと表示

私のところでも発生しました．
キャッシャかなんかの関係かも知れません．
キャッシャを削除して確認しました．

[9339] 要望とは違いますが...返信　削除
2015/10/28 (水) 21:42:48 Mr.XRAY
▼ satoさん

> サンプルプログラム集の項目見出しをクリックすると該当ページが表示される
> のですが、下の方の見出しだと該当ページが表示されるたびに、見出しも
> 「000_コマンドラインコンパイラの実行」　がトップになります。

という動作は変わりませんが，

> ペインにもスクロールバーがあったりするとうれしいなと思ったりするのですが...

一応，目次のペインは独立してスクロールはできるようにしました．
あくまでも，疑似フレームですので，余計な操作をすると，
表示が乱れますです．

こんなもんで勘弁してください．ご確認くださいませ．
ただし，古いブラウザだと，目次だけのスクロールはできません．

[9343] こんな感じです返信　削除
2015/10/28 (水) 22:08:42 Mr.XRAY
> 一応，目次のペインは独立してスクロールはできるようにしました．
> あくまでも，疑似フレームですので，余計な操作をすると，
> 表示が乱れますです．

古いブラウザを使っている方に，参考まで，以下のようになります．
上の図は，目次ペインだけを一番下までスクロールした状態です．

その下の図は，ブラウザの横幅に表示しきれない時に，
横のスクロールバーで横方向にスクロールした時の状態です．
乱れます．

IE 11 でのスナップです．


[9344] Re:こんな感じです返信　削除
2015/10/28 (水) 22:18:45 Mr.XRAY
> その下の図は，ブラウザの横幅に表示しきれない時に，
> 横のスクロールバーで横方向にスクロールした時の状態です．
> 乱れます．
>
> IE 11 でのスナップです．


Fire fox 41 の場合は下図のようになります．
ブラウザによって，ブラウザのバージョンによって違うということで
ございます．


[▼次のスレッド]
INCM/CMT
Cyclamen v3.82