てがろぐ - Fumy Otegaru Memo Logger -

お手軽一言掲示板（この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。）

新規投稿 管理用

動作サンプルです。 ご自由にお試し下さい。パスワードguestで管理画面もお試し頂けます。
■いま見ているスキンは「標準スキン」です。他に、 昔のツイッターっぽいスキン(ブルー)、 昔のツイッターっぽいスキン(ピンク)、 付箋型スキン、 シンプル日記スキン、 ジャーナル(日誌)スキン、 ブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキン、 チャットタイプスキンがあります。
《てがろぐCGIの配布・解説ページに戻る》

or 管理画面へ

No.5202

Icon of tomoyo ともよ

New! No.5202

Ver 4.6.1の折り畳み記法で毎回ラベルを入れなければいけないのが面倒だから隠す記法と同じように使いたいな…と思って要望を書きに来たら、既に>>5192さんが同じ内容を投稿されてる上にもう新しいβ版で反映されていて驚きました。私も早速Ver 4.6.2にアップデートしました。5192さんとは別人ですがありがとうございます！

私は折り畳み記法にjavascriptとcssで開閉状況に応じてラベルが変わるカスタマイズをしてます。
折り畳まれているボタンをクリックして展開するとボタンのラベルが「閉じる」に変化し、展開された領域を折り畳むとラベルが「続きを読む」などの展開前のものに戻ります。同じことをしたい人がいましたら参考までに。

外側スキンの遅延読み込みスクリプト群に追加
//折り畳み記法の部分に「閉じる」ラベルを追加
document.addEventListener("DOMContentLoaded", function() {
    // decorationO クラスを持つ details 要素を取得
    document.querySelectorAll("details.decorationO > summary").forEach(summary => {
        // 既に foldlabelClose がない場合のみ追加
        if (!summary.querySelector(".foldlabelClose")) {
            let closeSpan = document.createElement("span");
            closeSpan.className = "foldlabelClose";
            closeSpan.textContent = "閉じる";
            summary.appendChild(closeSpan);
        }
    });
});


スキン用cssに追加
/* 開いている状態の時に「続きを読む」を消す */
details[open] .foldlabel {
  display: none;
}

/* 閉じている状態の時に「閉じる」を消す */
details:not([open]) .foldlabelClose {
  display: none;
}

by tomoyo. ⌚2025年5月30日(金) 18:18:26〔29時間前〕 ＜1042文字＞ 編集

« No.5201 / No.5203 »

初期表示に戻る

DASHBOARD

■複合検索：

  • 投稿者名：
  • 投稿年月：
  • ＃タグ：
  • カテゴリ：
  • 出力順序：

■新着画像リスト：

Perlのバージョンを上げる設定(さくらインターネット)

全317個 （総容量 36.08MB）

■日付一覧：

■日付検索：

■カレンダー：

2025年5月
日月火水木金土
123
45678910
11121314151617
18192021222324
25262728293031
« 前の月 / 次の月 »

■ハッシュタグ：

■カテゴリ：

■最近の投稿：

■フリースペース：

ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン：標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキン 《てがろぐCGIの配布ページに戻る》

編集

▼現在の表示条件での投稿総数：

1件

▼最後に投稿または編集した日時：

2025年5月31日(土) 21:25:21〔2時間前〕

▼特殊な表示モード：

RSSフィード

動作サンプルです。 ご自由にお試し下さい。パスワードguestで管理画面もお試し頂けます。
■いま見ているスキンは「標準スキン」です。他に、 昔のツイッターっぽいスキン(ブルー)、 昔のツイッターっぽいスキン(ピンク)、 付箋型スキン、 シンプル日記スキン、 ジャーナル(日誌)スキン、 ブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキン、 チャットタイプスキンがあります。
《てがろぐCGIの配布・解説ページに戻る》