Sortowanie za pomocą HTML i JAVASCRIPT, Sortowanie za pomocą HTML i JAVASCRIPT Opcje

[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

[tzm]

http://www.w3schools.com/jsref/jsref_sort.asp

[Pyton_000]

http://james.padolsey.com/javascript/sorti...ts-with-jquery/

[aniolekx]

Datatables

[Pyton_000]

@aniolekx Autor chce sortować Tabelki a nie zawartość Tabelek (IMG:style_emoticons/default/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ś

(IMG:http://s10.ifotos.pl/mini/tabelkijp_whqhrpp.jpg)

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 ; )

Ten post edytował dizek 15.12.2014, 11:10:09

[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ć (IMG:style_emoticons/default/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]

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]

[HTML] pobierz, plaintext 
<table width="1000" border="5" background=""><!-- TABELKA GŁÓWNA -->
  <tr><td>
    <table id="Tabela_01" width="950" height="800" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="9" nowrap colspan="6"><p align="center"><img src="images/zestaw.jpg"></td>
 
	</tr>
	<tr>
		<td colspan="3"></td>
		<td rowspan="5" background="images/atrakcje.jpg" width="478" height="318" valign="top">
        <img src="images/atrakcje/sprezynujaca_lina_hawaje.jpg"> <!-- SPREZYNUJACA LINA HAWAJE -->
  	    <img src="images/atrakcje/zamek_do_skakania.jpg"><!-- ZAMEK DO SKAKANIA -->
  	    <img src="images/atrakcje/silomierz_mlot.jpg"><!-- SIŁOMIERZ MŁOT -->
  	    <img src="images/atrakcje/zamek_do_skakania.jpg"><!-- ZAMEK DO SKAKANIA -->
        <img src="images/atrakcje/silomierz_mlot.jpg"><!-- SIŁOMIERZ MŁOT -->
  	    <img src="images/atrakcje/zamek_do_skakania.jpg"><!-- ZAMEK DO SKAKANIA -->
        <img src="images/atrakcje/sprezynujaca_lina_hawaje.jpg"> <!-- SPREZYNUJACA LINA HAWAJE -->
  	    <img src="images/atrakcje/zamek_do_skakania.jpg"><!-- ZAMEK DO SKAKANIA -->
  	    <img src="images/atrakcje/silomierz_mlot.jpg"><!-- SIŁOMIERZ MŁOT -->
        <img src="images/atrakcje/sprezynujaca_lina_hawaje.jpg"> <!-- SPREZYNUJACA LINA HAWAJE -->
        </td>
		<td colspan="2" rowspan="5">
			<img src="images/przerwa_prawa.jpg" width="7" height="318"></td>
	</tr>
	<tr>
		<td rowspan="6">
			<img src="images/przerwa_lewa.jpg" width="9" height="791"></td>
		<td background="images/tlo_gora.jpg" width="436" height="13"></td>
		<td rowspan="4">
			<img src="images/przerwa.jpg" width="20" height="317"></td>
	</tr>
	<tr>
		<td background="images/tabelka_tlo.jpg" width="436" height="19">
        		<table width="430" border="0" align="center" cellspacing="1" valign="top">
  <tr><!-- POCZĄTEK WIERSZA -->
    <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
    <td><p align="right"><b>1 500 zł netto</b></p></td>
  </tr><!-- KONIEC WIERSZA -->
  <tr><!-- POCZĄTEK WIERSZA -->
    <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
    <td><p align="right"><b>1 500 zł netto</b></p></td>
  </tr><!-- KONIEC WIERSZA -->
  <tr><!-- POCZĄTEK WIERSZA -->
    <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
    <td><p align="right"><b>1 500 zł netto</b></p></td>
  </tr><!-- KONIEC WIERSZA -->
    <tr><!-- POCZĄTEK WIERSZA -->
    <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
    <td><p align="right"><b>1 500 zł netto</b></p></td>
  </tr><!-- KONIEC WIERSZA -->
  <tr><!-- POCZĄTEK WIERSZA -->
    <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
    <td><p align="right"><b>1 500 zł netto</b></p></td>
  </tr><!-- KONIEC WIERSZA -->
  <tr><!-- POCZĄTEK WIERSZA -->
    <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
    <td><p align="right"><b>1 500 zł netto</b></p></td>
  </tr><!-- KONIEC WIERSZA -->
    <tr><!-- POCZĄTEK WIERSZA -->
    <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
    <td><p align="right"><b>1 500 zł netto</b></p></td>
  </tr><!-- KONIEC WIERSZA -->
  <tr><!-- POCZĄTEK WIERSZA -->
    <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
    <td><p align="right"><b>1 500 zł netto</b></p></td>
  </tr><!-- KONIEC WIERSZA -->
  <tr><!-- POCZĄTEK WIERSZA -->
    <td><p align="left">1. Sprężynująca Lina Hawaje</p></td>
    <td><p align="right"><b>1 500 zł netto</b></p></td>
  </tr><!-- KONIEC WIERSZA -->
</table>
</td>
	</tr>
	<tr>
		<td background="images/tlo_dol.jpg" width="436" height="18"></td>
	</tr>
	<tr>
		<td valign="top" align="center">
        <font color="black" size="6"><p align="center">SUMA : 9 500 ZŁ NETTO</font></p>
        </td>
	</tr>
	<tr>
		<td colspan="4" background="images/zajestosc.jpg" width="936" height="132" valign="top" align="center">
        <!-- TEKST DOTYCZĄCY ZAJĘTOŚCI -->
        <font color="black" size="4" face="Verdana">ZESTAW NIE JEST DOSTĘPNY NA TERENIE CAŁEGO KRAJU</font></p>
        <!-- TEKST DOTYCZĄCY ZAJĘTOŚCI -->
        </td>
		<td rowspan="2">
			<img src="images/wzer-12.jpg" width="5" height="474"></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/wzer-13.jpg" width="936" height="342"></td>
	</tr>
</table>
    </td>
  </tr>
</table>
[HTML] pobierz, plaintext 

<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 (IMG:style_emoticons/default/wink.gif) , dwie kolumny: id i kontent, niepotrzebne informacje schować za pomocą CSS. I tak w coś je będzie musiał opakować.

@aniolekx Autor chce sortować Tabelki a nie zawartość Tabelek (IMG:style_emoticons/default/wink.gif)

Ten post edytował aniolekx 15.12.2014, 11:45:26

[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

Ten post edytował dizek 15.12.2014, 12:15:24

[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