Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][JavaScript] Kalendarzyk w formularzu
em-ba
post 15.05.2008, 12:28:43
Post #1





Grupa: Zarejestrowani
Postów: 202
Pomógł: 3
Dołączył: 6.01.2008
Skąd: Mazowieckie

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

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

Ten post edytował em-ba 15.05.2008, 15:52:25
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
Marr
post 19.08.2008, 13:56:46
Post #2





Grupa: Zarejestrowani
Postów: 103
Pomógł: 1
Dołączył: 19.08.2008
Skąd: Warszawa

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

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']);
?>


Ten post edytował Marr 19.08.2008, 14:18:16
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: Przełącz na: Standardowy · 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: 18.07.2025 - 01:41
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn