Avatar billede andreas134 Nybegynder
26. juli 2010 - 10:52 Der er 14 kommentarer og
1 løsning

Flytte rækker op, ned og til siden i tabel (drag and drop)

hej
Jeg har tidligere i dette spørgsmål:
http://www.eksperten.dk/spm/913910

ville flytte op og ned på rækkerne i en tabel og derefter gemme positionen i en mysql, men jeg er kommet frem til, at jeg heller vil have noget andet:
___
Jeg laver nu et meget enkelt eksempel som jeg gerne vil have det til at fungere i.
(Jeg bruger php som programmerings sprog.)
Jeg har en mysql, med en tabel, med 4 felter og 5 rækker:

[code]
|id(INT)|    navn  |foraelderid(INT)|positon(INT)|
|  1  | eksempel1 |        0      |      1    |
|  2  | eksempel2 |        0      |      2    |
|  3  | eksempel3 |        0      |      3    |
|  4  | eksempel4 |        0      |      4    |
|  5  | eksempel5 |        0      |      5    |
[/code]


Disse 5 rækker skal vises i en menu(<ul>).

Menuens rækkefølge afhænger af 'position' (mindste tal først).

Men hvis fx "eksempel3"s 'foraelderid' er lig med 1 vises "eksempel3" ikke i hovedmenuen men i en undermenu altså under "eksempel1".

Og så selvfølgelig hvis der er flere i undermenuen så afhænger rækkefølgen af 'position' (mindste tal først).
____

Jeg vil så gerne have en "redigerings side" med en tabel med de fem rækker og kunne trække dem op og ned (som i http://www.eksperten.dk/spm/913910) og en til siden med musen.

Der skal gemmes "position" og 'foraelderid' på tablerne sådan at tabel fra før ser sådan ud:

[code]
|id(INT)|    navn  |foraelderid(INT)|positon(INT)|
|  1  | eksempel1 |        0      |      1    |
|  2  | eksempel2 |        4      |      1    |
|  3  | eksempel3 |        1      |      1    |
|  4  | eksempel4 |        0      |      2    |
|  5  | eksempel5 |        1      |      2    |
[/code]


Efter en redigering der ser sådan ud:

[code]
eksempel1
  eksempel3
  eksempel5
eksempel4
  eksempel2
[/code]

"eksempel3" og "eksempel5" er rykket ind under "eksempel1" og får derfor 'foraelderid' lig med 1. og "eksempel3" og "eksempel5" deres "position" ud fra hvilken rækkefølge de står under "eksempel1".

Det eneste sted jeg har kunne finde med dette er på Drupal.
for dem der har drupal findes det på:

/admin/build/menu-customize/navigation



Sådan som det er lavet der sådan vil jeg gerne have det.
Med den lille rettelse at man kun skal kunne "rykke rækkerne ind" én gang.

___

Jeg håber der er nogen der forstår hvad jeg spørg om og at der måske er nogen der har nogle løsningsforslag.

Der skal nok en eller anden form for javascript til og jeg er selv nogen lunde i stand til at konvertere et eventuelt færdigt script til mit eget eksempel.

Stil endelig alle de spørgsmål i har, hvis der er noget i ikke forstår.
- Jeg er ikke så god til at forklare mig
Avatar billede andreas134 Nybegynder
28. juli 2010 - 11:31 #1
jeg forestiller mig at der skal være nogle <input type="hidden"> som jeg kan få positionerne fra
Avatar billede majbom Novice
28. juli 2010 - 15:40 #2
skal du kunne drag n droppe dem eller skal du bare flytte dem ved tryk på en knap med pil op eller ned?
Avatar billede andreas134 Nybegynder
28. juli 2010 - 22:42 #3
jeg kunne godt tænke mig drag and droppe sådan at man også kan rykke dem ind:)

har du drupal på en eller anden måde?
Avatar billede majbom Novice
30. juli 2010 - 17:36 #4
Avatar billede andreas134 Nybegynder
30. juli 2010 - 18:56 #5
jeg kan ikke lige se hvor det med at rykke ind er :)

kan du?
Avatar billede majbom Novice
30. juli 2010 - 21:10 #6
nej, min fejl - det havde jeg glemt igen :s

har du prøvet at google "javascript table drag drop" ? der kommer en del, måske der er noget brugbart imellem? der er i hvert fald nogle ret fede scripts imellem
Avatar billede andreas134 Nybegynder
30. juli 2010 - 22:13 #7
Nu har jeg prøvet men jeg synes ikke rigtig jeg kan finde noget.

Men jeg har fundet ud af at drupal er det første cms system med sådan et script.

så jeg tror desværre at det er alt for nyt til at nogen har lagt scripts ud med det.

Men du kan måske hjælpe mig med at udtænke en anden redigerings form?
har du nogen forslag til et alternativ?
Avatar billede majbom Novice
05. august 2010 - 07:28 #8
du kan ikke bare bruge deres script?
Avatar billede andreas134 Nybegynder
05. august 2010 - 13:09 #9
jeg har skam tænkt på det men du drømmer ikke om hvor stort det er.
men det bliver nok løsningen :)
Avatar billede majbom Novice
05. august 2010 - 17:57 #10
de bruger et script der hedder table-drag.js (mener jeg, det er snart et døgn siden jeg kiggede :s) - mon ikke det bare er det der skal bruges?
Avatar billede andreas134 Nybegynder
05. august 2010 - 18:31 #11
jo jeg har kigget på det (længe siden) men jeg mener der var flere scripts

men jeg kigger lige på det igen:)
Avatar billede majbom Novice
04. november 2010 - 14:26 #12
kom du videre?
Avatar billede andreas134 Nybegynder
04. november 2010 - 15:50 #13
Nej, jeg droppede det :)
Avatar billede majbom Novice
04. november 2010 - 16:26 #14
okay, så husk at få lukket spørgsmålet :)
Avatar billede andreas134 Nybegynder
11. november 2010 - 17:00 #15
lukket:)
jeg droppede det :)
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