WPなど案件構築覚書
Cookieをちゃんと使ったことがなかったので、参考サイトをベースに作成してみました。 実装したい仕様としては、下記になります。 ・ウェブサイト内に、チュートリアルのモーダルウィンドウを表示する ・チュートリアルは複数ページに必要 ・各モーダルは[閉じる]ボタンを押すことで消せる ・一度消したモーダルはCookieが消えるまで再表示しない モーダルは表示できていたので、必要なのは下記の２点。 ・モ […]
json形式で取得した日付入りの配列を用いて「◯日以内ならNewアイコンを付ける」処理を設定していた。 new Date関数で、取得した日付「2020-05-19 05:50:43」を取得。 現在の日時と比較していたが、この日付の指定ではiPhone端末でDate関数で値が変換できない。 「2020-05-19T05:50:43」の形にする必要があったため、replaceの変換を追加した。 ◆元の […]
郵便番号の自動入力のスクリプトを探していたら、簡単に導入できるものを見つけた。 郵便番号のコードをサイトに入れなくていい（更新したり管理しなくても良い）のと、導入方法がシンプルで早いため案件作成時に重宝した。 ライブラリの取得＆解説はこちらを参考にしました。 郵便番号の自動入力「YubinBango.js」の使い方と都道府県コードを使う方法 ◆導入した見本 ◯郵便番号入力前 ◯郵便番号入力後 ※郵 […]
Hubspotフォームを作成し、そのボタンに発火処理を入れた。 <script> window.addEventListener('message', event => { if ( event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmit' ) { fbq('tr […]
str・・・文字列 len・・・数値 ◆文字列を任意の文字数で丸める function truncateText(str, len) { return str.length <= len ? str : str.substr(0, len) + '...'; } ◆文字数を半角は1文字、全角は2文字として計算し丸める // 文字列を任意の文字数で短縮する function truncateT […]
jsを用いた、配列のランダム表示。 var array = [1,2,3,4,5,6,7,8,9,10]; for(i = array.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var tmp = array[i]; array[i] = array[j]; array[j] = tmp; } […]
$(function() { $('#number li').each(function() { var digit = 3; // 桁数の指定 var no = $(this).text(); while(no.length < digit) { no = '0' + no; } $(this).text(no); }); });
簡易の検索などに使用。 ■設定内容 ◯html <form method="get" action="<?php echo SITEROOT;?>list/"> <input type="checkbox" id="（ID_A）" name="（パラメータ名）" value="（パラメータ値）"><label for="（ID_A）">ラベル< […]
phpの一覧出力の間に設定する。 動的・静的に関わらず使用できる。 ■html <ul class="worksList"> <?php $cnt = 1; ?> <?php foreach ($data as $value) : ?> <?php include (HTTP_PATH . '/parts-list-works.php' ); ?> […]
detail = $(“#content”); // 変数名 detailH = detail.height(); //コンテンツボックスの高さ footHeight = $(“footer”).innerHeight(); //footerの高さ ■ウィンドウサイズ取得 windowHeight = $(window).height(); ■ウィ […]
