Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript][PHP]formularz z mBanku - z radiem i polami wyboru
Forum PHP.pl > Forum > Przedszkole
japolak
witam

interesuje mnie jak zrobic taki formularz jak np. jest w sprawdzaniu historii rachunku w mbanku


chodzi mi głównie o to ze np. tam jest tak ze przy kliknieciu w np dzień automatycznie zaznacza sie radio pierwsze
a po kliknieciu opcji "ostatnich" np. w miejscu miesiecy to zaznacza sie drugie radio.. itp

questionmark.gif

jak to zrobic??

sobie na szybko zrobilem wersje prostą w htmlu ale niestety nie nie przeskakuje mi radio:P

  1. <table width=100% border =0 cellpadding=0 cellspacing=0><tr><td valign="top" align="left"><img src = "r1.gif" /></td><td ><h3>Kryteria wyświetlania historii</h3></td><td valign="top" align="right"><img src = "r2.gif" /></td></tr>
  2. <tr><td></td><td>
  3. <form action='wynik_hist_karnetow.php' method="post">
  4. <table><tr> <td><input type="radio" name="nazwa" value="wartość" /></td><td>Dla karnetu: </td><td><?php
  5. //zapytanie select
  6. $pytanie = "select typ_karnetu from karnet";
  7. $pytanie1=new dane();
  8. echo $pytanie1->zapytanie_select('typ_karnetu', $pytanie, $a['typ_karnetu']);
  9.  
  10. ?></td></tr>
  11.  
  12. <tr> <td><input type="radio" name="nazwa" value="wartość" /></td><td>Z zakresu ostatnich:</td><td> <input type="text" name='ilosc' size='3' maxlength='3' />
  13. <select name="mnoznik">
  14. <option>dni</option>
  15. <option>tygodni</option>
  16. <option>miesiecy</option>
  17.  
  18. </select>
  19. </td></tr>
  20. <tr><td colspan='3' ><center><input type="submit" name='submit' value='wyslij'/></center></td></tr></table>
scanner
W odpowiednich polach musisz dodać obsługę zdarzenia onClick, które ustawi odpowiednio owe radio. Ot i cała filozofia.
japolak
Cytat(scanner @ 24.09.2009, 20:40:35 ) *
W odpowiednich polach musisz dodać obsługę zdarzenia onClick, które ustawi odpowiednio owe radio. Ot i cała filozofia.



onclick...? ale wystarczy tylko czysty html?? czy js tez wymagany??
vokiel
Wystarczy label z ustawionym for

edit:
To zależy, teraz doczytałem dokładnie:
- jeśli chodzi o klikanie w napis "ostatnich" etc - label
- jeśli klikanie w pola - js
japolak
smile.gif
gdzies ktos posunoł mi pomysł .. i poprostu zalogowalem sie na konto.. i zobaczylem źródło strony:)


po drobnej modyfikacji smile.gif

  1. od:
  2.  
  3. <input id="radio" type="radio" name="grupa" value="radio" checked="checked" />
  4.  
  5. <input name="dzien" type="text" maxlength="2" size="2" onclick="document.getElementById('radio').checked=true;" onfocus="document.getElementById('radio').checked=true;" /> - <input name="month" type="text" maxlength="2" size="2" onclick="document.getElementById('radio').checked=true;" onfocus="document.getElementById('radio').checked=true;" /> - <input name="year" type="text" maxlength="4" size="4" onclick="document.getElementById('radio').checked=true;" onfocus="document.getElementById('radio').checked=true;" />
  6. <br/>
  7. do:
  8. <input name="dzien2" type="text" maxlength="2" size="2" onclick="document.getElementById('radio').checked=true;" onfocus="document.getElementById('radio').checked=true;" /> - <input name="month" type="text" maxlength="2" size="2" onclick="document.getElementById('radio').checked=true;" onfocus="document.getElementById('radio').checked=true;" /> - <input name="year" type="text" maxlength="4" size="4" onclick="document.getElementById('radio').checked=true;" onfocus="document.getElementById('radio').checked=true;" />
  9.  
  10. <br>
  11. z ostatnich:
  12.  
  13.  
  14. <input id="1radio" type="radio" name="grupa" value="1radio" />
  15.  
  16.  
  17. <input name="days" type="text" value="1" maxlength="3" onclick="document.getElementById('1radio').checked=true;" onfocus="document.getElementById('lastdays_radio').checked=true;" /><select name="lastdays_period" id="lastdays_period" class="combo" onclick="document.getElementById('1radio').checked=true;" onfocus="document.getElementById('lastdays_radio').checked=true;">
  18. <option value="d">dni</option>
  19. <option value="w">tygodni</option>
  20.  
  21. <option selected="selected" value="m">miesięcy</option>
  22.  
  23. </select>
  24.  


i śmiga;)

tak czy inaczej dzieks
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.