φ(.. ) 備忘録
   
  

2014年2月1日土曜日

jQueryで日付を表示

前回、BloggerでjQueryが使えることを確認した。今回は、実用してみる。とりあえず、「今日は何日か?」を表示してみる。まずは以下で、jQueryを使えるようにする。私は前回やったので省略。
  1. ブログのデザイン起動
  2. 左メニューのテンプレートをクリック
  3. 「HTMLの編集」ボタンをクリック
  4. 「<head>・・・</head>」の中に、「<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>」を追記
  5. 「テンプレートを保存」ボタンをクリック
これで、jQueryをサイトで使用できるようになる。次にスクリプトを設置する。
  1. ブログのデザイン起動
  2. 左メニューのレイアウトをクリック
  3. 追加したい箇所の「ガジェットを追加」をクリック
  4. 基本ガジェットのHTML/JavaScriptの「+」ボタンをクリック
  5. 追加されたHTML/JavaScriptコンテナの「編集」をクリック
  6. コンテンツにJavaScriptを記載
以下のスクリプトを記載したコンテナを配置。
<div id=test0001 align=center>
<script type="text/javascript">
<!--
var d = new Date();
var w = new Array("日","月","火","水","木","金","土");
$("div#test0001").html(
"<table><tr><td style=\"text-align:center\">"+
"平成"+(d.getFullYear()-1988)+"年("+d.getFullYear()+")"+
"</td></tr>"+
"<tr><td style=\"font-size:large;font-weight:bold\">"+
(d.getMonth()+1)+"月"+d.getDate()+"日("+w[d.getDay()]+")"+
"</td></tr>");
//-->
</script>
</div>
すると左上のように、日付が表示される。


jQuery入門道場
jQuery入門道場
posted with amazlet at 14.02.01
株式会社フェンドーラ (2014-01-19)
売り上げランキング: 369

0 件のコメント :

コメントを投稿