Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Sortowanie za pomocą HTML i JAVASCRIPT
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
dizek
Witam , czy jest możliwość sortowania przy pomocy javascript po "id" tabeli napisanej w języku HTML? ,

tabelka to jedno "id"


szukałem wiele takich sortowań ale żadnej nie znalazłem bo wszędzie jest tylko takie ,że sortuje komórki wewnątrz tabelki, ja chcę aby mi wyświetlało tabelki na stronie po id np. rosnąco
aniolekx
Datatables
Pyton_000
@aniolekx Autor chce sortować Tabelki a nie zawartość Tabelek wink.gif
dizek
@up dokładnie , chciałbym sortować tabelki według ceny ( nie ważne jaka jest jej zawartość )

(tabelki wprowadzam własnoręcznie i piszę np. cena to 1 000 zł netto i po wyświetlaniu ona pojawia się pod tabelką z kwotą wyższą
Pyton_000
No to dałem Ci rozwiązanie.
Ustalasz data-cena i sortujesz po tym.
dizek
@up chyba się nie rozumiemy ; )

chodzi mi o tkaie coś



tabelkę piszę w kodzie i nazywam ją po jakimś "ID" o takiej samej nazwie jak jest cena i żeby mi je sortowało ; )) tym skryptem też to zrobie?


@@sortowanie własnie po cenie ; )
nospor
Tak, tym skryptem co podal Pyton to zrobisz. Moglbys troche czytac co do Ciebie piszą.
dizek
@up no dobrze, z javy jestem lewy, czy mógłbyś mnie jakoś naprowadzić questionmark.gif
nospor
To jest javascript a nie java. To dwie rozne rzeczy.

Przyklad uzycia dostales w linku od Pytona. Z czym masz problem?
dizek
@up żeby się sortowało samo nie po żadnym naciśnieciu , i w kodzie jest 1 tabela , a ja chce kilka to nie wiem mam je tam poprostu wpisać ?

i skad to będzie wiedziało po jakiej konkretnej kwocie sortować skoro wyżej będę miał kilka cen a dopiero na końcu po wycenie końcowej chcę aby sortowało
nospor
Cytat
i skad to będzie wiedziało po jakiej konkretnej kwocie sortować skoro wyżej będę miał kilka cen a dopiero na końcu po wycenie końcowej chcę aby sortowało
No bo masz to skryptowi powiedziec, ktora wartosc ma byc brana pod uwage. On sam sie nie domysli.

Zacznij od przygotowania kodu html tabel
dizek
  1. <table width="1000" border="5" background=""><!-- TABELKA GŁÓWNA -->
  2. <tr><td>
  3. <table id="Tabela_01" width="950" height="800" border="0" cellpadding="0" cellspacing="0">
  4. <tr>
  5. <td width="9" nowrap colspan="6"><p align="center"><img src="images/zestaw.jpg"></td>
  6.  
  7. </tr>
  8. <tr>
  9. <td colspan="3"></td>
  10. <td rowspan="5" background="images/atrakcje.jpg" width="478" height="318" valign="top">
  11. <img src="images/atrakcje/sprezynujaca_lina_hawaje.jpg"> <!-- SPREZYNUJACA LINA HAWAJE -->
  12. <img src="images/atrakcje/zamek_do_skakania.jpg"><!-- ZAMEK DO SKAKANIA -->
  13. <img src="images/atrakcje/silomierz_mlot.jpg"><!-- SIŁOMIERZ MŁOT -->
  14. <img src="images/atrakcje/zamek_do_skakania.jpg"><!-- ZAMEK DO SKAKANIA -->
  15. <img src="images/atrakcje/silomierz_mlot.jpg"><!-- SIŁOMIERZ MŁOT -->
  16. <img src="images/atrakcje/zamek_do_skakania.jpg"><!-- ZAMEK DO SKAKANIA -->
  17. <img src="images/atrakcje/sprezynujaca_lina_hawaje.jpg"> <!-- SPREZYNUJACA LINA HAWAJE -->
  18. <img src="images/atrakcje/zamek_do_skakania.jpg"><!-- ZAMEK DO SKAKANIA -->
  19. <img src="images/atrakcje/silomierz_mlot.jpg"><!-- SIŁOMIERZ MŁOT -->
  20. <img src="images/atrakcje/sprezynujaca_lina_hawaje.jpg"> <!-- SPREZYNUJACA LINA HAWAJE -->
  21. </td>
  22. <td colspan="2" rowspan="5">
  23. <img src="images/przerwa_prawa.jpg" width="7" height="318"></td>
  24. </tr>
  25. <tr>
  26. <td rowspan="6">
  27. <img src="images/przerwa_lewa.jpg" width="9" height="791"></td>
  28. <td background="images/tlo_gora.jpg" width="436" height="13"></td>
  29. <td rowspan="4">
  30. <img src="images/przerwa.jpg" width="20" height="317"></td>
  31. </tr>
  32. <tr>
  33. <td background="images/tabelka_tlo.jpg" width="436" height="19">
  34. <table width="430" border="0" align="center" cellspacing="1" valign="top">
  35. <tr><!-- POCZĄTEK WIERSZA -->
  36. <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
  37. <td><p align="right"><b>1 500 zł netto</b></p></td>
  38. </tr><!-- KONIEC WIERSZA -->
  39. <tr><!-- POCZĄTEK WIERSZA -->
  40. <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
  41. <td><p align="right"><b>1 500 zł netto</b></p></td>
  42. </tr><!-- KONIEC WIERSZA -->
  43. <tr><!-- POCZĄTEK WIERSZA -->
  44. <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
  45. <td><p align="right"><b>1 500 zł netto</b></p></td>
  46. </tr><!-- KONIEC WIERSZA -->
  47. <tr><!-- POCZĄTEK WIERSZA -->
  48. <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
  49. <td><p align="right"><b>1 500 zł netto</b></p></td>
  50. </tr><!-- KONIEC WIERSZA -->
  51. <tr><!-- POCZĄTEK WIERSZA -->
  52. <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
  53. <td><p align="right"><b>1 500 zł netto</b></p></td>
  54. </tr><!-- KONIEC WIERSZA -->
  55. <tr><!-- POCZĄTEK WIERSZA -->
  56. <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
  57. <td><p align="right"><b>1 500 zł netto</b></p></td>
  58. </tr><!-- KONIEC WIERSZA -->
  59. <tr><!-- POCZĄTEK WIERSZA -->
  60. <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
  61. <td><p align="right"><b>1 500 zł netto</b></p></td>
  62. </tr><!-- KONIEC WIERSZA -->
  63. <tr><!-- POCZĄTEK WIERSZA -->
  64. <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
  65. <td><p align="right"><b>1 500 zł netto</b></p></td>
  66. </tr><!-- KONIEC WIERSZA -->
  67. <tr><!-- POCZĄTEK WIERSZA -->
  68. <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
  69. <td><p align="right"><b>1 500 zł netto</b></p></td>
  70. </tr><!-- KONIEC WIERSZA -->
  71. </td>
  72. </tr>
  73. <tr>
  74. <td background="images/tlo_dol.jpg" width="436" height="18"></td>
  75. </tr>
  76. <tr>
  77. <td valign="top" align="center">
  78. <font color="black" size="6"><p align="center">SUMA : 9 500 ZŁ NETTO</font></p>
  79. </td>
  80. </tr>
  81. <tr>
  82. <td colspan="4" background="images/zajestosc.jpg" width="936" height="132" valign="top" align="center">
  83. <!-- TEKST DOTYCZĄCY ZAJĘTOŚCI -->
  84. <font color="black" size="4" face="Verdana">ZESTAW NIE JEST DOSTĘPNY NA TERENIE CAŁEGO KRAJU</font></p>
  85. <!-- TEKST DOTYCZĄCY ZAJĘTOŚCI -->
  86. </td>
  87. <td rowspan="2">
  88. <img src="images/wzer-12.jpg" width="5" height="474"></td>
  89. </tr>
  90. <tr>
  91. <td colspan="4">
  92. <img src="images/wzer-13.jpg" width="936" height="342"></td>
  93. </tr>
  94. </td>
  95. </tr>


<font color="black" size="6"><p align="center">SUMA : 9 500 ZŁ NETTO</font></p>

ma sortować po tym
aniolekx
@Python_000 autor pytania może wrzucić te tabele w tabele wink.gif, dwie kolumny: id i kontent, niepotrzebne informacje schować za pomocą CSS. I tak w coś je będzie musiał opakować.

Cytat(Pyton_000 @ 15.12.2014, 09:41:07 ) *
@aniolekx Autor chce sortować Tabelki a nie zawartość Tabelek wink.gif
dizek
no jak mam to zrobić , nic mi tam nie działa...

@ zaznaczam te kwoty ktore mam tu w tym tagu <li>

<font color="black" size="6"><p align="center">SUMA : 9 500 ZŁ NETTO</font></p>

hmmmmmmmmmmmmmmmmmmmmmmm
Pyton_000
Lenistwo to zuo....
http://jsfiddle.net/w050718n/
dizek
dzieki wielkie za fatyge, ale nie wiem gdzie, który kod mam teraz dać , ten html to wiem ; ) , a ten z javascript to pliku ? i czy w pliku html ma być też trochę kodu z javascript
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.