てがろぐ
- Fumy Otegaru Memo Logger -
No.2515, No.2514, No.2513, No.2512, No.2511, No.2510, No.2509［7件］
うどん食べた。うどんの絵文字もないのか……。(´･ω･`)
🍜Re:2511◆Perl5は枯れた言語なので、わりと古い資料がそのまま役に立ちます。2000年代に書かれたものでも今でも通用します。(笑) なので、参照しようとした資料が古い場合でもあまり気にしなくて大丈夫です。PHPのような速度では進化していませんので。その分、「PHPでは簡単にできるのにPerlでは大変」ということが多々ありますね。
🍜Re:2514◆はやい。^^ お役に立ったようで良かったです。(╹◡╹)
ラーメンの絵文字はあったよな……と思ったのだけどもRamenで検索しても出てこない。Unicodeの名称は「STEAMING BOWL」だった。何が入っているかは問題ではないのか。
🍜Re:2511◆Perl5は枯れた言語なので、わりと古い資料がそのまま役に立ちます。2000年代に書かれたものでも今でも通用します。(笑) なので、参照しようとした資料が古い場合でもあまり気にしなくて大丈夫です。PHPのような速度では進化していませんので。その分、「PHPでは簡単にできるのにPerlでは大変」ということが多々ありますね。
🍜Re:2514◆はやい。^^ お役に立ったようで良かったです。(╹◡╹)
ラーメンの絵文字はあったよな……と思ったのだけどもRamenで検索しても出てこない。Unicodeの名称は「STEAMING BOWL」だった。何が入っているかは問題ではないのか。
2509
の質問をした者です。
ご丁寧な解説をありがとうございました！
早速試してみますね。
てがろぐは本当に痒いところに手が届くcgiでお世話になり通しでありがたい限りです。
追記：無事実装できました。
の質問をした者です。
ご丁寧な解説をありがとうございました！
早速試してみますね。
てがろぐは本当に痒いところに手が届くcgiでお世話になり通しでありがたい限りです。
追記：無事実装できました。
>>2512
ページ上部へ戻るスムーズアニメーションだけならわざわざjQueryを使う必要はありません。ページ上端に戻るボタンや、下端に進むボタンの簡単な作り方にあるソースをコピー＆ペーストしてみて下さい。HTML＋JavaScriptソースは合わせて1行だけ、装飾が必要な場合でもCSSも数行で実現できます。#🌱豆知識
なお、[[JS:LIGHTBOX:JQ]]の記述は、画像が表示される場合にだけjQueryが読み込まれる点にご注意下さい。表示される投稿本文に画像が1つもない状況では、LightboxだけでなくjQueryも読み込まれません。ページ内でjQueryを常に読み込んでおきたい場合は、外側スキンに直接jQueryを読み込む記述を書く必要があります。その際は、[[JS:LIGHTBOX:JQ]]ではなく[[JS:LIGHTBOX]]にして、画像の存在と連動するのをLightboxだけにする必要があります。（でないと、画像がある際にjQueryを2重に読み込んでしまいますので。）
ページ上部へ戻るスムーズアニメーションだけならわざわざjQueryを使う必要はありません。ページ上端に戻るボタンや、下端に進むボタンの簡単な作り方にあるソースをコピー＆ペーストしてみて下さい。HTML＋JavaScriptソースは合わせて1行だけ、装飾が必要な場合でもCSSも数行で実現できます。#🌱豆知識
なお、[[JS:LIGHTBOX:JQ]]の記述は、画像が表示される場合にだけjQueryが読み込まれる点にご注意下さい。表示される投稿本文に画像が1つもない状況では、LightboxだけでなくjQueryも読み込まれません。ページ内でjQueryを常に読み込んでおきたい場合は、外側スキンに直接jQueryを読み込む記述を書く必要があります。その際は、[[JS:LIGHTBOX:JQ]]ではなく[[JS:LIGHTBOX]]にして、画像の存在と連動するのをLightboxだけにする必要があります。（でないと、画像がある際にjQueryを2重に読み込んでしまいますので。）
いつも愛用させて頂いてます。
恐らくLightboxと競合してなのでしょうが、ページ上部へもどるための別のjQueryを読み込んでも矢印が表示されません。
[[JS:LIGHTBOX:JQ]]の下に直接コードも書いたのですが、それでもだめでした。
解決策はありますでしょうか。
恐らくLightboxと競合してなのでしょうが、ページ上部へもどるための別のjQueryを読み込んでも矢印が表示されません。
[[JS:LIGHTBOX:JQ]]の下に直接コードも書いたのですが、それでもだめでした。
解決策はありますでしょうか。
perlを勉強しているんですがphpと比べると難しいですね。
ネットでの資料が古いし散逸してるから本に頼るしかないのかと考え中です。
ネットでの資料が古いし散逸してるから本に頼るしかないのかと考え中です。
メールで頂いたご質問ですが、他の方々にも役立つ可能性がありそうなのでここで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」になる点にご注意下さい。
#🌱豆知識 畳む
てがろぐ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」になる点にご注意下さい。
#🌱豆知識 畳む
