勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

jQueryとCSSの連携

      2014/07/03

$(function(){
$("#change_small").click(function(){
$("#body_size").attr("class","");
$("#body_size").addClass("textSizeS");
});
$("#change_medium").click(function(){
$("#body_size").attr("class","");
$("#body_size").addClass("textSizeM");
});
$("#change_large").click(function(){
$("#body_size").attr("class","");
$("#body_size").addClass("textSizeL");
});
});

id=body_sizeがbodyタグのところ。デザイナーさんが

Classにあわせて文字サイズ変更とかその他の箇所を変えてくれたけど、

よく考えたらjQueryでそのまま文字サイズ変更したら良いんちゃうかと。

あと、

<a href="#" title="タイトル" onClick="check('aaa'); return delete('bbb');">

ってのがあった。オンクリックで2個処理走らせてるみたい。

こういう使い方は知らなかったので使っていく。

 - CSS, jQuery

  関連記事

imgタグとPHPでグラフ作成

プラグインやライブラリを使わずにグラフを作る 機会があったのでメモ。 ■サンプル ...

Ajaxのクロスドメイン2

PHPも介せない場合。こちらの方がスマートでよさそう。 jsonpを使うみたい。 ...

スワイプ・フルスクリーン・サムネイル対応のjQuery画像ビューア

タブレット&スマホでの閲覧が想定されているページで、スワイプ・サムネイル・フルス ...

jQueryuiを用いてメールの入力補助(サジェスト)

autocompleteを用いた簡易なサジェストを見かけたのでメモ。 ■ソース ...

他サイトのRSS情報を画像付きで表示させる

WordPressでAというサイトを作成し、AのRSS情報をBというサイトでアイ ...

jQueryのfind時に複数のセレクタ指定

みたいなソース ...

CSSでプロパティの初期化

CSSでmedia screen and等を指定し、特定の場合のみプロパティの無 ...

getElementsByTagName

うろ覚えだけど業務中に、 document.getElementById('aa ...

画像アップロード前の時点で画像が選択されているか確認

やりたかった事は、フォーム内で画像をアップロードする際、 ちゃんと画像がローカル ...

tableのフィルター機能

jQueryのプラグインで簡単にフィルター機能が つけられたのでメモ。 ■必要な ...