Witam , korzystam z takiego oto skryptu :
<title>Zestawy Weekendowe - test sortowania
</title> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> jQuery.fn.sortElements = (function(){
var sort = [].sort;
return function(comparator, getSortable) {
getSortable = getSortable || function(){return this;};
var placements = this.map(function(){
var sortElement = getSortable.call(this),
parentNode = sortElement.parentNode,
// Since the element itself will change position, we have
// to have some way of storing its original position in
// the DOM. The easiest way is to have a 'flag' node:
nextSibling = parentNode.insertBefore(
document.createTextNode(''),
sortElement.nextSibling
);
return function() {
if (parentNode === this) {
throw new Error(
"You can't sort elements if any one is a descendant of another."
);
}
// Insert before flag:
parentNode.insertBefore(this, nextSibling);
// Remove flag:
parentNode.removeChild(nextSibling);
};
});
return sort.call(this, comparator).each(function(i){
placements[i].call(getSortable.call(this));
});
};
})();
jQuery(function ($) {
$('table.sotrable').sortElements(function(a, b){
return $(a).data('price') > $(b).data('price') ? -1 : 1;
});
});
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <table width="1000" border="0"><!-- TABELKA GŁÓWNA --> <td background="images/.png"> <table class="sotrable" width="950" height="300" border="0" cellpadding="0" cellspacing="0" data-price="15000" style="opacity:1"> <td width="9" nowrap colspan="6"><p align="center"><img src="numerki/1.jpg"></td>
<td rowspan="5" background="images/atrakcje.jpg" width="478" height="18" valign="top"> <img src="images/atrakcje_nowe/gigantyczne_pilkarzyki_1.jpg"> <!-- GIGANTYCZNE PIŁKARZYKI --> <img src="images/atrakcje_nowe/mistrzostwa_w_pilkarzyki.jpg"><!-- MISTRZOSTWA W PIŁKARZYKI --> <img src="images/atrakcje_nowe/zjezdzalnia_merlin.jpg"><!-- ZJEZDZALNIA MERLIN --> <img src="images/atrakcje_nowe/zamek_do_skakania.jpg"><!-- ZAMEK DO SKAKANIA --> <img src="images/atrakcje_nowe/mieka_gora.jpg"><!-- MIEKKA GÓRA --> <img src="images/atrakcje_nowe/karuzela.jpg"><!-- KARUZELA --> <img src="images/atrakcje_nowe/animacja_zabaw_dla_dzieci.jpg" width="464"><!-- ANIMACJA ZABAW DLA DZIECI --> <img src="images/atrakcje_nowe/konferansjer.jpg"><!-- KONFERANSJER --> <td background="images/tlo_gora.jpg" width="436" height="13"></td> <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">Gigantyczne Piłkarzyki
</p></td> <td><p align="right"><b>1 800 zł netto
</b></p></td> </tr><!-- KONIEC WIERSZA --> <tr><!-- POCZĄTEK WIERSZA --> <td><p align="left">Mistrzostwa w piłkarzyki na 3 stołach
</p></td> <td><p align="right"><b>2 000 zł netto
</b></p></td> </tr><!-- KONIEC WIERSZA --> <tr><!-- POCZĄTEK WIERSZA --> <td><p align="left">Zjeżdżalnia Merlin
</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">Zamek do skakania
</p></td> <td><p align="right"><b>1 200 zł netto
</b></p></td> </tr><!-- KONIEC WIERSZA --> <tr><!-- POCZĄTEK WIERSZA --> <td><p align="left">Miękka Góra
</p></td> <td><p align="right"><b>1 600 zł netto
</b></p></td> </tr><!-- KONIEC WIERSZA --> <tr><!-- POCZĄTEK WIERSZA --> <td><p align="left">Karuzela
</p></td> <td><p align="right"><b>2 300 zł netto
</b></p></td> </tr><!-- KONIEC WIERSZA --> <tr><!-- POCZĄTEK WIERSZA --> <td><p align="left">Animacja zabaw dla dzieci
</p></td> <td><p align="right"><b>3 000 zł netto
</b></p></td> </tr><!-- KONIEC WIERSZA --> <tr><!-- POCZĄTEK WIERSZA --> <td><p align="left">Konferansjer z nagłośnieniem
</p></td> <td><p align="right"><b>1 600 zł netto
</b></p></td> </tr><!-- KONIEC WIERSZA --> <td background="images/tlo_dol.jpg" width="436" height="18"></td> <td valign="top" align="center"> <font color="black" size="6"><p align="center">SUMA : 15 000 ZŁ NETTO
</p></font> <td colspan="4" background="images/zajestosc.jpg" width="936" height="32" valign="top" align="center"> <!-- TEKST DOTYCZĄCY ZAJĘTOŚCI -->
<font color="black" size="4" face="Verdana"></font></p><!-- TEKST DOTYCZĄCY ZAJĘTOŚCI --> <!-- TEKST DOTYCZĄCY ZAJĘTOŚCI -->
</table><!-- TABELKA GŁÓWNA -->
<table width="1000" border="0"><!-- TABELKA GŁÓWNA --> <td background="images/.png"> <table class="sotrable" width="950" height="300" border="0" cellpadding="0" cellspacing="0" data-price="11400" style="opacity:1"> <td width="9" nowrap colspan="6"><p align="center"><img src="numerki/2.jpg"></td>
<td rowspan="5" background="images/atrakcje.jpg" width="478" height="18" valign="top"> <img src="images/atrakcje_nowe/gigantyczne_pilkarzyki_2.jpg"> <!-- GIGANTYCZNE PIŁKARZYKI --> <img src="images/atrakcje_nowe/bramka_celnosciowa.jpg"><!-- BRAMKA CELNOŚCIOWA --> <img src="images/atrakcje_nowe/mistrzostwa_w_pilkarzyki.jpg"><!-- MISTRZOSTWA W PIŁKARZYKI --> <img src="images/atrakcje_nowe/silomierz_kopacz.jpg"><!-- SIŁOMIERZ KOPACZ --> <img src="images/atrakcje_nowe/symulator_surfing.jpg"><!-- SYMULATOR SURFING --> <img src="images/atrakcje_nowe/cymbergaj.jpg"><!-- CYMBERGAJ --> <td background="images/tlo_gora.jpg" width="436" height="13"></td> <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">Gigantyczne Piłkarzyki
</p></td> <td><p align="right"><b>1 800 zł netto
</b></p></td> </tr><!-- KONIEC WIERSZA --> <tr><!-- POCZĄTEK WIERSZA --> <td><p align="left">Bramka celnościowa
</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">Mistrzostwa w piłkarzyki na 6 stołach
</p></td> <td><p align="right"><b>3 200 zł netto
</b></p></td> </tr><!-- KONIEC WIERSZA --> <tr><!-- POCZĄTEK WIERSZA --> <td><p align="left">Siłomierz Kopacz
</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">Symulator Surfing
</p></td> <td><p align="right"><b>1 800 zł netto
</b></p></td> </tr><!-- KONIEC WIERSZA --> <tr><!-- POCZĄTEK WIERSZA --> <td><p align="left">Cymbergaj
</p></td> <td><p align="right"><b>1 600 zł netto
</b></p></td> </tr><!-- KONIEC WIERSZA --> <td background="images/tlo_dol.jpg" width="436" height="18"></td> <td valign="top" align="center"> <font color="black" size="6"><p align="center">SUMA : 11 400 ZŁ NETTO
</p></font> <td colspan="4" background="images/zajestosc.jpg" width="936" height="32" valign="top" align="center"> <!-- TEKST DOTYCZĄCY ZAJĘTOŚCI -->
<font color="black" size="4" face="Verdana"></font></p><!-- TEKST DOTYCZĄCY ZAJĘTOŚCI --> <!-- TEKST DOTYCZĄCY ZAJĘTOŚCI -->
Kod ten wyświetla posortowane tabelki według ceny "data-price" , ja tutaj na sztywno przypisałem najwyższej wartości obrazk np. zestaw1.jpg aby przy najwyższej wyświetlonej wartości był właśnie widoczny ten obrazek
problem polega na tym że kwota się będzie zmieniać i chciałbym aby przy najwyższej kwocie obrazki sortowały się od numeru 1,2,3,4,5
może i to ,że chce to zrobić na obrazkach jest problemem , bo w sumie mogło by być tak ,żeby nad tą tabelą która ma najwyższą cenę pojawiał się właśnie tekst zestaw 1
przykład
ZESTAW 1
(tabelka w której kwota jest nawyższa czyli np. 9 900 złnetto)
ZESTAW 2
8 800 ZŁ NETTO
ZESTAW 3
7 000 ZŁ NETTO
to strasznie zagmatwane dziekuję z góry za jakkąkolwiek pomoc ; )
Ten post edytował dizek 20.02.2015, 12:16:10