「nee」



レス送信モード


お絵かきレス


name
URL
sage
sub
com *
UpFile []
Pass 記事の削除に必要
  • 画像を添付する場合は、'No File'のチェックを外して下さい。
  • 添付可能ファイル:GIF, JPG, PNG ブラウザによっては正常に添付できないことがあります。
  • 画像は横 300ピクセル、縦 300ピクセルを超えると縮小表示されます。
  • 最大投稿データ量は 2000 KB までです。sage機能付き。

No Pass


77 ページリンクの出力


1525205452741.png (40328 B) - サムネイル表示中 -
続きを描く
1525205452741.png

77 ページリンクの出力 : https://sakots.red/poti/ : 2018/05/02(Wed) 05:10

さとぴあさんがtwitterでやってるやつをcssだけでできないかという。
nee/5uの場合template_ini.phpをこうして、

まず全部非表示にする
.page span { display: none; }
class指定があるものだけ表示
.page span[class] { display: inline; }
ここまでで今のページ、次のページ、前のページだけになるので
.page span:nth-child(10n+1) { display: inline; }
で10ページごとにリンクを表示


78 無題 : サ骨 : 2018/05/02(Wed) 05:26 URL

あとは
.page span a[href="index.html"]
と1〜9.htmlをdisplay: inline; にしてやると
最初の10リンクは表示される。


79 無題 : サ骨 : 2018/05/02(Wed) 05:38 URL

>>78
これはうまくいかないかも


80 無題 : さとぴあ : 2018/05/02(Wed) 09:07

サンプルがあったら欲しいです。
今やっているのは、25頁までは25頁表示、26頁以後は全件表示なので、画面がごちゃごちゃします。
それに、今php本体でやっている内容はとても配布できるようなものではないので、
自分用(それも数値をどうしたらいいのか考え込みながら設定)です。


81 無題 : サ骨 : 2018/05/02(Wed) 19:30 URL

もうひとつ思いついたのですが、
<select>のoptionにしてしまうのはどうでしょうか。


82 無題 : サ骨 : 2018/05/02(Wed) 20:38 URL

https://sakots.red/5u/

5uに5リンクずつで実装してみました。


83 無題 : さとぴあ : 2018/05/03(Thu) 00:12

改良型とかできそうですか?
7ページ目で、

[BACK] [0][1][2][3][4][7][9] [NEXT]
間がなぜか飛ぶようです。
ところで何をやっているのか、見てもよくわからないのですが、
CSS側で計算のような事をやっているのでしょうか?
(10n+1) ???
検索して自分でも調べてみますね。


84 無題 : サ骨 : 2018/05/03(Thu) 00:31

.page span:nth-child(10n+1) {}は
「.page内の10n+1番目の<span>にのみスタイルを適応する」
です。
5uサンプルでは0~4ページ目と、あと5ページごとに表示するようにしています。


85 無題 : サ骨 : 2018/05/03(Thu) 03:11 URL

改良しました
https://sakots.red/5u/
0〜3とあとは5の倍数のページに直接ジャンプできます。


89 無題 : さとぴあ : 2018/05/04(Fri) 00:15

この箇所は、CSSで制御できるのであれば、CSSによる対応としたほうが良さそうですね。