パソコン教室

今週のパソコン教室はnetで参加しました。
jsクエリーが、buttonの中のonclickに使えるという大発見でした。(自分のための備忘記を残します)

sign=0;
$(function(){
$("table td").click(function(){
if(sign==1)$(this).css("background",'#ff0000');
});
});
(1)このように、functionの後に関数名がないものは、セレクター $(" ")内を指す

(2)セレクター"table td" 2語の間に空間がある意味は、tableが上位層tdが下位層

(3)セレクター"this"とは、近く、クリックした近く、つまり、クリックしたtdを意味する。
   "td"を入れるとすべてのtdが色変化してしまう。

何色にも対応するには、配列に色を格納して、input typeのbuttanを使う、書き換えると
sign=0;
color_code=['#ff0000','#ffc040','#ffff00'];
$(function(){
$("table td").click(function(){
if(sign!=0)$(this).css("background",,color_code[sign-1]);
});
$("table td")dblclick(function(){
if(sign!=0)$(this).css("background","");
});
$("input").click(function(){
$("input").not(this).css("background","");
});

});



<button type="button" class="cat" onclick="$('input').css('background','');sign=0;">clrar</button>
<input type="button" class="cat" value="赤色" onclick="$(this).css('background','#ff0000');sign=1;">
<input type="button" class="cat" value="橙色" onclick="$(this).css('background','#ffc040');sign=2;">
<input type="button" class="cat" value="黄色" onclick="$(this).css('background','#fff000');sign=3;">


下のむらさきつゆ草(画像は十五屋さんからお借りしました、ありがとうがざいました)をクリックしてください、ホームページに飛びます
右の色ボタンをクリックして色選択をしたら、左のマスをクリックしてください。
好きな絵を書いてください。
色を消す時はダブりクリックしてください。



コメント

Secre

ダンス
こんなに動けたらいいな・・・・
ポチして下さい
ブログランキング参加してます ポチして下さいお願いします

FC2Blog Ranking

プリザーブドフラワー時計
インテリア 雑貨 エコロジー
リンク
リンク用バナー
banner
banner
banner
banner
カレンダー 月
プロフィール

KUMIROM

Author:KUMIROM
FC2ブログへようこそ!
アバーターはツカエルサイト
作りました

最新記事
BGM
再生ボタンを押すと音楽がながれます
サウンドファィルを再生できませんでした
月別アーカイブ
カテゴリ
アクセスカウンター
おすすめサイト
アフィリエイト・SEO対策