Блог

Я хочу показать календарь таким образом на веб-сайте моего проекта колледжа. Как я могу сделать это с помощью CSS и javascript? Я хочу, чтобы при наведении курсора мыши на date него отображались все даты месяца и точно так же с параметром месяц и год, который должен дать пользователю возможность выбрать указанный год или месяц.

Я совершенно новичок в этой области, так как же я могу упростить задачу? Спасибо.

Что ж, похоже, вам нужна помощь с вашим школьным проектом, поэтому я просто укажу вам несколько направлений и позволю собрать все воедино.

(1) Вы можете сделать divs невидимыми.

Объект JavaScript.стиль.отображение:

 object.style.display="inline"
 

(не путайте CSS «отображение» с CSS «видимость»)

или jQuery .css().

(2) Вы можете изменить текст внутри элемента.

Объект JavaScript.innerHTML:

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

или jQuery .html().

РЕДАКТИРОВАТЬ: (3) Вы можете привязать событие «onChange» к выбору, если планируете использовать выпадающие списки для дат / etc.

JavaScript onChange

 onchange="SomeJavaScriptCode"
 

или jQuery .bind(«изменить»).