[JavaScript]Kalendarz JS, Kalendarz JS Opcje

[piotrek998]

Witam. Odwzorowuje strone ciach i tam jest kalendarz. Napisałem kod html

[HTML] pobierz, plaintext 
<div class="wow fadeIn content calendar">
			<h1>Kalendarium <b>KWIECIEŃ 2018</b></h1>
 
		<form action="" method="post" class="prev_month">
			<input type="image" src="prev_cal.jpg" />
			<input type="hidden" name="year" value="2018" />
			<input type="hidden" name="month" value="04" />
			<input type="hidden" name="action_calc" value="prev_cal" />
		</form>
 
		<form action="" method="post" class="next_month">
			<input type="image" src="next_cal.jpg" />
			<input type="hidden" name="year" value="2018" />
			<input type="hidden" name="month" value="04" />
			<input type="hidden" name="action_calc" value="next_cal" />
		</form>
 
		<span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span class="today">26</span><span>27</span><span>28</span><span>29</span><span>30</span>
	</div>
[HTML] pobierz, plaintext 

oraz css

[CSS] pobierz, plaintext 
.calendar{
	padding:10rem 0;
	text-align:center;
	position:relative;
}
 
.calendar span,
.calendar a{
	width:3%;
	text-align:center;
	display:inline-block;
	text-decoration:none; 
	line-height:7rem;
	background: #F2F2F2;
}
 
.calendar a.entry{
	background:#2e3b59;
	color:#fff;
	position:relative;
}
 
.calendar .today{
	background:#e4e4e4;
	font-weight:bold;
}
 
.calendar a.entry .info img{
	position:absolute;
	top:-10px;
	left:50%;
	transform:translate(-50%,0);
}
 
.calendar a.entry .info{
	display:none;
	padding:1rem 2rem;
	color:#fff;
	background:#2e3b59;
	font-size:2rem;
	text-align:center;
	text-decoration:none;
	position:absolute;
	bottom:-11rem;
	z-index:99999999999999;
	left:50%;
	white-space:nowrap;
	transform:translate(-50%,0);
	box-shadow: 7px 6px #c8c8c8;
}
 
.calendar a.entry:hover{
	text-decoration:none;
}
 
.calendar a.entry:hover .info{
	display:block;
}
 
.calendar .prev_month{
	position:absolute;
	left:5px;
	bottom:11rem;
}
.calendar .next_month{
	position:absolute;
	right:5px;
	bottom:11rem;
}
[CSS] pobierz, plaintext 

błagam o pomoc z javascript bo dopiero zaczynam i jestem kompletnie zielony z js. Skrypt ma za zadanie zwracać obecny dzień miesiąc oraz rok oraz za pomocą strzałek w przód i w tył umożliwiać zmiane miesiąca czyli jak mamy teraz kwiecień to gdy klikne następny miesiąc ma być maj a gdy klikne w tył ma być kwiecień itd. Błagam o jakiś kod z tym js bo naprawde próbowalem sam to ogarnąć ale nie działało tak jak trzeba. Błagam o pomoc.

Powód edycji: [Kshyhoo]: seo bb-code

[Kshyhoo]

Witamy na Forum. Zapoznaj się z panującymi tu zasadami, żeby uniknąć blokady postów. Szczególnie pierwsza linijka mojej sygnatury...

Na tej stronie nie widzę kalendarza, więc usuwam linki.
Twój kod nie zawiera JS, więc gdzie tkwi problem?

[Pyton_000]

@kshyhoo na samym dole był (IMG:style_emoticons/default/wink.gif) Taki "kalendarz" w postaci samych dat w 1 wierszu. Pewnie wydarzenia miały się pojawiać niżej ale albo coś nie pykło albo nic nie ma (IMG:style_emoticons/default/smile.gif)

[piotrek998]

Nie chodi mi o kod html i css lecz o sam javascript. Przecież wszystko wyjaśniłem w poście. Żadanego htmla i cssa tylko czysty js.

Ten post edytował piotrek998 29.04.2018, 16:57:18

[wxm]

Musisz się podpiąć np pod keypress i zmieniać wartości sprawdzając czy nowa wartość mieści się w założonym zakresie (miesiąc 1 - 12, dzień 1 - 31 w zależności od wybranego miesiąca i roku) i tyle (IMG:style_emoticons/default/smile.gif) Nie widziałem oryginału więc ciężko stwierdzić jak tam było zrobione ale mając dostęp do strony można to sprawdzić przecież w 5 minut jak zrobiony był oryginał (IMG:style_emoticons/default/smile.gif)

[Kshyhoo]

(IMG:style_emoticons/default/thumbsdownsmileyanim.gif)