Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [js]+[html]Proszę o pomoc w skrypcie kalendarza.
miccom
post
Post #1





Grupa: Zarejestrowani
Postów: 493
Pomógł: 8
Dołączył: 7.07.2007
Skąd: Tychy

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

Witam. Mam taki javaskrypt kalendarza. basiccalendar.js
[js]function buildCal(m, y, cM, cH, cDW, cD, brdr){
var mn=['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec','Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'];
var dim=[31,0,31,30,31,30,31,31,30,31,30,31];

var oD = new Date(y, m-1, 1); //DD replaced line to fix date bug when current day is 31st
oD.od=oD.getDay()+1; //DD replaced line to fix date bug when current day is 31st

var todaydate=new Date() //DD added
var scanfortoday=(y==todaydate.getFullYear() && m==todaydate.getMonth()+1)? todaydate.getDate() : 0 //DD added

dim[1]=(((oD.getFullYear()%100!=0)&&(oD.getFullYear()%4==0))||(oD.getFullYear()%400==0))?29:28;
var t='<div class="'+cM+'"><table class="'+cM+'" cols="7" cellpadding="0" border="'+brdr+'" cellspacing="0"><tr align="center">';
t+='<td colspan="7" align="center" class="'+cH+'">'+mn[m-1]+' - '+y+'</td></tr><tr align="center">';
for(s=0;s<7;s++)t+='<td class="'+cDW+'">'+"NPWŚCPS".substr(s,1)+'</td>';
t+='</tr><tr align="center">';
for(i=1;i<=42;i++){
var x=((i-oD.od>=0)&&(i-oD.od<dim[m-1]))? i-oD.od+1 : ' ';
if (x==scanfortoday) //DD added
x='<span id="today">'+x+'</span>' //DD added
t+='<td class="'+cD+'">'+x+'</td>';
if(((i)%7==0)&&(i<36))t+='</tr><tr align="center">';
}
return t+='</tr></table></div>';
}[js]
kalendarz wyświetlany jest na przez kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  3. <head>
  4.       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5.       <title>Kalenda<style type="text/css">
  6.  
  7. .main {
  8. width:200px;
  9. border:1px solid black;
  10. }
  11.  
  12. .month {
  13. background-color:#7d0000;rz</title>
  14.  
  15. font:bold 20px verdana;
  16. color:white;
  17. }
  18.  
  19. .daysofweek {
  20. background-color:#7d0000;
  21. font:bold 18px verdana;
  22. color:white;
  23. }
  24.  
  25. .days {
  26. font-size: 18px;
  27. font-family:verdana;
  28. color:white;
  29. background-color: #7d0000;
  30. padding: 2px;
  31. }
  32.  
  33. .days #today{
  34. font-weight: bold;
  35. color: white;
  36. }
  37.  
  38. </style>
  39. <div style="position: absolute; top:150px; left:270px;">
  40. <script type="text/javascript" src="basiccalendar.js">
  41.  
  42. /***********************************************
  43. * Basic Calendar-By Brian Gosselin at http://scriptasylum.com/bgaudiodr/
  44. * Script featured on Dynamic Drive (http://www.dynamicdrive.com)
  45. * This notice must stay intact for use
  46. * Visit http://www.dynamicdrive.com/ for full source code
  47. ***********************************************/
  48.  
  49. </script> 
  50. </head>
  51. <body  bgcolor="#7D0000"
  52. <form>
  53. <select onChange="updatecalendar(this.options)">
  54. <script type="text/javascript">
  55.  
  56. var themonths=['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec',
  57. 'Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień']
  58.  
  59. var todaydate=new Date()
  60. var curmonth=todaydate.getMonth()+1 //get current month (1-12)
  61. var curyear=todaydate.getFullYear()+1 //get current year
  62.  
  63.  
  64. function updatecalendar(theselection){
  65. var themonth=parseInt(theselection[theselection.selectedIndex].value)+1
  66. var calendarstr=buildCal(themonth, curyear, "main", "month", "daysofweek", "days", 0)
  67. if (document.getElementById)
  68. document.getElementById("calendarspace").innerHTML=calendarstr
  69. }
  70.  
  71. document.write('<option value="'+(curmonth-1)+'" selected="yes">Wybierz miesiąc</option>')
  72. for (i=0; i<12; i++) //display option for 12 months of the year
  73. document.write('<option value="'+i+'">'+themonths[i]+' '+curyear+'</option>')
  74.  
  75.  
  76. </script>
  77. </select>
  78. <div id="calendarspace">
  79. <script>
  80. //write out current month's calendar to start
  81. document.write(buildCal(1, 2008, "main", "month", "daysofweek", "days", 0))
  82. </script>
  83. </div>
  84.  
  85. </form>
  86. </center></div>
  87. <div style="position: absolute; top:400px; left:200px;">
  88. <font  color="white" face="verdana" size="2"><b>Dni oznaczone na <font  color="red">czerwono</font> są już zarezerwowane.<br  />
  89. (Jeszcze nie działa ;)</b></font></div>
  90. </html>
[HTML] pobierz, plaintext

I tu moje pytanie. Chciałbym zaznaczyć niektóre daty( dzień w danym miesiącu) innym kolorem niż wynika ze stylu css. Czy jest taka możliwość? Jeśli tak to proszę o pomoc. Nie musi być koniecznie [js]. Może być kalendarz w php. Z góry dziękuję za pomoc.

Ten post edytował miccom 30.11.2007, 09:00:02


--------------------
Jeśli pomogłem- kliknij POMÓGŁ-przyda się ;)- jeśli piszę bzdury- pisz pod postami. Poprawię się.
PISZĘ POPRAWNIE PO POLSKU!
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 Aktualny czas: 19.08.2025 - 11:30
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn