【JavaScript】クリックイベントが親要素に伝播しないようにする方法
例えば、メニューボタンを押すとメニューが開き、もう一度押すと閉じるというようなトグルボタンを設置する時、メニューを開いた状態で画面のどこかをクリックすると、メニューが閉じるという仕様になっている事が多い。 そこで自分も、 […]
例えば、メニューボタンを押すとメニューが開き、もう一度押すと閉じるというようなトグルボタンを設置する時、メニューを開いた状態で画面のどこかをクリックすると、メニューが閉じるという仕様になっている事が多い。 そこで自分も、 […]
通常は、CSSで、width: 100vw; height: 100vh;とすれば、その要素は全画面になりますが、これをjavascriptで行いたい時があったので、メモ。 $(window).on(‘load resi […]
以下のようなonloadイベントが、IEでだけうまく動かなかったので、メモ。 ちなみに、この状態だと両方とも動きます。 ・・・の所へいろんなスクリプトが入った状態だとIDが定義されていませんというエラーで動きませんでした […]
JavaScriptのconsole.logは、デバッグにとても便利ですよね。PHPを使ってる時も、たまに使いたくなっちゃいます。 例えば、$paramというPHPの変数があったとして、以下のようにJavaScriptの […]
ページを読み込んだら、すぐに実行する関数、それぞれ実行するタイミングや動作が違う。 短縮形なども含めると結構たくさんあるので、まとめてみました。 JavaScript window.onload = … window.o […]
サイト作成時にヘッダーやフッターなどの共通部分を別のファイルにしてincludeなどで読み込むといった方法は割と一般的にすると思いますが、includeするとその場でプログラムが実行されますよね?そのため出力したい場所で […]
他サイトから取得したHTMLソースから目的のテキストなどを取り出したい時、ソースを文字列として扱うよりもDOMとして操作すると簡単に取り出せる事がわかりました。 HTMLソースの取得は別記事(PHPでサイトのソースを取得 […]
PHPで外部サイトのHTMLを取得する定番の2つの方法をご紹介します。 file_get_content cURL cURLは、オプションを上手く使えばログインサイト内のHTMLも取得できるスグレモノです。 file_g […]
ホームページにグラフを描きたいなと思って、ちょっと検索してみたら意外と簡単な方法で実現できたのでご紹介。 Chart.jsという便利なライブラリーがあり、これを使えば簡単にブラフを描く事ができます。 HTML5から採用に […]
WordPressの記事内に直接プログラムを書き込んでも動いてくれません。プログラムファイルをある場所へアップロードして記事内から読み込む形で実現します。 プログラムファイルのアップロード PHPやJavaScriptで […]
ドラゴンボールの主要な登場キャラクターの戦闘力が気になったのでまとめてみました。とりあえずフリーザ編まで。
記事を何個か書いていて、ふと 前の記事を複製して使おうって思ったんです。 でも複製ボタンなんて当たり前のようにあると思っていたのに探してもない・・・ そう、ないんです! どうやらプラグインを入れないとダメらしいので早速入 […]
ブログを始めて画面キャプチャをする機会が増えましたが、その時に普通にPrtScnボタンでキャプチャするとマウスカーソルはキャプチャされません。 そこで、マウスカーソルも一緒にキャプチャする方法を調べてみました。 方法とし […]
アイキャッチにカーソルをもっていったときに画像が拡大・縮小する効果がデフォルトで付いていますが、私はあまり好きじゃないのでこれを無効にします。 変更方法 追加CSSに下記の文字を追加するだけで無効にすることができます! […]
リストタグはメニューなどでよく使いますが、リストをdisplay:inline-blockを使って横並びにするとリストとリストの間に隙間ができてしまいます。それを簡単な方法で解決します。 解決方法 CSS(スタイルシート […]
いろんなブログテーマを試しましたが一旦LION BLOGに落ち着きました。 が、記事の文字サイズが少し小さいような気がして大きくする方法を調べました。 記事の文字サイズを変更する方法 それはとても簡単♪ 追加CSSに下記 […]
お客様のビジネス目標を達成するための最適なご提案をいたします。初回相談は無料ですので、まずはお気軽にお問い合わせください。