マガジンのカバー画像

Web Tips 25年史+

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

#jQuery

テストサイトのみ URL を変更したい

本番 URL が、ドメインを持っているサイトを、同時にテストする場合、テストサイトの URL を記述していると、当然本番時に書き換えが発生し、テストの意味が無くなる。

テストサイトに設置した場合のみ、href が書き換わるようにしたい。

結論を先に

if(document.URL.match(/localhost/)) {//Local $('li>a').each(function(){

もっとみる

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

HTML 側は、適当に id で囲む

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

JS 側

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

もっとみる

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

さて。

もっと目に見えて変更される方がわかりやすいか…。
簡単に記述してわかる、やったら jQuery になるんやけど。とりあえず、1つ載せて、その後考えよか。
あ、jQuery で、て書いたから、以下の script を使う時は、head 内に jQuery ロードさせてね。

一番、使えるのか? と最近思った、ヘッダーとか、フッターのメニュー系。複数ページで使うのに、まだ20行とか30行、挙

もっとみる

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

もっとみる