WordPress でインライン JavaScript を追加する方法
WordPress のテーマで JavaScript ファイルを読み込むときは wp_enqueue_script メソッドを使いますよね。 ※こちらの説明はこちらでご確認ください。 今回の記事ではファイルじゃなくて インラインで書きたいときはどうすればよいか…のサンプルを書いてみます。 wp_add_inline_s …
「JavaScript」の記事一覧
壺買う！？ Stripeを導入して壺を売ろう！
突然ですが、ツボ売ります！ 壺販売します！売り切り！ 100万円だけど、買うよね？ 購入する！ ※テストモードですので、クレジットカード 4242424242424242 で購入出来ます！（商品は届きませんよ） ※あやしさ100％ですが、「購入する!」ボタンを押してみてください。あくまでもテストモードですのでご安心くだ …
exValidation の記事を書き直しました
- 公開日：
- （1654 view）
ブログも長くやっていると、昔の記事の表示が崩れちゃっていることがありますね。 WordPressだと テーマ を変更していたり、プラグインを入れてみたり、外してみたり… そんなこんなで見るに耐えなくなっていた記事を修正しました。 exValidation 関連の記事を修正しました。 このブログでもっともアクセスが多い2 …
ブラウザの戻るやバックスペースで戻った場合のJavaScriptでのイベント
- 更新日：
- 公開日：
- （8067 view）
例えば、チェックボックス付けてその状態で押せるようにしたボタンや選べるようになったセレクターなどがあった場合に 次の画面に遷移したあとにブラウザーの「戻る」ボタンやバックスペースなどで戻ってしまうと画面上の状態が整合性取れてなかったりすることがあります。 （マニアックですが） そんなときに「戻る」＆バックスペースで戻っ …
flatpickr これは使える！軽量の デートピッカー Javascript
- 公開日：
- （8030 view）
Facebookの機能でリンクを保存できるやつありますよね。 最近結構それを使っておりまして「あとで読む」的に利用させてもらっています。 で、今日、まさに「あとで読む」ために保存したリンクを開いていたのですよ。 その保存したリンクがこちら flatpickr っていうJavaScriptのデートピッカーライブラリです。 …
プログラミング 上達方法
そういえばそうでした。 100%とは言えませんがこの方法でプログラミングレベルは確実にアップすると思います。 写経って言い方が妙にしっくりくる(笑) プログラミング 覚えるには実際に打ちまくる！ 漢字覚えるのに書き取りやるようにプログラミング覚えるには実際打って動かすのが１番です！ マイコンベーシックマガジンに載ってる …
またハマった（笑）・・・exValidation
- 更新日：
- 公開日：
- （2115 view）
jQueryライブラリー exValidationを組込み中またハマった（笑） ここみて解決・・・ このブログ一番人気コンテンツ・・・ あぁ、自分で書いても少し経つと忘れる（笑） だから、書くのか（笑） ひとことだけ・・・・ フォームのタグに id=”name” とか ID付けないとダメよぉ～ダ …
面白そうなjQueryライブラリ・・・忘備録
- 更新日：
- 公開日：
- （2589 view）
jQuery のメモ・・・です。 あーーーあんなやつあったなぁーーー どこのどれだっけ？？？？？ っていつもなっちゃうので書いとこうというものです。 jqPlot グラフ作るのにサイコー！ まず、百聞は一見にしかず！ デモを見ましょう！ いろいろあるのですが、これが実用的というか視覚効果抜群ではないかと思うのです。 A …
プログラミングってこういうこと・・・これから始める方へのアドバイス
- 更新日：
- 公開日：
- （2195 view）
「プログラミング 初心者 おすすめ」 アクセス解析をしていたら、↑こーんなキーワードでこのブログにたどり着く方がいらっしゃっいました。 多分、前に書いた この記事 がヒットしたんだろうなぁと思うのですが、そもそも初心者におすすめっていう前にプログラミングってどういうことかな・・・っていうのを考えてみたので参考まで・・・ …
昔のサンプル作りなおしました！「FlexSlider2とLazyloadで重い画像もなんとかスライドショー」
タイトルの通りなんですが、FlexSlider2とLazyLoadを組み合わせたサンプル作りましたー！のサンプルを作りなおしました！ ↓デモとダウンロードはこちら！ jQueryの併せ技・・・FlexSlider2とLazyloadで重い画像もなんとかスライドショー・・・ – フリーフードファイター兼SE社 …
どんなフォームにでも使える exValidation の使い方 基本編
- 更新日：
- 公開日：
- （38848 view）
このブログでかなりアクセスの高い記事がこれ・・・ どんなフォームにも使えるjQueryのフォームバリデーション exValidation 応用編 なんでアクセスされるのかな・・・サンプルあるからかな・・・って思ったら本家の5509.meサイトがなくなっているからでしょうか。 そこで本来そちらのサイトにあった基本的な使い …
WordPressのRSSウィジェットを_blankで表示する ついでにRSSマークを取る ついでに「外部サイトです」文言入れる
タイトルながくなってますが、そのまんまです。 WordPress純正のRSSウィジェットではブラウザはそのまま遷移します。 今回は、それをなんとかしたいいぃい（・・・すイエんサー調で。知ってる？すイエんサーBY NHK） RSSウィジェットの設置 WordPressの管理画面からメニューの「外観」→「ウィジェット」を選 …
バージョンアップ必須…jquery1.10を使うとき
今日はjqueryでちょっとハマった。 .attr と .prop の扱いが変わってた！ バージョン1.6から1.9まで引き継がれた経過措置が1.10でなくなったらしく 今までチェックボックスとか判定に使ってた下記の判定が厳格に… いままで if($(‘#foo’).attr(‘ch …
ブログの記事一覧をウェブサイトに貼る方法 | アメブロ,livedoorブログ,WordPress.comブログ,Blogger,はてなブログ,FC2ブログ,jugem
ウェブサイトにブログの一覧を貼る方法です・・・ 【HTML版】サンプル：ブログ記事一覧表示サンプル（HTMLバージョン） 【PHP版】サンプル：ブログ記事一覧表示サンプル（PHPバージョン） まずは、見てください。答えを先に見せました。古畑任三郎テクニック（笑）※わかる人だけわかって こういう風に表示したい時、Webサ …
スマホ向けサイトで多階層メニューを実現するjQuery slimMenu
- 更新日：
- 公開日：
- （6056 view）
スマホ向けというよりレスポンシブな感じ。 多階層メニューってこんなに多階層！！！ で、これが画面横サイズ縮めていくと・・・・ こうなっちゃう！ あー、これいいですね！ こういうのって日本語メニューになっていないとイマイチイメージが湧いてこないので、日本語サンプル作ってみました。 ↓ jQuery slimeMenu 日 …
WordPress内でAjaxを使うときはデバッグモードを切りましょう！
ハマった・・・・ ので書いておこうと思います。 ワードプレスでログ出力出来るんです。それはそれで重宝します！プラグイン開発時とか特に。 やり方はこちらのサイトが簡潔で実践的なのでそのままソース書かせて頂きます。 ▼WordPressのデバッグモード | Gatespace’s Blog. これを wp-co …
jQueryの併せ技・・・FlexSlider2とLazyloadで重い画像もなんとかスライドショー・・・
- 公開日：
- （9142 view）
最近、スライドショー何回か依頼されております。最近使ったもの・・・・ライブラリ名だけ。○ SudoSlider デモ○ FlexSlider2・・・○ 自作かなり試したけど忘れてる・・・アカンｗなかでも上記２つが最終的に残りました。 いろいろいじってみると SudoSliderではやりにくいものがあって結果、FlexS …
WEBページの更新日時がわかる方法
- 更新日：
- 公開日：
- （3396 view）
・・・最近、いろいろあって、いろいろワザを取得したんですが いろいろあったがために時間がなくブログの更新も出来ませんでした・・・ 反省しながらも昨日、年内業務は完了出来ました！ 来年はもっとスタイリッシュに仕事したいなぁ・・・・ 今日はなんとなく、こんなワザあるよ的なブログです。 このWEBページいつ更新したんだ！？っ …
カスタマイズもカンタン！便利なタブ切り替えメニュー Coda Slider 3
- 公開日：
- （1141 view）
スライドショー的なものとタブメニューを探していたのですが このようなライブラリを見つけました。 jQuery使用したライブラリです。 Coda Slider 3: A jQuery HTML Content Slider. これは通常のタブメニューとしても使用できますし タブやらナビゲーションやら外にあるものを一切非表 …