Avatar billede drj68 Nybegynder
21. april 2004 - 13:55 Der er 17 kommentarer og
1 løsning

Hvordan laver jeg en liste

Hej

Jeg vil gerne have lavet en liste, hvor man kan flytte punkter op og ned, for der efter at sende rækkefølgen samt et ID-nummer til den næste side. Ud over det skal enhederne i listen have et navn, som jeg vælger.
Avatar billede da9el Nybegynder
21. april 2004 - 15:12 #1
<p>Tre ting skal jeg sige dig:</p>
<ul>
    <li>For det ene...</li>
    <li>For det andet...</li>
    <li>For det tredie...</li>
</ul>

Daniel
Avatar billede da9el Nybegynder
21. april 2004 - 15:15 #2
Avatar billede kr-data Nybegynder
21. april 2004 - 15:52 #3
Og hvordan må jeg spørge vil du sende det til næste side?

Tror det skulle formuleres lidt bedre. Det en liste i en form. Altså:

<form action="side.php" method="post">
<!-- kode der indsætter liste -->
</form>
Avatar billede drj68 Nybegynder
21. april 2004 - 17:21 #4
hmm der er ikke nogle der kan finde ud af det?
Avatar billede da9el Nybegynder
21. april 2004 - 17:23 #5
Hvad mener du??
Avatar billede drj68 Nybegynder
21. april 2004 - 17:31 #6
ja jeg har jo ikke fået en løsning endnu.. Det jeg vil have er at man skal kunne flytte punkter op og ned, for der efter at sende rækkefølgen samt et ID-nummer til den næste side, hvilket jo er langt fra det du har skrevet...
Avatar billede roenving Novice
21. april 2004 - 17:34 #7
Så brugeren skal kunne flytte elementerne, og du kan registrere server-side, at de har den rækkefølge ?-)

-- har tænkt lidt i noget javascript, som kan tage et markeret element og flytte med det, lidt kompliceret ...
Avatar billede drj68 Nybegynder
21. april 2004 - 17:35 #8
--> roenving
Nemlig lige præcis :)
Avatar billede da9el Nybegynder
21. april 2004 - 17:37 #9
Når ok havde ikke lige læst spørgsmålet kun overskriften heh
Avatar billede kr-data Nybegynder
21. april 2004 - 17:46 #10
da9el>> det er ikke alt for smart. Bare for god ordens skyld, så læs lige en anden gang
Avatar billede drj68 Nybegynder
21. april 2004 - 17:47 #11
har forhøjet pointsne og håber på at nogen har en eller anden ginial idé :)
Avatar billede roenving Novice
21. april 2004 - 17:57 #12
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Flyt liste-punkt</title>
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/491783">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
function flyt(f,act){
  var sel = f.minSelect,from = sel.selectedIndex,tmpv=tmpt="";
  var til = (act=='op')?from-1:from+1;
  if(til<0||til>=sel.length)return;
  tmpv = sel.options[til].value;
  tmpt = sel.options[til].text;
  sel.options[til].value = sel.options[from].value;
  sel.options[til].text = sel.options[from].text;
  sel.options[from].value = tmpv;
  sel.options[from].text = tmpt;
  sel.options[til].selected = true;
  sel.selectedIndex = til;
  tmpv = sel.options[0].value;
  for(i=1;sel.length>i;i++){
    tmpv += "," + sel.options[i].value
  }
  f.order.value=tmpv;
  alert(f.order.value);
}
</script>
</head>

<body onresize onload>
<br>
<form id="minForm" name="minForm">
<input type="hidden" name="order" value="">
<table><tr><td>
<select name="minSelect" id="minSelect" size="3">
    <option value="1">Første<br>
    <option value="2">Anden<br>
    <option value="3">Tredje<br>
</select></td>
<td>
<input type="button" value="^" onclick="flyt(this.form,'op');"><br>
<input type="button" value="v" onclick="flyt(this.form,'ned');"></td>
</tr></table>
</form>
</body>

</html>
Avatar billede kr-data Nybegynder
21. april 2004 - 18:13 #13
Ok, den lader til at virke, hvordan får man informationerne på næste side?
Avatar billede kr-data Nybegynder
21. april 2004 - 18:13 #14
Bruger man bare order?
Avatar billede kr-data Nybegynder
21. april 2004 - 18:20 #15
Har eksperiementeret lidt. Det færdige resultat bliver:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Flyt liste-punkt</title>
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/491783">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
function flyt(f,act){
  var sel = f.minSelect,from = sel.selectedIndex,tmpv=tmpt="";
  var til = (act=='op')?from-1:from+1;
  f.amount.value = sel.length;
  if(til<0||til>=sel.length)return;
  tmpv = sel.options[til].value;
  tmpt = sel.options[til].text;
  sel.options[til].value = sel.options[from].value;
  sel.options[til].text = sel.options[from].text;
  sel.options[from].value = tmpv;
  sel.options[from].text = tmpt;
  sel.options[til].selected = true;
  sel.selectedIndex = til;
  tmpv = sel.options[0].value;
  for(i=1;sel.length>i;i++){
    tmpv += "," + sel.options[i].value
  }
  f.order.value=tmpv;
  alert(f.order.value);
}
</script>
</head>

<body onresize onload>
<br>
<form action="changeOrder.php" method="post" id="minForm" name="minForm">
<input type="hidden" name="order" value="">
<input type="hidden" name="amount" value="">
<table><tr><td>
<select name="minSelect" id="minSelect" size="3">
    <option value="1">Første<br>
    <option value="2">Anden<br>
    <option value="3">Tredje<br>
</select></td>
<td>
<input type="button" value="^" onclick="flyt(this.form,'op');"><br>
<input type="button" value="v" onclick="flyt(this.form,'ned');"></td>
</tr>
<tr>
<td colspan="2"><center><input type="submit"></center></td>
</tr>
</table>
</form>
</body>

</html>

roenving> Smid et svar, så får jeg lige Daniel til at give point. Og fra os begge, mange tak!
Avatar billede roenving Novice
21. april 2004 - 18:21 #16
Velbekomme '-)
Avatar billede drj68 Nybegynder
21. april 2004 - 18:25 #17
Mange tak for hjælpen roenving...
Avatar billede roenving Novice
21. april 2004 - 18:27 #18
-- og jeg takker for 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