login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Aanklikbare kalender

Offline Raze - 16/09/2009 15:39
Avatar van RazePHP beginner Hallo,

ik heb volgend script van leejoo:

  1. <script language="javascript">
  2.  
  3. var w3c=(document.getElementById)?true:false;
  4.  
  5. var ie4=(document.all && !w3c)?true:false;
  6.  
  7. var ie5=(document.all && w3c)?true:false;
  8.  
  9. var ns4=(document.layers)?true:false;
  10.  
  11. var ns6=(w3c && !document.all)?true:false;
  12.  
  13. var mi=0; var yi=0;
  14.  
  15. var calA=new Array();
  16.  
  17. var cal_m, cal_y, cal, calS, now;
  18.  
  19. function setMonth(incr)
  20. {
  21.  
  22. if(!ns4){
  23.  
  24. mi+=(incr)?1:-1;
  25.  
  26. if(mi>11)mi=0;
  27. if(mi<0)mi=11;
  28.  
  29. now.setMonth(mi);
  30.  
  31. updateCalender();
  32.  
  33. }
  34. }
  35.  
  36. function setYear(incr)
  37. {
  38.  
  39. if(!ns4){
  40.  
  41. yi+=(incr)?1:-1;
  42.  
  43. if(yi>50)yi=0;
  44. if(yi<0)yi=50;
  45.  
  46.  
  47. now.setFullYear(yi+1970);
  48.  
  49. updateCalender();
  50. }
  51. }
  52.  
  53. function updateCalender()
  54. {
  55.  
  56. var dim=[31,0,31,30,31,30,31,31,30,31,30,31];
  57.  
  58. dim[1]=(((now.getFullYear()%100!=0)&&(now.getFullYear()%4==0))||(now.getFullYear()%400==0))?29:28;
  59.  
  60. cal_m.innerHTML=['Januari','Februari','Maart','April','Mei','Juni','Juli','Augustus','September','Oktober','November','December'][mi];
  61.  
  62. cal_y.innerHTML=yi+1970;
  63.  
  64. var offsetD=new Date();
  65.  
  66. offsetD.setFullYear(yi+1970);
  67.  
  68. offsetD.setMonth(mi);
  69.  
  70. offsetD.setDate(1);
  71.  
  72. offsetD=offsetD.getDay()+1;
  73.  
  74. for(i=1;i<=42;i++)
  75. {
  76.  
  77. if((i-offsetD>=0)&&(i-offsetD<dim[mi]))
  78. {
  79.  
  80. calA[i].innerHTML=i-offsetD+1;
  81.  
  82. calA[i].i=i;
  83.  
  84. calA[i].o=offsetD;
  85.  
  86. calA[i].className=((now.ref.getDate()==i-offsetD+1)&&(now.ref.getFullYear()==now.getFullYear())&&(now.ref.getMonth()==now.getMonth()))?"calToday":"calText";
  87.  
  88. }
  89. else
  90. {
  91.  
  92. calA[i].className="calText";
  93.  
  94. calA[i].innerHTML=' ';
  95. }
  96. }
  97. }
  98.  
  99. window.onload=function(){
  100.  
  101. if(!ns4)
  102. {
  103.  
  104. for(i=1;i<=42;i++)calA[i]=(ie4)?document.all['cal'+i]:document.getElementById('cal'+i);
  105.  
  106. cal_m=(ie4)?document.all["calender_m"]:document.getElementById("calender_m");
  107.  
  108. cal_y=(ie4)?document.all["calender_y"]:document.getElementById("calender_y");
  109.  
  110. cal=(ie4)?document.all["calender"]:document.getElementById("calender");
  111.  
  112. calS=(ie4)?document.all["calenderS"]:document.getElementById("calenderS");
  113.  
  114. calS.style.height=((ie4||ie5)?cal.clientHeight:(w3c)?cal.offsetHeight:200)+'px';
  115.  
  116. calS.style.width=((ie4||ie5)?cal.clientWidth:(w3c)?cal.offsetWidth:300)+'px';
  117.  
  118. cal.parentNode.style.width=parseInt(calS.style.width)+10+'px';
  119.  
  120. cal.parentNode.style.height=parseInt(calS.style.height)+10+'px';
  121.  
  122. now=new Date(); now.ref=new Date();
  123.  
  124. mi=now.getMonth(); yi=now.getFullYear()-1970;
  125.  
  126. updateCalender();
  127. }
  128. }
  129.  
  130. </script>


werkt prima, maar ik wil nu dat de datums (de nummers) veranderen in links die er zo uitzien:
calendar/JAAR/MAAND/DAG.

Ik weet niet goed waar ik dit juist moet doen,

iemand een idee?

5 antwoorden

Gesponsorde links
Offline BigBug - 16/09/2009 16:43
Avatar van BigBug PHP expert Kun je een voorbeeldje laten zien hoe de kalender er nu uitziet? En iets duidelijker zijn hoe je 't precies wil hebben? 
Offline Richard - 16/09/2009 16:52
Avatar van Richard Crew algemeen Wat is er mis met een PHP kalender?
Offline denniseik - 16/09/2009 16:54
Avatar van denniseik Lid Je kan jaar/maand/dag toch ook om laten zetten door mysql/php (als dat is wat je bedoelt). Ik snap het probleem niet zo.
Offline Ibrahim - 16/09/2009 18:33 (laatste wijziging 16/09/2009 18:34)
Avatar van Ibrahim PHP expert Ten eerste: leejoo was leuk toen je 15/16 was en je een leuke blogje in elkaar wilde steken met wat leuke effectjes. Als je echter wat professioneler wil uitzien, dan zul je toch echt óf zelf maken óf professionele plugins van bekende JavaScript libraries moeten gebruiken.

Ten tweede, ik heb voor je een paar kalenders gevonden:

jQuery datepicker

Prototype Scal

Mootools calendar
Offline Raze - 16/09/2009 20:23
Avatar van Raze PHP beginner ik heb een agenda-systeem voor mijn website gemaakt en wil naast de agenda die kalender weergeven voor snel navigeren, dat is eigenlijk de reden.

@Ibrahim: zelf maken is een optie, maar aangezien ik totaal niet wist hoe ik navigatie zou moeten maken (het bladeren tussen de maanden enzo), heb ik gewoon op leejoo gekeken

@JeXus: bestaat dan zoiets in php??

@denniseik: dat weet ik wel, ik wil gewoon dat elk cijfer een link wordt.

Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s