
- 運営しているクリエイター
#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
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