getElementsById order by highest id

[laucinieks]

Tātad vai kāds var iedot piemēru kā uztaisīt skriptu, kurš sorto visus img id, augošā secībā.

Piem:

Bez javascript bildes ir šādā secībā -

<img src=".." id="1">

<img src=".." id="4">

<img src=".." id="2">

<img src=".." id="5">

<img src=".." id="6">

<img src=".." id="3">

Ar Javascript bildes ir šādā secībā -

<img src=".." id="1">

<img src=".." id="2">

<img src=".." id="3">

<img src=".." id="4">

<img src=".." id="5">

<img src=".." id="6">

 

Paldies jau iepriekš,

Laucinieks.

[briedis]

ID nedrīkst būt tikai skaitlis.

 

Nebūtu loģiskāk sakārtot tās bildes pirms drukāšanās, ja vien tev tur nav kaut kādi js risinājumi, kas dinamiski to visu veido?

[laucinieks]

Jā, to zinu, tas bija vienkārši kā piemērs. Ir tāda lieta, ka bildes ir kārtis, kuras tiek ņemtas no datubāzes 'kārtis', kurā ir lauki stiprums un bildes. Tātad katrai bildei tiek pielikts klāt arī tās stiprums. Uz ekrāna tiek parādītas 6 kārtis kuras no visām datubāzes kārtīm tiek izdotas randomā, un vēlos viņas sakārtot augošā secībā pēc kārts stipruma (manā gadījumā <img id=stiprums'.$stiprums[$p1cards].' src="'.$liela_bilde[$p1cards].'">)

[v3rb0]

Tik tāpēc, ka ieraudzīju ka php.lv/f izmanto prototype.js sagribējās uzrakstīt vienu prototype.js laiku rindiņu.

$("foo").innerHTML = $A($$("#foo img")).sort(function(a,b) {return a.id > b.id;}).inject("", function(a, b) {return a+"<img src='"+b.src+"' id='"+b.id+"'>"});

un nē, tas nav kā būtu pareizi un vajadzētu darīt :D , bet nu vajadzētu sakārtot..

[briedis]

Parādi drukāšanas kodu.

To kārtošanu noteikti vajag darīt servera pusē, citādi būs tāds čerez... variants.

 

Iepazīsties, masīvu kārtošana - http://php.net/manual/en/function.sort.php

[laucinieks]

http://paste.php.lv/719bdbcbf2e7b8c3892a84f608736ff5?lang=php Viss kods, ir haoss, bet to pielabošu, kad visu iztestēšu.

[daGrevis]

<div id="card12"></div>

 

card_id = $('div').attr('id');

card = (integer) card_id.substr(6); // Ceru, ka nenokļūdijos. :D

 

Es reāli pat nezinu kas par problēmu. Vienkārši gribējās to uzrakstīt. :D

[laucinieks]

Par to masīvu kārtošanu, skatījos, bet man tas laikam īsti neder, jo man ir 52 kārtis, bet sakārtot vajag tikai 6/52.

daGrevis, tavs variants neiet.

[codez]

jQuery way: http://jsfiddle.net/DwWAp/

 

js:

$('.card').sort(function(a,b){return a.id>b.id?1:-1;}).appendTo('#cards');

 

html:

<div id="cards">
   <div class="card" id="a1">a1</div>
   <div class="card" id="a3">a3</div>
   <div class="card" id="a6">a6</div>
   <div class="card" id="a2">a2</div>
   <div class="card" id="a4">a4</div>
   <div class="card" id="a5">a5</div>
</div>

[daGrevis]

Kaut kas kādreiz arī iet?

[laucinieks]

jQuery way: http://jsfiddle.net/DwWAp/

 

js:

$('.card').sort(function(a,b){return a.id>b.id?1:-1;}).appendTo('#cards');

 

html:

<div id="cards">
   <div class="card" id="a1">a1</div>
   <div class="card" id="a3">a3</div>
   <div class="card" id="a6">a6</div>
   <div class="card" id="a2">a2</div>
   <div class="card" id="a4">a4</div>
   <div class="card" id="a5">a5</div>
</div>

 

Strādā, bet aiziet greizi, ja ir piemēram - id="a1" id="a11" id="a2" id="a17" tad sakārtojas tā - id="a1" id="a11" id="a17" id="a2" nevis id="a1" id="a2" id="a11" id="a17"

[codez]

taisi a01, a02, a03, a11

[laucinieks]

Tad man jāpārraksta datubāzes ieraksti, varbūt ir vēl kāds cits variants, ja nav, tad nāksies to darīt.

[codez]

var pārveidot kārtošānas compare funkciju, tā, lai izgriež stringu un pārveido par Number tipu un tad salīdzina:

http://jsfiddle.net/DwWAp/12/

 

$('.card').sort(function(a,b){
   return Number(a.id.split('a')[1])>Number(b.id.split('a')[1])?1:-1;
}).appendTo('#cards');

 

nedaudz labāks variants:

http://jsfiddle.net/DwWAp/13/

 

$('.card').sort(function(a,b){
   return Number(a.id.substr(1))>Number(b.id.substr(1))?1:-1;
}).appendTo('#cards');

Edited July 29, 2011 by codez

[laucinieks]

Liels paldies, viss strādā :)

[rebuilder]

Minu, ka nākošais jautājums būs par kārtīm un to zīmēm ;D