マガジンのカバー画像

Web Tips 25年史+

32
検索して探してきても、そのまま使えるモノが少ない、CSS, JavaScript たち。 実際カスタマイズしてきた例を、Tips 集にしてみようか、と考えてみる。 どなたかのお役…
運営しているクリエイター

#JavaScript

HTML 等テンプレート設定し、ソース部分を取得~クリップボードへ格納

HTML 側は、適当に id で囲む

<span id="idName"><テンプレート等、取得したい内容></span><button onclick="cpClip()">Copy idName</button><!-- 等、使いたい範囲をボタンで発動 -->

JS 側

<script><!-- function cpClip() {// コピー対象を変数として定義

もっとみる

パンくず表示を、何とかしよう

CMS 構成していたモノから、静的移行したサイトに多く見られる、全ページ『何でもかんでもパンくず設置』の設定。

たいていが、ページタイトルと同じ文字列が入る=h1 のテキスト、となる場合が多いと思われる。

お知らせなど、詳細ページを、複製して作っていくと、title タグ, パンくず, h1 など複数箇所を置換して、という無駄な作業が発生する。設置例)https://kyoto-triathl

もっとみる

現在の、年を表示

Copyright などで、今年(現在時刻で、年)など更新している場合、年末・年始に、直書きされてる Copyright を探して置換する、というようなことをしなくてよいように、JavaScript を仕込みましょう。

理想は、include しているフッター部分などでやりくりできること、でしょう。
PHP でフッター部分を読み込んでいるなら、そのフッター部分の最下部などに、script を2行

もっとみる

JavaScript で共通化パーツを構成

いよいよ、パーツ単位でどうこう、というレベルでは無くなってきました。
前職で、CMS 移行のために、CMS のみではできない部分を開発する、ということをやってきたことが、そのまま活きてくるとは。。。

フツーに考えても、10ページ以上で構成しているページ、ヘッダー・フッターとか、共通になる部分を、ページごとに直書きしてるのは、どう考えても無駄でしょ。
挙句に、そのメニューだの、追加とか修正するの、

もっとみる

JavaScript で、HTML 構成を変更せよ 02

01 で、class 追加をしましたが、id って追加できんの?
って、とうぜんなるゎな。

で、コレなら、jQuery と、jQuery 使わんと、JavaScript のみでも書けるようにしとこか、と、まとめてみた。

ちなみに、すでに id が存在している所を指定した場合、HTML の仕様に従って、id は追加ではなく、上書きされます。
jQuery 版

<script>document.

もっとみる

JavaScript で、HTML 構成を変更せよ 01

しばらく更新が遅れました。

2021年に入ってから、派遣元も変えて、派遣先が変わっておりました。
今度の派遣先、PHP を使わずに、CMS を開発してるチャレンジャーな所でして…。ちゅーか、PHP 使えんクソサーバ(以下略。。。(ワタクシ、アンチ Windows Server なので。)

CMS へ組み込む部分を担当していて、発生する事象がありまして。
タイトルになってます、HTML を Ja

もっとみる