ど素人から毛を生やす。<延>

Web

text()で改行コードを含むテキストを取得、alert()とかconfirm()とかtextareaとかに出力したかった話。

Web > javascript 2018年8月3日(最終更新:9月前)

どもです。
jsのしょーもない話です。

PHPで改行コードを含むテキストをHTML上に出力、jsでそれを拾ってconfirm()に表示、ってやりたかった。

<p>このテキストを出力したい。\n改行もしたい。</p>

message = $("p").text();
alert(message);

「このテキストを出力したい。\n改行もしたい。」

なして改行コードのまま出力されてしまうんじゃぁああ(T_T)

この疑問を解決してくれたのが、こちらのYahoo!知恵袋の投稿

えーっと、つまるところ、... 続きを読む »

str_replace()にNULLを突っ込むと…

Web > PHP 2018年6月21日(最終更新:11月前)

どもです。

仕事でちょっとヘマやらかしまして、ちょっと凹んでます。
まぁ失敗談は置いておいて、その過程で見つけてちょっと驚いたstr_replace()の話。

str_replace()にNULLを入れるとどうなるか、です。

なんと、ひとつもエラーにならない。文字列型を返してくれる。

str_replace()を通したNULLは、すべて空の文字列に変換されてしまうようです。

ちなみにPHP4と5で事象確認済み。7の簡易テスト環境が欲しい今日この頃。

この記事は役に立ちましたか?
  • _(:3」∠)_ 面白かった (0)
  • (・∀・)
... 続きを読む »

wkhtmltopdfで明朝体フォントを指定したら、全く違うフォントで出力された話。

Web > PHP 2018年5月10日(最終更新:1年前)

どもです。

ウェブサイト上でPDFファイルを作成する手段はいくつかありますが、今回は「wkhtmltopdf」について。

こいつが既に導入されているサイトで、新たなPDF生成システムを作ることに。
サンプルが明朝体だったので、いつものノリで明朝のfont-familyを指定

HTML上での正常な反映を確認。さあPDF出力、ポン。

待て待ておい待て待て待て!!!

明朝体どころか、やたらファンシーでポップなフォント(vl-gothic-regular)にされてんじゃねーか!?

サーバーに游明朝が入ってなかったから、にしてはフォント無指定やserifのみのときと異なっているのが妙だ。
ちなみにserifのみのときは、こう。... 続きを読む »

jsでforeachがやりたいとき、jQueryが使えるなら$.map()がそれっぽい?

Web > javascript 2018年5月2日(最終更新:13日前)

どもです。

jQeryの$.map()って、普段は$("input").map(function(){})みたいに
要素をループさせるのにばかり使っていたのですが、foreach的な使い方ができたんですね。

$.map(array, function(value, key){ })

こーすると。

しかもこのarrayのところ、オブジェクトでもOK。つまり連想配列OKです。やったぜ。

このとき、thisとvalueは同じものが入るので、セレクタとして使いたいときは$(this)でも$(value)でも可。... 続きを読む »

endsWith()って超イイ感じだけどIEの野郎が非対応なんだって!

Web > javascript 2018年4月20日(最終更新:1年前)

どもです。

jsで後方一致が使いたいがために、endsWith()を使いました。
そうしましたところ、

( ゚Д゚)「endsWith()はIEが対応してないから、作り直して!」

(*'ω'*)「今時IEなんて対応して誰が得するんだよォオオオオオオ!!!」

これだと[target].endsWith(str)⇒endsWith([target], str)になるのが痛いですが、仕方ない。

あと今回要らなかったのでパラメータにも対応してないです。つら。

なんとか最小限の変更で回避。IEつら…

この記事は役に立ちましたか?
  • _(:3」∠)_ 面白かった
... 続きを読む »

管理画面にインプットエリアを設置、カスタムフィールドを簡単に更新するためのfunction

Web > WordPress 2018年4月9日(最終更新:1年前)

