Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][PHP]Jak uzyskać taki efekt
eXquizy
post 8.06.2015, 14:55:46
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 10.04.2015

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


Witam.

Chciałbym was zapytać co muszę zrobić żeby uzyskać taki efekt jak tutaj : http://boosting24.com/rank-boost questionmark.gif

A konkretnie : Wybieram po lewej 1 opcje, z prawej strony 2 ( np z silv 1 do silv 2 ) i na dole wyskakuje mi

Cena : 10$

Pomoże ktoś ? Mam zrobione w HTML selektory.

  1.  
  2. <table width="450" cellspacing="0" cellspadding="0" align="center">
  3. <tr>
  4. <td width="50%" align="center">
  5.  
  6. <p style="font-size: 11px; font-weight: bold; text-transform:;">Select your current rank</p>
  7.  
  8. <select value="current_rank" class="select">
  9.  
  10. <option value="s1">Silver I</option>
  11. <option value="s2">Silver II</option>
  12. <option value="s3">Silver III</option>
  13. <option value="s4">Silver IV</option>
  14. <option value="s5">Silver V</option>
  15. <option value="s6">Silver VI</option>
  16. <option value="g1">Gold Nova I</option>
  17. <option value="g2">Gold Nova II</option>
  18. <option value="g3">Gold Nova III</option>
  19. <option value="g4">Gold Nova IV</option>
  20. <option value="ak1">Protector I</option>
  21. <option value="ak2">Protector II</option>
  22. <option value="ak3">Protector III</option>
  23. <option value="ak4">Protector IV</option>
  24.  
  25. </select>
  26.  
  27. </td>
  28. <td width="50%" align="center">
  29.  
  30. <p style="font-size: 11px; font-weight: bold; text-transform:;">Select your desired rank</p>
  31.  
  32. <select value="chose_rank" class="select">
  33.  
  34. <option value="s1">Silver I</option>
  35. <option value="s2">Silver II</option>
  36. <option value="s3">Silver III</option>
  37. <option value="s4">Silver IV</option>
  38. <option value="s5">Silver V</option>
  39. <option value="s6">Silver VI</option>
  40. <option value="g1">Gold Nova I</option>
  41. <option value="g2">Gold Nova II</option>
  42. <option value="g3">Gold Nova III</option>
  43. <option value="g4">Gold Nova IV</option>
  44. <option value="ak1">Protector I</option>
  45. <option value="ak2">Protector II</option>
  46. <option value="ak3">Protector III</option>
  47. <option value="ak4">Protector IV</option>
  48.  
  49. </select>
  50.  
  51. </td>
  52. </tr>
  53.  
  54. </table>
  55.  


Z góry dzięki, pozdrawiam.
Go to the top of the page
+Quote Post
fate
post 8.06.2015, 15:29:33
Post #2





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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


http://jsfiddle.net/b6ydm/


--------------------
Go to the top of the page
+Quote Post
eXquizy
post 8.06.2015, 16:25:55
Post #3





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 10.04.2015

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


Okey troche kminie, ale jak to połączyć z 2 polem wyboru ? Tak jak pisałem wyżej.
Go to the top of the page
+Quote Post
fate
post 8.06.2015, 18:05:40
Post #4





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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


Tak najprościej:
http://jsfiddle.net/b6ydm/164/
ohno-smiley.gif


--------------------
Go to the top of the page
+Quote Post
eXquizy
post 8.06.2015, 19:38:44
Post #5





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 10.04.2015

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


facepalmxd.gif Dzięki wielkie, bawiłem się chwile z ty kodem a o tym nie pomyślałem ... biggrin.gif Do zamknięcia.
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 04:38