Forum PHP.pl > [PHP][HTML]Zaznaczanie kliku dat w kalendarzu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][HTML]Zaznaczanie kliku dat w kalendarzu

sorex

26.05.2011, 10:32:38

Witam.

Jak zrobić taki kalendarz na stronie, żeby w momencie np. najechania na datę 10 czerwiec, podświetliło się 10 dni do przodu. Czy da się to zrobić w HTML ?

wookieb

26.05.2011, 10:42:29

Nie. musisz to zrobić w javascript.

sorex

26.05.2011, 10:50:40

A czy da rade zrobić tak, żeby mieć tabelę w html, która generuje miesiąc kalendarza, i np. żeby jeden link zawierał w sobie kilka pól <TD> ?

<tr>
<td>8</td>
<td>9</td>

<a href="index.html"><td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>

</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td></a>
<td>21</td>

</tr>

Hpsi

26.05.2011, 11:23:07

jak już to każdą datę pokolei linkujesz a nie między tagami ....

sorex

26.05.2011, 11:29:42

No tak, ale chodziło mi o to żeby kilka komórek było jednym linkiem. Rozumiem, że bez java script się nie obejdzie ?

wookieb

26.05.2011, 11:38:30

Nie obejdzie.

celbarowicz

26.05.2011, 13:57:24

Napisz dokładniej co kombinujesz.

sorex

26.05.2011, 14:14:47

Chcę zrobić kalendarz (np. na tabelkach w HTML). Mam ustalone 3 terminy 1-9 dnia, 10-19 dnia, 20-29 dnia. Jeśli najadę na jeden termin np. 10-19 zmieni się kolor komórek np. na czerwony kolor. Myślałem czy da się zrobić jeden link z kilku komórek. Efekt taki jak na tej stronie http://fishing-nordkapp.com/pl/reservation.calendar/1/

celbarowicz

26.05.2011, 22:41:13

To jest podświetlanie. Układ kalendarza i klik do linka dopracuj sam,to chyba dla Ciebie już pestka.

[PHP] pobierz, plaintext 
<html>
 <head>
 <script language="javascript" type="text/javascript">	 			  				  
	function nowykolor(m)	{ 
	                          if((1<m)&&(m<10)){
							                    for(k=1;k<10;k++){
	                                                                var z=document.getElementById(k);
                                                                     x=z.style.background="red";
																  } 
                                                }
								//-------------------------------------				
								if((9<m)&&(m<20)){
							                    for(k=10;k<20;k++){
	                                                                var z=document.getElementById(k);
                                                                     x=z.style.background="red";
																  } 
                                                }				
								//-------------------------------------				
								if((19<m)&&(m<30)){
							                    for(k=20;k<30;k++){
	                                                                var z=document.getElementById(k);
                                                                     x=z.style.background="red";
																  } 
                                                }				
 
                         } 		  
	function starykolor(n)	{ for(k=1;k<=n;k++){
	                                                                var z=document.getElementById(k);
                                                                     x=z.style.background="khaki";
																  }                          
                            } 				  
 </script>
</head>
<body >
 
<form name="Show">
<table border=1>
<tr>
<?php $n=30; //ilość dni
for($i=1;$i<=$n;$i++){ 
                       echo '<td id="'.$i.'" style="width:20px;height:20px;background-color:khaki;"   onmouseover="nowykolor('.$i.')"; onmouseout="starykolor('.$n.')";  >'.$i.'</td>';
 
                      }
?>
 
</tr>
</table>
</form>
</body>
</html>
 
[PHP] pobierz, plaintext

sorex

27.05.2011, 07:59:34

Super to działa.

Dziękuję Ci bardzo za pomoc.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.