Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP]Jak uzyskać taki efekt
Forum PHP.pl > Forum > Przedszkole
eXquizy
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.
fate
http://jsfiddle.net/b6ydm/
eXquizy
Okey troche kminie, ale jak to połączyć z 2 polem wyboru ? Tak jak pisałem wyżej.
fate
Tak najprościej:
http://jsfiddle.net/b6ydm/164/
ohno-smiley.gif
eXquizy
facepalmxd.gif Dzięki wielkie, bawiłem się chwile z ty kodem a o tym nie pomyślałem ... biggrin.gif Do zamknięcia.
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.