JavaScriptで数字の桁数を揃える
$(function() { $('#number li').each(function() { var digit = 3; // 桁数の指定 var no = $(this).text(); while(no.length < digit) { no = '0' + no; } $(this).text(no); }); });
Coding
foreachの間をカンマ[ , ]で区切る
◆配列 $array = array(‘a’,’b’,’c’ ); ◆php処理 <?php if ($array): ?> <?php $tmp = $array; ?> <?php foreach ($array as $value): ?> <?php echo $value; […]
phpで動かす独自ページャ（WordPressにも組み込める）
- 2018.07.05
- ページャ
phpでページャを付けたい場合や、wp_query処理後にカスタムフィールドで値を変更するなど、 プラグインのページャを動かせない場合に利用。 「配列の個数」「1ページの表示数」「現在のページ数（パラメータ）」を処理に渡す。 ※ページャはあくまで「ページャを作成するもの」であり、表示に関してはパラメータから抜き出しを行っている。 ◆ページ数と1ページに表示する配列の取得（データは$dataに入って […]
デバッグコードを見やすくテーブルに整えてくれるツール
- 2018.03.29
- dBug.php, var_dump();, デバッグ
php標準のデバッグコードを用いることで配列の中身を見ることが出来るが、より見やすくテーブル型で表示してくれるツール。 ◆読み込み include("dBug.php"); ◆使用 new dBug($data);
チェックボックスで選択した値をパラメータとしてURLに表示する
簡易の検索などに使用。 ■設定内容 ◯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' ); ?> […]
jsの配置取得色々
detail = $(“#content”); // 変数名 detailH = detail.height(); //コンテンツボックスの高さ footHeight = $(“footer”).innerHeight(); //footerの高さ ■ウィンドウサイズ取得 windowHeight = $(window).height(); ■ウィ […]
youtubeの埋め込みをレスポンシブにする
使うときにはいつも忘れているのでメモ。 ■指定の場所にyoutubeのリンクを持ったiframeがあれば、youtubeFrameというdivで囲む $(function(){ youtubeFrame(); } function youtubeFrame() { $('#hoge iframe[src^="https://www.youtube.com"]').wrap('<div cla […]
クリックで回転するドーナツ型メニューの実装
１、要素数分のliを用意 ２、css内「$menu-items: 11;」の数値にliの個数を入力 上記でメニューの設定は出来る。ただし、li要素同士が重なり合うのでスタイルを調整する ■html <ul class="wrapper rotated-1"> <li> <span>Menu Item 1</span> </li> < […]
タイトルの左右に線を引くスタイルシート
タイトルで使われる左右に線のあるデザインをスタイルシートで行う。 .titleLine { display: flex; align-items: center; &:before, &:after { border-top: 1px solid; content: ""; flex-grow: 1; } &:before { margin-right: 15px; } & […]