Avatar billede andreas134 Nybegynder
10. juli 2010 - 16:00 Der er 4 kommentarer og
2 løsninger

flytte rækkerne op og ned i tabel

hej

jeg kunne godt tænke mig at kunne flytte op og ned på rækkerne i min tabel. og værdien i input skal ændre sig til:
1 hvis den er øverst
2 hvis den står som nummer 2
osv.

min tabel kan godt bestå af flere eller færre rækker end neden stående eksempel.
<table cellspacing="0">
    <tr>
        <td>eksempel1</td><td>eksempel1<input type="hidden" value="1" /></td>
    </tr>
    <tr>
        <td>eksempel2</td><td>eksempel2<input type="hidden" value="2" /></td>
    </tr>
    <tr>
        <td>eksempel3</td><td>eksempel3<input type="hidden" value="3" /></td>
    </tr>
    <tr>
        <td>eksempel4</td><td>eksempel4<input type="hidden" value="4" /></td>
    </tr>
    <tr>
        <td>eksempel5</td><td>eksempel5<input type="hidden" value="5" /></td>
    </tr>
</table>


er der nogen der har et foreslag til hvordan den kunne klares?
id, class & name må i selvfølgelig bruge lige så toset i vil. :)
Avatar billede intenz Novice
10. juli 2010 - 16:21 #1
Hvordan vil du flytte dem? Et link/knap (op/ned) i hver række?
Avatar billede andreas134 Nybegynder
10. juli 2010 - 16:31 #2
åhh undskyld det glemte jeg at sige :)

jeg vil træke dem op og ned med musen ikke knapper:)
Avatar billede intenz Novice
10. juli 2010 - 16:40 #3
Ja, det tænkte jeg nok. Det er relativt omstændigt at lave, så du bør nok bruge nogle af dem der allerede eksisterer. Første hit på google gav:
http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

Det ser ud til at kunne det du gerne vil.

Alternativt kan du prøve at søge efter noget andet:
http://www.google.dk/search?sourceid=navclient&hl=da&ie=UTF-8&rlz=1T4GGLL_daDK366DK366&q=jquery+table+drag+drop

(her er det med jquery, du kan også se om der findes nogle der bruger 'almindeligt' javascript)
Avatar billede andreas134 Nybegynder
11. juli 2010 - 00:07 #4
jquery er fint til mig jeg har arbejdet lidt med det før.
men jeg prøver lige at kigge på det og ser om jeg kan få det til at virke :)
Avatar billede andreas134 Nybegynder
11. juli 2010 - 14:52 #5
Avatar billede andreas134 Nybegynder
11. juli 2010 - 18:23 #6
nu har jeg fået det til at virke det er blevet rigtig godt :)
men tak for hjælpen du får lige nogen point :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester