jQuery を利用してフォームの値を取得するには、
// 変数 Fvalue にフォームの値を代入
var Fvalue = $("#id").val();
とやればOKです。
JavaScript でやろうとするとループを回したりして色々めんどくさい select要素によるドロップダウンの値も、val() だけで取得できるので非常に楽ちんです。
逆に、フォームの input要素に値をセットする（変更する）には、
// #id の値を「1」に変更
$("#id").val(1);
とやればOKです。
本日も jQuery の小ネタメモ。
いわゆるLightbox風のインターフェイスが流行している影響で、インラインフレーム（に見えないUIだけど）内のウィンドウから、呼び出し元である親ウィンドウの要素を操作する、という処理は多用する機会が増えたなあ、という印象がありますね。
親ウィンドウの要素を操作する時は、
つぶやくparent.$("#id").addClass('ClassName');
とか、
parent.$("p").html('カラオケ行きたい。');
とか、まあ普通の JavaScript と同じように parent で親ウィンドウを指定すればOKです。
jQuery の超小ネタメモ。
ボタンクリックに合わせて、特定要素の背景色や文字色を変えたりというインターフェイスを実現するには、jQuery を使うのが手っ取り早いですね。
// div要素の文字色を変更
$("div").css("color","#9932cc");
上記のように、変更したいスタイルのプロパティと値をカンマ区切りで指定します。
複数のスタイルを一気にしたいする場合は、以下のようにさらにカンマ区切りで続ければ良いです。
// div要素の文字色と背景色の変更
$("div").css("color","#9932cc", "background-color", "#000000");
何らかのアクションに合わせて、ブロック要素の表示・非表示の切り替えをしたりするのもよくやりますが、これも display:none; と display: block; (または display: inline; etc) を切り替えれば良いわけですね。
// id="mesage" を非表示にする
$("#message").css("display", "none");
// id="message" を表示する
$("#message").css("display", "block");
上記のように css() を使って直接スタイルを指定するのも良いですが、デザインとの一元管理を考えると、クラスの追加・削除を活用した方が良いかもしれません。
// div要素にクラスClassNameを追加
$("div").addClass("ClassName");
// div要素からクラスClassNameを削除
$("div").removeClass("ClassName");
クラスAをクラスBに変更したい場合は、removeClass("ClassA") で削除した後に、addClass("ClassB") で追加してやれば、結果的にClassA が ClassB に変わったことになりますね。
プログラマじゃなくてもちょこっとPHP知ってると色々と便利だし、プログラマな人に仕事を頼む時も話がしやすくなりますよ！！
というわけで、いつも大変お世話になっている神戸のコワーキング・スペース カフーツさんの主催で『WebデザイナーのためのPHP入門講座』の講師をさせて頂くことになりました。
本格的にプログラミングを学ぶというよりも、普段HTMLのコーディングやWebデザインを生業にしている方にとって、ちょっと知っておくと得するようなPHPの使い方をお伝えする内容になっております。
ぜひぜひお気軽にご参加くださいねー！
「Webサービスとか作ってみたいなー」と思いつつ、なかなか形にできていないみなさんこんにちは！ 僕も全く同じです！
とか、
とか、
とか、
とか、
とかとか！
特にフリーランスで活動していると、みんなそれぞれ得意分野と不得意分野があるわけで、なかなか全部一人で済ませちゃうのは難しいですよね。
というわけで、そんな人たちで集合して、一度ひとつのWebサービスを作ってみようじゃないか！せっかく作るなら、地元の振興に繋がるものにしたいよね！ という企画を立ち上げました。
とりあえず、どんな方向性でやっていくかを集まって話し合いましょう、ということで、11/13(日)に、第0回を開催するので、ぜひぜひお気軽にご参加くださいませ！
↑ネーミングが固いけど、そんな固い集まりじゃないからね！ 気軽にきてね！
Webコンサルタントやシステムエンジニア、執筆業などをやっている、グッドホープ代表・阿部辰也のブログです。
Web技術系のTipsから仕事の話、趣味の話まで色々と。
人生は所詮生まれてから死ぬまでの壮大な暇つぶし。
だったら有意義に暇をつぶして生きましょー。
阿部辰也へのお仕事のご依頼・問合せはこちらからどうぞ。
Twitter: @t_abe
読書メーター: ID:Tatsuya
Powered by Movable Type 5.02
