前回、曜日の求め方をこちらで教えていただきました。
その質問自体については、とても解りやすい素晴らしい回答を頂いたのですが、今度はそれをどうやって『月間予定表』の中に入れるかを教えていただけないでしょうか?
前回の質問はこちらです→http://okwave.jp/qa2952459.html
教えていただいたスクリプトの下のほうにある
『document.body.innerHTML=k;//bodyの中身をkにする』
を
『document.getElementById("contentb").innerHTML=k;』
にして、希望の場所(contentb)に表示する事はできたのですが、このままだと、肝心の『予定』が書き込め無いことに、後になって気が付きました。
私が考えている『月間予定表』は、3列30段(31段)で、1番左の列に今月の一日から30(31)日までの日付が入っていて(←最初から自分で入れておいてもいいです)、その日付に対応した曜日を、真ん中の列にjavascriptで毎月自動的に変更されるようにしておきたいのです。そして、1番右の列に行事を毎月(必要に応じて)書き加えいくつもりです。
どなたか良いアイデアはありませんでしょうか?
初心者なのに最初からこんな難しいものに手を出してしまって恥ずかしいのですが、ここまできたら最後までやってみたいので、どうかよろしくお願いします。
私の(この質問の)文章がわかりにくいようでしたら、どうぞ補足しろと仰って下さい。すみません。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
Data = {
'2007/4/27':'okwaveで月間予定表の作り方を質問',
'2007/4/28':'ゴールデンウイーク突入',
'2007/4/29':'JSON攻略',
'2007/4/30':'予定表作成',
'2007/5/1':'Ajaxを攻略',
'2007/5/2':'Ajaxテスト',
'2007/5/3':'Ajax攻略完了',
'2007/5/4':'PHP攻略開始',
'2007/5/5':'PHP攻略完了'
}
このようなものをJSON(JavaScript Object Notation)と呼ぶらしいです。
軽量のデータ交換フォーマットらしい。
[翻訳]JSON入門
http://d.hatena.ne.jp/brazil/20050915/1126709945
このようなものを利用してスクリプトを作るとこんな形になると思いますよ。
week = new Array("日","月","火","水","木","金","土");
k='<table>'
for(var i in Data){//Dataのメンバ?の個数回繰り返す。
day = new Date(i);//iには'2007/5/5':'PHP攻略完了'の形式の前の方の文字列が入っている。
w = week[day.getDay()];//曜日を取得
k+='<tr><td>'+i+'</td><td>'+w+'</td><td>'+Data[i]+'</td></tr>'
//値はDataオブジェクトのメンバ(i)の値はData[i]で取得できる。
}
k+='</table>'
document.body.innerHTML=k;//bodyの中身をkにする。
JSONをテキストファイルで作成してAjaxと呼ばれるもので読み込むやり方が下のサイトに書かれています。
Ajaxを勉強しようhttp://www.openspc2.org/JavaScript/Ajax/Ajax_stu …
お礼が遅くなってしまってすみませんでした。
色んな方のご意見を参考にすると、どうにもやっぱり私にはハードルが高すぎるようです。
最初私が考えていたのは、
A| B | C |
――|――――|――――|
1 | | |
――|――――|――――|
2 | | |
――|――――|――――|
3 | | |
↑こんな表を作って、Bの1行目に『当月の一日目の曜日を求めるjavascript』をいれて、Bの2行目に『当月の二日目の曜日を求めるjavascript』をいれて…
…と、1~31日まで作りたかったのです。
これを、htmlで作った表にして、前月の末までに次の月の予定表を用意しておいて、月が変わってからから(『当月』になってから)、予定が全部書き込まれたこのhtmlをアップロードするつもりだったのです。
そもそも何故javascriptで曜日を求めようとしたのかと言うと、毎月(毎回)アップロードするたびに曜日を書き換えるのが面倒だったからです。
つまらないことでお手数をお掛けして、申し訳ありませんでした。
アドバイス、とても参考になりました。これからAjaxなども勉強してみたいと思います。
No.1
- 回答日時:
予定表はサーバー側に予定を書き込む必要がありますね?
そうなるとjavascriptは単なるインターフェイスなので
CGIやPHPなどサーバー側で動くプログラムと環境が必要です。
そのあたりご理解なさっていますか?
また予定の管理までやるとなると、単にデータをとっておくだけでなく
データベースという管理ツールがかかわってきます。
そうなるとかなりハードルが高くなると思いますので
なんらかの統合パッケージを使う方がよいかもしれませんね
お礼が遅くなってしまってすみませんでした。
色々な方のご意見を参考にすると、どうにもやっぱり私にはハードルが高すぎるみたいです。
一度、Ajaxとかも勉強して、もう一度javascriptも最初から勉強し直そうと思います。
今回は、アドバイスをどうもありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(Microsoft Office) 従業員増減対応で当番種類の増減対応な当番表 21 2022/07/19 07:30
- Visual Basic(VBA) 指定月分の顧客データファイルを統合して並べ替え、所定の場所に貼り付ける (再質問) 4 2022/09/14 22:51
- 妊娠 妊娠の可能性?生理不順? どちらかわからなくもしこのような経験がある方が居たら教えて頂きたいなとと思 1 2023/05/22 23:30
- 健康保険 傷病手当金の申請について 3 2022/07/09 09:14
- アルバイト・パート 嘘をついて仕事を辞めるとバレそうで怖い 6 2022/07/27 02:15
- Visual Basic(VBA) excel2016でリストからカレンダーに内容を反映させたいです 2 2022/10/27 15:32
- プロポーズ・婚約・結納 結婚挨拶の延期。 3 2022/11/20 12:19
- Access(アクセス) Accessで予定表を作成しようとしてます。 テーブル フィールド名 連番 オートナンバー型 年月日 2 2023/07/23 11:40
- ハローワーク・職業安定所 自己都合でハローワーク 出頭日が気になる ② 1 2023/06/08 10:38
- Excel(エクセル) 条件付き書式 ある範囲で色がついているセルと同行の別のセルに色を付けたい 4 2022/04/20 07:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
マウスをブラウザの外に出した...
-
ハイパーリンクを別ウインドウ...
-
プルダウンで選択すると、DBの...
-
スクロールバーの表示位置を変...
-
一覧から選択した行の行番号を...
-
二次元配列に数字をランダムに...
-
特定<table>内の<td>の色を変える
-
別ページからOnclickでテーブル...
-
\\u30ad\\u30fc\\u30dc・・・と...
-
EasyUIのSubGrid(jquery)にお...
-
【UWSC】HTML内のある部分を抽...
-
Jquery on click 発火しない
-
【JQuery】テーブルで行選択さ...
-
ラジオボタンでテーブルの背景...
-
テーブルの項目の値取得
-
「オブジェクトは、このプロパ...
-
setTimeoutで引数を配列にできるか
-
【至急】チェックボックスを用...
-
jqueryとscriptでTABLEのセルを...
-
javascript クリックすると、あ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jsで質問です。 displayプロパ...
-
javascriptで質問です。 displa...
-
ハイパーリンクを別ウインドウ...
-
JavaScriptで特定のtdタグにcla...
-
プルダウンで選択すると、DBの...
-
一覧から選択した行の行番号を...
-
tableの任意行にfocusをあてる
-
至急!GetElementById でtdの...
-
特定<table>内の<td>の色を変える
-
マウスをブラウザの外に出した...
-
添付画像のようなhtmlとcssのス...
-
スクロールバーの表示位置を変...
-
クリックされた罫表セルの行番...
-
チェックボックスにチェックが...
-
JavaScriptでテーブルの行入れ替え
-
HTML中のTABLEのデータを抽出す...
-
jquery datatablesを使用 イン...
-
JavaScriptでテーブルをクリッ...
-
階層式メニューをtableタグ内に
-
マウスオーバー時テーブルの背...
おすすめ情報