2011-10-30 9 views
-1

enter image description hereは、どのように私はカレンダーは、私は私の大学のプロジェクトのウェブサイト上でこのようなカレンダーを表示するこの

のように見えるようにすることができます。どのように私はCSSとJavaScriptでこれを行うことができますか?私は、ユーザーがdate上にマウスを置いたときに、その月のすべての日付と、指定された年または月を選択する選択肢を与える月と年のオプションと同じ方法を表示する必要があります。

私はこの分野の全く新しい学者です。どうすれば簡単にできますか? Thnaks。

+5

手書きに見えるようにテキストを表示する方法を尋ねているのですか、それともそのラベルにすばやく簡単な方法でしたか? – nnnnnn

+0

はい、それは@nnnnnnとラベル付けする簡単な方法でした。 – avirk

答えて

1

あなたの学校プロジェクトの助けが必要なように聞こえるので、私はあなたにいくつかの指示をして、それをまとめてみましょう。

(1)divを非表示にすることができます。

JavaScriptのobject.style.display

object.style.display="inline" 

(CSS "可視性" のためのCSS "表示" を混同しないでください)

やjQueryの.css()

(2)要素内のテキストを変更することができます。

JavaScriptのobject.innerHTML

document.getElementById("p1").innerHTML="New text!"; 

やjQueryの.html()

EDIT:(3)日付などのドロップダウンを使用する予定がある場合は、「onChange」イベントをselectにバインドできます。

はJavaScript onChange

onchange="SomeJavaScriptCode" 

やjQueryの.bind("change")

+1

'display =" none "'と言ったのですか? – nnnnnn

+0

@nnnnnn私は彼がそれを見えるようにすることを望んでいると確信しています;)私はドキュメントを引用していました。しかし、あなたは正しいです、通常のdiv動作のために.display = "none"の前に.display = "inline"またはむしろ.display = "block"が必要です。 –

関連する問題