KENT-WEB サポートコーナー 過去ログ [ 0077 ]


記事No: 2382
投稿日: 2007/12/16(Sun) 01:03:05
タイトル表示幅の規制
ID情報: mmoro
投稿者: mmoro
URLhttp://kihitsu.web.infoseek.co.jp/cgi-bin/joyful/joyful.cgi

KENTさん、みなさん、こんにちは。

Joyful Noteを使わせていただいております。
素晴らしい使いごこちで、満足しております。
一点、画面表示幅の問題があります。
仕様では、規制項目がないようですが、
なんらかの方法で、ずらーと横に本文の文字が
伸びて表示されてしまう問題を解決できませんか?
ページ幅表示規制か、改行規制などできませんか?
よろしくお願いします。


記事No: 2383
投稿日: 2007/12/16(Sun) 09:26:45
タイトルRe: 表示幅の規制
ID情報: pachira
投稿者: pachira
URLhttp://www5e.biglobe.ne.jp/~pachira/

> KENTさん、みなさん、こんにちは。
>
> Joyful Noteを使わせていただいております。
> 素晴らしい使いごこちで、満足しております。
> 一点、画面表示幅の問題があります。
> 仕様では、規制項目がないようですが、
> なんらかの方法で、ずらーと横に本文の文字が
> 伸びて表示されてしまう問題を解決できませんか?
> ページ幅表示規制か、改行規制などできませんか?
> よろしくお願いします。

実際には、どの記事の事ですか?
IEで見る限り、そのような記事は見当たりませんが?


記事No: 2384
投稿日: 2007/12/16(Sun) 17:51:24
タイトルRe: 表示幅の規制
ID情報: teketen
投稿者: てけてん

長いリンクが貼られることが多いですが、その所為でテーブルの幅が広がっていますね。
スペースを入れずに半角文字が長く続くとそのようになります。
これは、ブラウザの仕様です(一つの単語として扱うようです)。
URLも半角文字ですから、ブラウザによっては、テーブルが広がります。
私はOperaを愛用している為、現象を確認できました。

これを回避するには、URLを省略した文字や「リンク」などの言葉にリンクを張るようにすると良いでしょう。
取り合えず、両方の方法を提示しますので、好きな方を選んで実装してみてください。

私の手元にご利用のバージョンがないので、v2.72での行数となります。

joyful.cgi

480行目付近(最後の方です)

$_[0] =~ s/([^=^\"]|^)(http\:[\w\.\~\-\/\?\&\+\=\:\@\%\;\#\%]+)/$1<a href=\"$2\" target=\"_blank\">$2<\/a>/g;

を、「リンク」などの文字にリンクを張る場合は、

$_[0] =~ s/([^=^\"]|^)(http\:[\w\.\~\-\/\?\&\+\=\:\@\%\;\#\%]+)/$1<a href="$2" target="_blank" title="$2">リンク<\/a>/g;

に変更して下さい(リンクという部分は、好きな文字にして下さい)。
URLをhttp://example.com...htmlのような途中省略したものにリンクを張る場合は、

$_[0] =~ s/([^=^\"]|^)(https?:\/\/([\w\.\~\-\/\?\&\+\=\:\@\%\;\#\%]+))/join('',(qq|$1<a href="$2" target="_blank" title="$2">|,length($2) > 22 ? substr($2,0,15) . '...' . substr($2,-4,4) : $2,qq|<\/a>|))/eg;

に変更して下さい。
こちらの方は、最後の半角4文字を表示しているのは、なんのファイルにリンクを張ってあるのかを確認できるようにするためです。
どちらの場合も、見た目ではどのURLへリンクを張っているか判らないので、title属性でURLをポップアップするようにしてみました。
必要ない場合は、 title="$2"の部分を削除して下さい。
以上です。


記事No: 2488
投稿日: 2007/12/31(Mon) 00:09:21
タイトルRe^2: 表示幅の規制
ID情報: mmoro
投稿者: mmoro
URLhttp://kihitsu.web.infoseek.co.jp/cgi-bin/joyful/joyful.cgi

ようやく年末、休みがとれて、
取り組んでいます。
URLを、「リンク」などの文字に変えたとしても、
行の文字数の制限は為されないようです。
やはり、改行の無い行は、長く表示されます。
もともと、改行制限のプログラムが働いていないのでしょうか?
一行の文字数の設定はありませんか?


記事No: 2490
投稿日: 2007/12/31(Mon) 15:03:31
タイトルRe^3: 表示幅の規制
ID情報: teketen
投稿者: てけてん

WindowsXP sp2で、Opera9.25、Firefox2.0.0.11、IE6 sp2にて確認しましたが、おっしゃっている現象は確認出来ませんでした。
こちらの環境では、きちんと改行されており問題ありません。

という事で、ご利用のブラウザのバグか何かではないでしょうか?
一度、別のブラウザで確認してみて下さい。
ご利用のOSとブラウザを明記して下されば、同じユーザーの方で、対処法をご存知の方が返信して下さるかも知れません。
ただ、私は現象を確認出来ない為、申し訳ありませんが、これ以上の返信は出来ないと思います。


記事No: 2494
投稿日: 2007/12/31(Mon) 17:14:23
タイトルRe^3: 表示幅の規制
ID情報: naka
投稿者: naka

> URLを、「リンク」などの文字に変えたとしても、
> 行の文字数の制限は為されないようです。
> やはり、改行の無い行は、長く表示されます。

強制改行<br> とページ幅での折り返しが違うものだと先ず理解が必要です。
強制改行しない場合、ページ幅で折り返されるのは html の正常な表示です。

> もともと、改行制限のプログラムが働いていないのでしょうか?
> 一行の文字数の設定はありませんか?

現状ページ幅(表示領域)はテーブルでレイアウトされていて、
テーブルの幅はブラウザサイズの90% と指定されています。
<table width="90%" cellpadding="5" cellspacing="1" border="1">

この幅をブラウザサイズにより可変しないよう
px 等の単位で指定すれば御望みの状態になるはずです。

修正場所はご自身で探してください。


記事No: 2385
投稿日: 2007/12/16(Sun) 22:50:40
タイトルRe: 表示幅の規制
ID情報: mmoro
投稿者: mmoro
URLhttp://kihitsu.web.infoseek.co.jp/cgi-bin/joyful/joyful.cgi

アドバイスありがとうございました。
ただ今、忙しく、また後ほど目を通した時点で
対処したいと考えております。
この度は誠にありがとうございました。


[検索ページ]