No.1271, No.1270, No.1269, No.1268, No.1267, No.1266, No.1265［7件］ - てがろぐ

2025年8月25日(月) 00:21:54〔4時間前〕更新

■No.1271, No.1270, No.1269, No.1268, No.1267, No.1266, No.1265［7件］（ 7 件）

■フリースペース：編集

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

■日付検索：

新しい順(降順)時系列順(昇順)

■全文検索：

回答/返信〔670文字〕編集

2019/10/05 (Sat) 12:09:41 No.1271 by にしし〔5年以上前〕

🍥Re:1269◆なるほど、記述行数に応じて自動的にテキストエリアの高さが変化してくれるのは便利そうですね。私は今まで人力でテキストエリアの右下をマウスでドラッグして広げていました。(^_^;) 自動で調整されると便利ですね。(特にモバイル端末ではドラッグできませんし。)

てがろぐでの投稿欄のtextarea要素には「tegalogpost」というclass名が付加してありますので、（QUICKPOSTに関しては）わざわざCGIソースを編集してclass名を付加しなくても、この「tegalogpost」というclassに対してスクリプトが実行されるように以下のように書くと良いと思います。
$(function() {
$('.tegalogpost').autosize();
});
すると、textarea要素に専用のclass名を足す必要はありません。

ただ、QUICKPOSTではなく、管理画面の新規投稿画面でもこのスクリプトを使いたい場合には、毎回自力で「スクリプトを読み込むためのソース」を </body> 直前あたりに足す必要がありますね……。この点については、もうちょっと何か良い方法がないか考えてみます。

なお、投稿欄への入力が終わってから「投稿する」ボタンを押したい場合は、キーボードから [Tab]→[Enter] の順に押すのがお勧めです。すると、すぐに投稿できます。（最初の[Tab]キーでフォーカスが「投稿する」ボタンへ移動し、次の[Enter]キーでボタンを押下できるため。） #🌱豆知識

〔86文字〕編集

2019/10/05 (Sat) 08:41:43 No.1270 by みさき〔5年以上前〕

ありがとうございました。ぴったりサイズでなくてよいということで、安心しました。
では、少し大きめでアイコンを用意して、会員さんに好きなものを選んで使ってもらおうと思います。

質問/要望〔430文字〕編集

2019/10/05 (Sat) 00:01:19 No.1269 by さくら〔5年以上前〕

>>1264
機能追加を期待して#カスタマイズの報告と#要望

長文を書くことが多いので入力した内容が見やすくなるように、テキストの量に合わせてtextareaが広がるjQuery Autosizeというのを入れています。
表示行数の設定で高めに入れていますが、それでも指定行数超えることもあるし、高すぎると短文を書いた時に投稿ボタンが遠くなってしまうので…。
アップデートの度に</body>直下にjs、textareaにclassを追加をしていますので、自動リサイズがてがろぐで設定出来るようになれば嬉しいです🐰

参考：文字量に応じてテキストエリアが自動でリサイズするjQueryプラグイン「jQuery Autosize」
https://www.webantena.net/javascriptjquery/plugin-jque...

過去のタグ挿入機能使ってみましたが本当に便利ですね。
にししさんありがとうございます！

〔56文字〕編集

2019/10/04 (Fri) 22:28:06 No.1268 by ともよ〔5年以上前〕

もしかして、アイコンの表示サイズを調整するためだけに、CGIのソースを直接編集なさっている方も居たりします……？

回答/返信〔421文字〕編集

2019/10/04 (Fri) 22:17:46 No.1267 by にしし〔5年以上前〕

🍥Re:1266◆基本は、32×32サイズに縮小/拡大されます（32×32を超える画像なら32×32に縮小され、32×32より小さい画像なら32×32に拡大されます）。表示されなくなることはありませんし、トリミングされることもありません。（スキン側でCSSを使ってアイコンの表示サイズが指定されていない限りは。）

なお、ユーザアイコンを出力しているimg要素には usericon というclass名が付いていますので、CSSを使って指定すれば任意のサイズで表示することもできます。例えば以下のようにCSSを書いておくと、64×64で表示されます。
.usericon { width: 64px; height: 64px; }

※スマートフォンなどの高精細ディスプレイで表示されることを考慮するなら、「32×32px」で表示する場合でも、画像ファイル自体は倍以上（64×64px以上）のサイズで用意しておく方が、より綺麗に見えます。

〔125文字〕編集

2019/10/04 (Fri) 21:03:09 No.1266 by みさき〔5年以上前〕