「jQuery」の記事一覧

exValidation の記事を書き直しました

ブログも長くやっていると、昔の記事の表示が崩れちゃっていることがありますね。 WordPressだと テーマ を変更していたり、プラグインを入れてみたり、外してみたり… そんなこんなで見るに耐えなくなっていた記事を修正しました。 exValidation 関連の記事を修正しました。 このブログでもっともアクセスが多い2 …

なんか変だと思ったら Ajax のキャッシュだった

SELECT 要素を親子関係で 親を選んだら 子要素が入れ替わるもので Ajax で値を取得していました。 ブラウザやサーバーにもよるのですが何度か目に変な挙動が・・・。 ずっと返答がないような感じ。 ・・・なんかおかしいので色々試行錯誤・・・(今思うと何やったか覚えていない・・・) 結果これかも・・・的な一部解決した …

ついに・・・ 「Google Feed API 提供終了のお知らせ」 がありました

Google Feed API の運用は 2016 年 9 月 29 日に終了いたします。 情報源: Google Developers Japan: Google Feed API 提供終了のお知らせ ガーン!ついにこの時が来てしまった! RSS フィードを取得して表示していた部分を置き換えないといけません。9月29 …

またハマった(笑)・・・exValidation

jQueryライブラリー exValidationを組込み中またハマった(笑) ここみて解決・・・ このブログ一番人気コンテンツ・・・ あぁ、自分で書いても少し経つと忘れる(笑) だから、書くのか(笑) ひとことだけ・・・・ フォームのタグに id=”name” とか ID付けないとダメよぉ~ダ …

面白そうなjQueryライブラリ・・・忘備録

jQuery のメモ・・・です。 あーーーあんなやつあったなぁーーー どこのどれだっけ????? っていつもなっちゃうので書いとこうというものです。 jqPlot グラフ作るのにサイコー! まず、百聞は一見にしかず! デモを見ましょう! いろいろあるのですが、これが実用的というか視覚効果抜群ではないかと思うのです。 A …

Java Scriptファイル、CSSファイルのサイズを圧縮する WEBmini

ウェブサイトの高速化で馬鹿にならないのが スクリプトファイルとスタイルシートの読込み時間です。 たとえばこんなHTMLがあるとします。 ※エンコードは書いてません。ローカルテストのみ対応。 <html> <head> <link rel="stylesheet" href="style.c …

昔のサンプル作りなおしました!「FlexSlider2とLazyloadで重い画像もなんとかスライドショー」

タイトルの通りなんですが、FlexSlider2とLazyLoadを組み合わせたサンプル作りましたー!のサンプルを作りなおしました! ↓デモとダウンロードはこちら! jQueryの併せ技・・・FlexSlider2とLazyloadで重い画像もなんとかスライドショー・・・ – フリーフードファイター兼SE社 …

どんなフォームにでも使える exValidation の使い方 基本編

このブログでかなりアクセスの高い記事がこれ・・・ どんなフォームにも使える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 …

スマホ向けサイトで多階層メニューを実現するjQuery slimMenu

スマホ向けというよりレスポンシブな感じ。 多階層メニューってこんなに多階層!!! で、これが画面横サイズ縮めていくと・・・・ こうなっちゃう! あー、これいいですね! こういうのって日本語メニューになっていないとイマイチイメージが湧いてこないので、日本語サンプル作ってみました。 ↓ jQuery slimeMenu 日 …

WordPress内でAjaxを使うときはデバッグモードを切りましょう!

ハマった・・・・ ので書いておこうと思います。 ワードプレスでログ出力出来るんです。それはそれで重宝します!プラグイン開発時とか特に。 やり方はこちらのサイトが簡潔で実践的なのでそのままソース書かせて頂きます。 ▼WordPressのデバッグモード | Gatespace’s Blog. これを wp-co …

jQueryの併せ技・・・FlexSlider2とLazyloadで重い画像もなんとかスライドショー・・・

最近、スライドショー何回か依頼されております。最近使ったもの・・・・ライブラリ名だけ。○ SudoSlider デモ○ FlexSlider2・・・○ 自作かなり試したけど忘れてる・・・アカンwなかでも上記2つが最終的に残りました。 いろいろいじってみると SudoSliderではやりにくいものがあって結果、FlexS …

カスタマイズもカンタン!便利なタブ切り替えメニュー Coda Slider 3

スライドショー的なものとタブメニューを探していたのですが このようなライブラリを見つけました。 jQuery使用したライブラリです。 Coda Slider 3: A jQuery HTML Content Slider. これは通常のタブメニューとしても使用できますし タブやらナビゲーションやら外にあるものを一切非表 …

ミニチュア模型風の写真にするjQueryプラグインの実験

こちらの記事を読んでやってみたくなりました。 写真をミニチュア模型風にするjQueryプラグイン「tiltShift.js」|skuare.net. サンプルというか本家はこちら tiltShift.js ちなみにこれってブラウザに制限があって 本家サイトに「A jQuery plugin that uses the …

WordPressでprettyPhotoサンプル メンバー一覧的な・・・

PrettyPhoto サンプル —- ここからサンプルです。 —- たとえばこのようなメンバー一覧みたいなページがあるとします。 通常、写真一覧であれば、写真だけ拡大・・・・っていうのはよくあるんです。 ただ、こういったメンバー一覧であれば、拡大した際にプロフィールも含まれたらカッコイイですよ …

○○分前 とか表示出来る jQuery プラグイン livestamp.js を使ってみました。

Facebookで投稿された記事に対して ○○分前とか○○日前とか表示されていますよね。 あれをやろうと思いました。 で、調べたら結構カンタン! jQuery のプラグイン livestamp.js を使うといいとのこと。 で、そのlivestamp.js を使うには moment.js というのが必要とのこと。 早速 …

jQueryでlightboxみたいな「prettyPhoto」のサンプル

※2012/10/06 追記アリ (一番下に追記しました。) 前にお客様サイト上に「お問い合わせフォーム」を掲載する際にprototype.js で 「lightbox」を使ってビューっとウィンドウ出したことがあったなぁと思い今回「jQuery」で実装しなければならなかったため調べたところ「prettyPhoto」とい …

どんなフォームにも使えるjQueryのフォームバリデーション exValidation 応用編

基本編も書きました。よろしければそちらもご覧ください。 いやぁーーーーすばらしいものを提供されている方がいらっしゃってとても助かっています。これです。↓↓↓どんなフォームにも使えるjQueryのフォームバリデーション exValidation※2013/11/9現在、閉鎖されています・・・ エラー項目にはバルーン表示で …

jQuery版lightbox的なprettyPhotoを試してみました

アイ・エス・シー実験室より 前にお客様サイト上に「お問い合わせフォーム」を掲載する際にprototype.js で 「lightbox」を使ってビューっとウィンドウ出したことがあったなぁと思い今回「jQuery」で実装しなければならなかったため調べたところ「prettyPhoto」というものがありました。 本家サイトを …