どもです。
今の仕事はシステム系なので、もうWordPressの記事は更新しなくなるかなぁと思っていたのですが、サイトの改造なんかを行うとまだネタは発生するようです。
ちょっとした変更を行おうとしたら、該当箇所のソースがかなり汚かったので整理整頓模様替え。

投稿画面に任意のフィールドを追加する方法です。function.phpに記載。
ここで追加した値はカスタムフィールドに入るので、取り出し方もカスタムフィールドのものでおk。

変更するのは色付きのところ。
add_post_page_user_metabox ⇒ フィールドのまとまり
add_post_page_user_parameter ⇒ 個別のフィールド

変更する必要はありませんが、
add_post_page_user_tags ⇒ ... 続きを読む »

動的に増やしたhtml要素を操作するjQueryに関するメモ書き

Web > javascript 2018年3月23日(最終更新:1年前)

どもです。

jsで動的に増やしたhtml要素を操作するjQueryに関して、今更感漂うメモ書き。
何かあったら都度増えます。たぶん。

.click()は効かない。.on()を使う。

追加された要素は、.click()、.change()などの古いトリガーの書き方ではトリガーにならない。

ただし、map()などはトリガーではないので、そのまま使える。混同しないこと。


参考サイト:[Qiita]jQuery 便利なonを使おう(on click)

data()はhtmlを書き換えられない

なんでさ。

ネイティブの.datasetか、.attr()を使うべし。旧ブラウザを踏まえたら.attr()が無難か。結局.attr()が万能。


参考サイト:[Qiita]data属性を動的に変更する場合の注意点... 続きを読む »

Eclipseのチェックアウトでsqlite[S14]エラーが発生したとき、プロジェクト名変更で解決するかもしれない。

Web > Other 2018年3月23日(最終更新:1年前)

どもです。

現在、業務にEclipseを使用し、SVNでデータを共有管理しているのですが、
新しいプロジェクトをチェックアウトしようとしたところ、こんなエラーが。

SQLite error
svn: sqlite[S14]: unable to open database file
svn: Additional errors:... 続きを読む »

Eclipseで勝手に変数の宣言元に跳ぶのをどうにかしたい。

Web > PHP 2018年3月14日(最終更新:8月前)

どもです。
Eclipseは開発のお供ですが、機能が多すぎるのも玉に瑕です。

この頃気になっていたのが、ソースのコピペをしようとした途端、変数の宣言元に意図せずジャンプしてしまう頻度が高いこと。
戻るのは簡単ですが、間違いなく不便ですし、ストレスが溜まります。

この機能、「宣言を開く」という名称だそうです。
変数の上で[Ctrl]キーを押すと、変数にハイパーリンク的なものがつきます。これをクリックすることで宣言元に移動するのですね。便利な機能です。

しかし[Ctrl]は多用するキーなので、他のショートカットを実行しようとして、誤ってリンクとなった変数をクリックしてしまうことが多い。

ちなみにこの「宣言を開く」。デフォルトで[F3]キーにもショートカットが設定されています

じゃあ[F3]でいいよ!! ... 続きを読む »

ステップ操作のトリガー扱いにブラウザ差異があるのでinput[type=number]を使う際は注意。

Web > javascript 2018年3月2日(最終更新:10月前)

どもです。
最近フォーム回りとSQLの話しかしてない気がする。

input[type=number]のフォーム操作について。

入力の数値に変更があった場合は再計算、という簡単なソースを作成したのですが、
Chromeでは正常に動いたのにFireFoxでは上手くいかず。

この原因が、トリガーにonBlurを使用したことでした。
どうやらChromeでは入力欄の上下矢印(ステップ)の操作はフォーカスが当たった扱いになるのですが、FireFoxではそうならないようです。

今回は矢印で操作したいので、onChangeに変更。

うーん、ブラウザ差異は発覚しにくいから厄介だ。(-_-メ)

onChange、発火したりしなかったりするよ!?(追記)

検証結果:
FF→発火する
Chrome→発火したりしなかったりする(3回に1回くらい発火する)
edge→発火しない
IE11→発火しない... 続きを読む »