Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript][PHP]formularz z mBanku - z radiem i polami wyboru, how to do it
japolak
post
Post #1





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 11.03.2007
Skąd: Łódzkie

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


witam

interesuje mnie jak zrobic taki formularz jak np. jest w sprawdzaniu historii rachunku w mbanku
(IMG:http://leo.wsinf.edu.pl/~japolak/form.png)

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

(IMG:style_emoticons/default/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>
Go to the top of the page
+Quote Post
scanner
post
Post #2





Grupa: Zarząd
Postów: 3 503
Pomógł: 28
Dołączył: 17.10.2002
Skąd: Wrocław




W odpowiednich polach musisz dodać obsługę zdarzenia onClick, które ustawi odpowiednio owe radio. Ot i cała filozofia.
Go to the top of the page
+Quote Post
japolak
post
Post #3





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 11.03.2007
Skąd: Łódzkie

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


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??
Go to the top of the page
+Quote Post
vokiel
post
Post #4





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

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


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

Ten post edytował vokiel 25.09.2009, 20:40:44
Go to the top of the page
+Quote Post
japolak
post
Post #5





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 11.03.2007
Skąd: Łódzkie

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


(IMG:style_emoticons/default/smile.gif)
gdzies ktos posunoł mi pomysł .. i poprostu zalogowalem sie na konto.. i zobaczylem źródło strony:)


po drobnej modyfikacji (IMG:style_emoticons/default/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
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 26.08.2025 - 02:14