No.2512, No.2511, No.2510, No.2509, No.2508, No.2507, No.2506［7件］
あどみ
＞
いつも愛用させて頂いてます。恐らくLightboxと競合してなのでしょうが、ページ上部へもどるための別のjQueryを読み込んでも矢印が表示されません。
[[JS:LIGHTBOX:JQ]]の下に直接コードも書いたのですが、それでもだめでした。
解決策はありますでしょうか。 3年以上前（日 04:57:24）
にしし
＞
メールで頂いたご質問ですが、他の方々にも役立つ可能性がありそうなのでここでOPENにしておきます。てがろぐCGIには「続きを読む」ボタンのラベルを変更する設定機能がありますが、すべての「続きを読む」ボタンのラベルが一括で変わります。そのため、そのままでは『普段は「続きを読む」という設定にしておいて、ある記事だけ「ネタバレ」などに個別に変更する』といったことはできません。しかし、「続きを読む」ボタンそのものを文字装飾の範囲内に含められる仕様がありますから、これとJavaScriptを併用すれば、「続きを読む」ボタンのラベルのバリエーションを複数用意することもできそうです。
長いので折りたたんでおきます。➡
▼投稿時の工夫
まず、「続きを読む」ボタンを、何らかの文字装飾の内側に書きます。
例えば、 [B:太字の[H:内側を隠す]感じです。]
このようにすると、<b class="decorationB">太字の<a class="readmorebutton readmoreopen" ……>続きを読む</a>～ のような感じでHTMLが出力されます。
▼ラベルを変えるJavaScript
なので、JavaScriptを以下のように書けば、『太字装飾の内側にある「続きを読む」ボタン』に限定して、ラベルを変更できます。
const readMoreBtn1 = document.querySelectorAll(".decorationB .readmoreopen");
readMoreBtn1.forEach(function(oneItem) {
oneItem.innerHTML = 'ネタバレ';
});
上記のJavaScriptソースを、外側スキンの末尾（</body>タグの直前あたり）に書いておけば、『太字装飾の内側にある「続きを読む」ボタン』はすべて「ネタバレ」というラベルに変わると思います。
※上記のJavaScriptソースの記述位置は、必ず「ページの末尾」でないとうまくいかない点にご注意下さい。（対象のHTMLをすべて読んだ後に実行しないと意味がないからです。）
▼ラベルのバリエーションを追加する場合は
デフォルトの「続きを読む」、バリエーション1「ネタバレ」以外にもいくつかのバリエーションを用意したい場合は、『斜体装飾の内側』とか『下線装飾の内側』などの装飾を使うと良いでしょう。
『斜体装飾の内側』を使う場合は、
const readMoreBtn2 = document.querySelectorAll(".decorationI .readmoreopen");
readMoreBtn2.forEach(function(oneItem) {
oneItem.innerHTML = 'つぼやき';
});
などのように書くと良いでしょう。
▼たぶんこれが一番良い？
ボタンのラベルや隠された範囲全体が太字や斜体などに装飾されてしまうのを避けたい場合は（たいてい避けたいでしょうね^^;）、既定の文字装飾ではなく自由装飾機能 [F:hogehoge:～] を使うと良いと思います。
例えば、[F:netabare:[H:ここにネタバレ]～] のように投稿するなら、ここの「続きを読む」ボタンのラベルだけを「ネタバレ」に変更するには、以下のJavaScriptソースを書いておけば良いでしょう。
const readMoreBtn3 = document.querySelectorAll(".deco-netabare .readmoreopen");
readMoreBtn3.forEach(function(oneItem) {
oneItem.innerHTML = 'ねたばれ';
});
※自由装飾でclass名を「netabare」と指定した場合、実際のHTMLに出力されるclass名は「deco-netabare」になる点にご注意下さい。
#🌱豆知識 畳む 3年以上前（土 23:44:27） 情報
にしし
＞
肉まん食べた。🍔Re:2505◆みんなー！ヾ(๑╹◡╹)ﾉ"
🍔Re:2506◆下書き(非公開)機能は今まさに実装している最中でして、次のβ版でご試用頂けるようになる予定です。たぶん今月中には配布できる気がしています。クリップボードの画像貼り付けは、何か良さげな実装方法があれば良いと思ってはいるのですけどもね……。当面は[Windows]キー＋[PrintScreen]のような、キャプチャと同時にファイル化されるような手法などキャプチャ側の省力化を図る方向で対処頂ければ幸いです。
🍔Re:2507◆自己登録型のユーザリンク集ページを作りつつあります。てがろぐCGIの開発よりも進行速度は遅いので完成がいつになるかは分かりませんが。というか、完成しても登録してくれる方々がいらっしゃるかどうかは別の話ですけども。(笑) スキンの編集は、とりあえずHTMLの方で「順序を入れ替える」みたいなところから少しずつ初めていけばステップアップしやすいのではないかな、と思います。
🍔食べたのは肉まんだったと思うのだけど、謎肉すぎて難の肉なのかは分からなかった。たぶん豚だと思うのだけど。少なくとも魚ではなかった気がする。ただ、見た目は魚のミンチでもおかしくないなと思えるような感じだったけども。(笑) もらった肉まんなので、どこで買った何なのかまったく分からない……。
🍔肉まんの絵文字はないのか……。仕方がないのでハンバーガーで代用。
3年以上前（土 22:10:28）
ともよ
＞
こんばんは〜>>2501
神…！毎度なにげに面倒くさかったので早速真似したいと思います！シェアありがとうございます！！#感謝
最初はサイトで活用していたのですが、てがろぐが便利すぎてついにローカルでも使用するに至りました（にししさんのANHTTPDの記事参考にさせていただきました。ありがとうございます）。ただActivePerlに関してはDLするのに登録？Githubアカウント？が必要らしかったのでStrawberryPerlというのをDLしてインストールし使っています。
何度かここでもお見かけした#要望 ではありますが、
・下書き（投稿を非表示）機能
・クリップボードから画像を直に貼り付け
があればもう文句なしです。私は作業進捗もてがろぐにUPしているんですが、WindowsPCだけでなくスマホなどからも見え方のチェックができ、かつメモもつけられて、時系列で俯瞰できるソフト（プログラム）というのが意外とないんです。でもツイッター連携のサービスやスマホアプリなどは使いたくない……ので、てがろぐが本当にありがたい存在なのですが、画面のスクショを一度保存しなければならない点だけが惜しい！ 長々と書いてしまいましたが、ご検討に加えていただければ幸いです。
3年以上前（木 19:51:01）