Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [PHP][HTML]Zaznaczanie kliku dat w kalendarzu
sorex
post 26.05.2011, 10:32:38
Post #1





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 23.08.2010

Ostrzeżenie: (0%)
-----

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 ?
Go to the top of the page
+Quote Post
wookieb
post 26.05.2011, 10:42:29
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Nie. musisz to zrobić w javascript.


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
sorex
post 26.05.2011, 10:50:40
Post #3





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 23.08.2010

Ostrzeżenie: (0%)
-----

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>
Go to the top of the page
+Quote Post
Hpsi
post 26.05.2011, 11:23:07
Post #4





Grupa: Zarejestrowani
Postów: 483
Pomógł: 50
Dołączył: 15.03.2005
Skąd: Poznań

Ostrzeżenie: (0%)
-----

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


--------------------
Daiquiri: T1 = (dx/dt * s)^hpsi
Daiquiri: gdzie T1 - Twój czas przybycia na miejsce, dx/dt - prędkość, s droga
Daiquiri: brb trzeba by to poprawić T1 - Czas jaki Ci to zajmie
Daiquiri: Zatem T - czas dotarcia p T1 + T2 gdzie T2 = aktualny czas

===
po prostu kocham ją :D haha
Go to the top of the page
+Quote Post
sorex
post 26.05.2011, 11:29:42
Post #5





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 23.08.2010

Ostrzeżenie: (0%)
-----

No tak, ale chodziło mi o to żeby kilka komórek było jednym linkiem. Rozumiem, że bez java script się nie obejdzie ?
Go to the top of the page
+Quote Post
wookieb
post 26.05.2011, 11:38:30
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Nie obejdzie.


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
celbarowicz
post 26.05.2011, 13:57:24
Post #7





Grupa: Zarejestrowani
Postów: 253
Pomógł: 31
Dołączył: 30.03.2009
Skąd: Szczecin

Ostrzeżenie: (0%)
-----

Napisz dokładniej co kombinujesz.
Go to the top of the page
+Quote Post
sorex
post 26.05.2011, 14:14:47
Post #8





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 23.08.2010

Ostrzeżenie: (0%)
-----

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/
Go to the top of the page
+Quote Post
celbarowicz
post 26.05.2011, 22:41:13
Post #9





Grupa: Zarejestrowani
Postów: 253
Pomógł: 31
Dołączył: 30.03.2009
Skąd: Szczecin

Ostrzeżenie: (0%)
-----

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


[PHP] pobierz, plaintext 
  1. <html>
  2.  <head>
  3.  <script language="javascript" type="text/javascript">	 			  				  
  4. 	function nowykolor(m)	{ 
  5. 	                          if((1<m)&&(m<10)){
  6. 							                    for(k=1;k<10;k++){
  7. 	                                                                var z=document.getElementById(k);
  8.                                                                      x=z.style.background="red";
  9. 																  } 
  10.                                                 }
  11. 								//-------------------------------------				
  12. 								if((9<m)&&(m<20)){
  13. 							                    for(k=10;k<20;k++){
  14. 	                                                                var z=document.getElementById(k);
  15.                                                                      x=z.style.background="red";
  16. 																  } 
  17.                                                 }				
  18. 								//-------------------------------------				
  19. 								if((19<m)&&(m<30)){
  20. 							                    for(k=20;k<30;k++){
  21. 	                                                                var z=document.getElementById(k);
  22.                                                                      x=z.style.background="red";
  23. 																  } 
  24.                                                 }				
  25.  
  26.                          } 		  
  27. 	function starykolor(n)	{ for(k=1;k<=n;k++){
  28. 	                                                                var z=document.getElementById(k);
  29.                                                                      x=z.style.background="khaki";
  30. 																  }                          
  31.                             } 				  
  32.  </script>
  33. </head>
  34. <body >
  35.  
  36. <form name="Show">
  37. <table border=1>
  38. <tr>
  39. <?php $n=30; //ilość dni
  40. for($i=1;$i<=$n;$i++){ 
  41.                        echo '<td id="'.$i.'" style="width:20px;height:20px;background-color:khaki;"   onmouseover="nowykolor('.$i.')"; onmouseout="starykolor('.$n.')";  >'.$i.'</td>';
  42.  
  43.                       }
  44. ?>
  45.  
  46. </tr>
  47. </table>
  48. </form>
  49. </body>
  50. </html>
  51.  
[PHP] pobierz, plaintext


Ten post edytował celbarowicz 26.05.2011, 22:43:45
Go to the top of the page
+Quote Post
sorex
post 27.05.2011, 07:59:34
Post #10





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 23.08.2010

Ostrzeżenie: (0%)
-----

Super to działa. smile.gif Dziękuję Ci bardzo za pomoc.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 15.07.2025 - 10:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn