Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [PHP][JavaScript] Kalendarzyk w formularzu
em-ba
post
Post #1





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

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

Witam, (IMG:http://forum.php.pl/style_emoticons/default/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.. (IMG:http://forum.php.pl/style_emoticons/default/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.. (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował em-ba 15.05.2008, 15:52:25
Go to the top of the page
+Quote Post
Marr
post
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ą (IMG:http://forum.php.pl/style_emoticons/default/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
2 Użytkowników czyta ten temat (2 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: 25.08.2025 - 04:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn