Mover para cima/baixo um <li>

[Insert 0]

Pessoal, estou quebrando a cabeça e nao consigo de jeito algum fazer o que desejo.

 

Tenho esta lista como exemplo:

<ul id="itens">
 <li id="1">Blabla</li>
 <li id="2">Bleble</li>
 <li id="3">Blibli</li>
</ul>

 

Queria colocar um botão de UP e DOWN em cada <li> da lista que ao clicar fara o <li> correspondente subir ou descer sem mudar seus atributos.

 

Como posso fazer isso? Preciso muito de ajuda para fazer isso, ja busquei na net e só acho com jquery mas quero fazer sem usar frameworks pois meu sistema esta tdo sem framework.

 

Alguem sabe como fazer ?

[Lucas Guima 164]

Pega os código com framework e procura as funções equivalentes.

[Insert 0]

Segue um exemplo do que preciso, este foi feito com jquery mas nao quero usar jquery pois meu sistema ja esta quase pronto falta apenas esta parte em javascript ai teria de mudar tudo para jquery pra nao ficar bagunçado.

 

http://jsfiddle.net/BDecp/

 

$('.moveUp').click(function(){
   var liItem = $(this).parent();
   if (liItem.prev().is('li'))
   {
       liItem.insertBefore(liItem.prev())
   }
});

$('.moveDown').click(function(){
   var liItem = $(this).parent();
   if (liItem.next().is('li'))
   {
       liItem.insertAfter(liItem.next())
   }
});​

[Lucas Guima 164]

Agora basta pesquisar o que as funções jQuery fazem e procurar as funções JS equivalentes.

[Insert 0]

Seu eu nao consigo fazer o que desejo imagine achar no jquery as funções.

[Lucas Guima 164]

Bom, vejamos:

 

jQuery: .click()

JavaScript: .onclick()

 

jQuery:

.parent()

.prev()

.insertBefore()

.is()

.next()

.insertAfter()

[Insert 0]

Ta dificil

 

Lucas voce sabe como fazer? Estou disposto a pagar pois tenho urgencia

[Lucas Guima 164]

Ta dificil

 

Lucas voce sabe como fazer? Estou disposto a pagar pois tenho urgencia

Te enviei uma mensagem. :thumbsup: