Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][JavaScript] Kalendarzyk w formularzu
Forum PHP.pl > Forum > Przedszkole
em-ba
15.05.2008, 12:28:43
Witam, biggrin.gif chciałbym zamieścic w formularzu pole data/godzina, gdzie po naciśnięciu na input wyświetli mi kalendarzyk z godziną..
Znalazłem pewną stronę z takim date pickerem.. http://www.softcomplex.com/products/tigra_...ndar/demo1.html ..ale mam problem z jego zamieszczeniem.. worriedsmiley.gif tzn. wklejam kod i... przy formularzu widnieje mała ikonka kalendarza, ale po jej wciśnięciu nic się nie wyświetla (a powinien kalendarz).
Będę wdzięczny za każdą pomoc.. biggrin.gif
Oto kod, który wkleiłem na stronę..
[HTML] pobierz, plaintext 
  1. <head>
  2. <script language="JavaScript" src="calendar1.js"></script>
  3. </head>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <body>
  2. <form name="tstest">
  3. <table class="compat">
  4. <td>
  5.     Select Date (w. year scrl.):<br>
  6.     <input type="Text" name="input1" value="">
  7.     <a href="javascript:cal1.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><br>
  8.     Select Date (w/o year scrl.):<br>
  9.     <input type="Text" name="input2" value="">
  10.     <a href="javascript:cal2.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><br>
  11.  
  12.     Select Timestamp (w. year scrl.):<br>
  13.     <input type="Text" name="input3" value="">
  14.     <a href="javascript:cal3.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><br>
  15.     Select Timestamp (w/o year scrl.):<br>
  16.     <input type="Text" name="input4" value="">
  17.     <a href="javascript:cal4.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><br>
  18. </td>
  19. </tr>
  20.  
  21.  
  22. </table>
  23. </form>
  24. <script language="JavaScript">
  25.     var cal1 = new calendar1(document.forms['tstest'].elements['input1']);
  26.     cal1.year_scroll = true;
  27.     cal1.time_comp = false;
  28.     var cal2 = new calendar1(document.forms['tstest'].elements['input2']);
  29.     cal2.year_scroll = false;
  30.     cal2.time_comp = false;
  31.     var cal3 = new calendar1(document.forms['tstest'].elements['input3']);
  32.     cal3.year_scroll = true;
  33.     cal3.time_comp = true;
  34.     var cal4 = new calendar1(document.forms['tstest'].elements['input4']);
  35.     cal4.year_scroll = false;
  36.     cal4.time_comp = true;
  37.  
  38.     var cal5 = new calendar2(document.forms['tstest'].elements['input5']);
  39.     cal5.year_scroll = true;
  40.     cal5.time_comp = false;
  41.     var cal6 = new calendar2(document.forms['tstest'].elements['input6']);
  42.     cal6.year_scroll = false;
  43.     cal6.time_comp = false;
  44.     var cal7 = new calendar2(document.forms['tstest'].elements['input7']);
  45.     cal7.year_scroll = true;
  46.     cal7.time_comp = true;
  47.     var cal8 = new calendar2(document.forms['tstest'].elements['input8']);
  48.     cal8.year_scroll = false;
  49.     cal8.time_comp = true;
  50.  
  51.     var cal9 = new calendar3(document.forms['tstest'].elements['input9']);
  52.     cal9.year_scroll = true;
  53.     cal9.time_comp = false;
  54.     var cal10 = new calendar3(document.forms['tstest'].elements['input10']);
  55.     cal10.year_scroll = false;
  56.     cal10.time_comp = false;
  57.     var cal11 = new calendar3(document.forms['tstest'].elements['input11']);
  58.     cal11.year_scroll = true;
  59.     cal11.time_comp = true;
  60.     var cal12 = new calendar3(document.forms['tstest'].elements['input12']);
  61.     cal12.year_scroll = false;
  62.     cal12.time_comp = true;
  63. </script>
  64. <script type="text/javascript">
  65.     var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  66.     document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  67. </script>
  68. <script type="text/javascript">
  69.     var pageTracker = _gat._getTracker("UA-2103267-1");
  70.     pageTracker._initData();
  71.     pageTracker._trackPageview();
  72. </script>
  73. </body>
[HTML] pobierz, plaintext







...już dałem rade smile.gif
Marr
19.08.2008, 13:56:46
to jeżeli możesz to napisz co jest nie tak, bo również mam problem z tym pickerem, a moją znajomość javascript'u trudno nazwać nawet raczkującą smile.gif

ojejku faktycznie wielka filozofia... dla tych, którzy mogą mieć problem z czymś takim powiem, że kod funkcji odwołuje się do konkretnej nazwy formularza a w nim do konkretnego pola, które trzeba wprowadzić pod koniec kodu, np.
Cytat
<script language=\"JavaScript\">
var cal1 = new calendar1(document.forms['tstest'].elements['input1']);
?>
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.