Forum PHP.pl > [HTML][JavaScript] kalendarzyk w formularzu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript] kalendarzyk w formularzu

em-ba

20.05.2008, 12:10:10

Witam

, wstawiłem do formularza pole date, które posiada z boku ikonke, po naciśnięciu której pojawia się kalendarzyk /date picker/ itd..
Teraz nie wiem co mam zrobić aby w daleszej części formularza zrobić kolejne takie pole "date".
Kalenarzyk korzysta z mechanizmów JS i głowię się co tu zrobić, zeby kalendarzyk działał dla dwóch pół w formularzu, a nie tylko dla jednego.

Jak przypisuje kod kalendarzyka dla obydwu pól formularza, to działa tylko przy pierwszym, a przy drugim już nie chce..
Mam nadzieję, że dość przejźyście opisałem swój problem, będę wdzięczny za każdą pomoc..

Oto kod:

[HTML] pobierz, plaintext 
<head>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="calendar.js"></script>
  <script type="text/javascript">
    window.addEvent('domready', function() { myCal = new Calendar({ date: 'd/m/Y' }, { direction: 1}); });
  </script>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="calendar.js"></script>
  <script type="text/javascript">
    window.addEvent('domready', function() { myCal = new Calendar({ date: 'd/m/Y' }, { direction: 1}); });
  </script>
</head>
<body>                
<div>
  <label for="date">data przyjazdu:</label>
  <input id="date" name="date" class="text" type="text" maxlength="30" value="<?=$data_przyj;?>" />
</div>
<div>
  <label for="date">data odjazdu:</label>
  <input id="date" name="date" class="text" type="text" maxlength="30" value="<?=$data_odj;?>" />
</div>
</body>
[HTML] pobierz, plaintext

próbowałem jeszcze w taki sposób ale również nic nie pomogło..

[HTML] pobierz, plaintext 
<head>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="calendar.js"></script>
  <script type="text/javascript">
    window.addEvent('domready', function() { myCal = new Calendar({ date: 'd/m/Y' }, { direction: 1}); });
  </script>
<script type="text/javascript" src="mootools1.js"></script>
<script type="text/javascript" src="calendar1.js"></script>
  <script type="text/javascript">
    window.addEvent('domready', function() { myCal = new Calendar({ date: 'd/m/Y' }, { direction: 1}); });
  </script>
</head>
[HTML] pobierz, plaintext

lilik

20.05.2008, 14:03:46

a po co wywolujesz dwa razy

[HTML] pobierz, plaintext 
<script type="text/javascript" src="mootools1.js"></script>
<script type="text/javascript" src="calendar1.js"></script>
[HTML] pobierz, plaintext

no i dwa rozne pola textowe zanwales tak samo :/

no i zerknij do dokumentacji tam pewnie jest ladnie wyjasnione jak uzyc to do dwoch roznych pol

udalo mi sie znalesc dokumentacje

tu masz rozwiazanie

[HTML] pobierz, plaintext 
<head>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() { myCal = new Calendar({ date: 'd/m/Y' }, { direction: 1}); });
window.addEvent('domready', function() { myCal2 = new Calendar({ date2: 'd/m/Y' }, { direction: 1}); });
</script>
</head>
<body>
<div>
<label for="date">data przyjazdu:</label>
<input id="date" name="date" class="text" type="text" maxlength="30" value="<?=$data_przyj;?>" />
</div>
<div>
<label for="date">data odjazdu:</label>
<input id="date2" name="date2" class="text" type="text" maxlength="30" value="<?=$data_odj;?>" />
</div>
</body>
[HTML] pobierz, plaintext

em-ba

20.05.2008, 14:08:26

suuper

działa jak należy

DZIĘKUJĘ ZA POMOC..

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.