[JS] 動的にクラスを変更 投稿日 :2013年3月8日 金曜日 タグ :addClass()removeClass()toggleClass() jQuery の勉強をまとめるシリーズです。 前記事「セレクターの階層について」でも使用していましたが、クラスを追加することでスタイルを変更する方法があります。 今回は、この動的にクラスを変更する API についてまとめます。 addClass() jQuery で html 要素の class 属性にスタイル用のクラスを追加するには、「addClass()」を使用します。 引数にはスタイルシートのクラスを指定します。 [ 構文 ] .addClass(“クラス名”) [ コード ] jQuery HTML CSS 実行結果 プレビュー $(function() { $("button").click(function () { $("div
jQuery API を使って作った、Ajaxに関するちょっと便利なサンプル集。 Ajax とは、「Asynchronous JavaScript + XML」の略で、ウェブページの内容の一部を、ダイナミックHTML(DHTML)で、動的に、非同期通信結果に書き換える技術。ウェブページをリロード(再読み込み)しないで、XMLなどの別ファイルと通信するという特徴がスマートだ。 jQuery を使うと、Ajax も簡単に実装できる。 jQuery.ajax(settings)で、html形式のデータを読み込み表示 jQuery の jQuery . ajax( settings ) メソッドを使った Ajax リクエストで、html形式のデータを読み込み、表示する方法。 jQuery.ajax(settings)で、JavaScriptファイルを読み込み、実行 jQuery の jQuery
wp-adminの設定>表示設定でフロントページを固定ページにして、その固定ページテンプレートのテーマファイル内でquery_posts()を使うなどして特定あるいは複数のカテゴリーを指定していると、テーマファイルheader.phpで条件分岐タグis_home()は使えても、sidebar.phpでis_home()がきかなくなるという現象が起こるようです。 これには非常に困ったのですが、こちらのページなどに解消法がありました。 フロントページ専用に指定している、テンプレート内でsidebar.phpを読み込んでいる箇所 <?php get_sidebar(); ?> の直前にwp_reset_query()を足して <?php wp_reset_query();get_sidebar(); ?> としたら解決しました。このトラブルはバグではなく、query_posts()でカテゴリを指
最近の内容はjQueryやjavascript絡みばかりになってるけど一番書きやすい事が分かりました。 これでSymfony2がまた遠ざかってしまう。。。 というわけでまたjquery.validate.jsのお出ましですけど、 以前id:amidaike:20130318はエラーメッセージを変更してみましたけど、 今回はajaxを使った時の入力チェックてどうするんだとふと思ったのでやってみますたノシ どういうことかというと、ページ遷移がある画面なら $(function() { $("#login-form").validate({ rules: { 'email': { required: true } } }); }); とこれだけ書けばsubmitされてもエラーがあれば処理を中断してくれるんだけど、 画面遷移をしない画面でajaxを使った場合、こんな感じで処理をしようとしたら、、、
//$("#button").click(function(){ //これペケ $(document).on('click','#button',function(e){ // クリックで実行 2014-07-24 修正 if( $("#name").val() && $("#email").val() && $("#str").val() ){ if(!$("#email").val().match("^[0-9A-Za-z._\-]+@[0-9A-Za-z.\-]+$")){ $('#error').html('メールアドレス形式で記入して下さい'); return false; } var data = $("#form").serialize(); //送信されたデータ $('#form').html('<img src="../lib/loader2.gif" />'); //ロ
CS5ではどうなってるか確認できないのですが、CS4までではテキストの縁取りがやや手間なのが悩みです。 テキストを入力し、『線』に色を指定すればいいかと思いきや、『線が外側か内側か選べず、常に中央』という事、『アピアランスで線と塗りの上下関係をいじれない』事が制限としてあり、太めに縁取りたいと思うときは大抵上手く行きません。 そういう時の回避方法はいくつかあるのでご紹介。 まずはテキストの『線』に白を入れて見ましょう。上図のように、白い線が外にも内にも膨らんでしまい、黒い部分が浸食されてよく分からなくなってしまいます。これはNG。 次に、テキストをアウトライン化し、塗りと線を指定したものです。アウトライン化した物はグループになりますが、グループに対して設定された線は『外側』を指定できます。『線の位置』のボタンが有効になる訳です。 これだとだーいたい意図した通りではありますが、文字同士が影響
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く