Avatar billede Slettet bruger
28. juli 2005 - 22:15 Der er 16 kommentarer og
1 løsning

Hent efter input-data

Jeg er vil gerne have lidt hjælp hvis det er muligt.

Jeg skal have lavet 4 inputfleter som hver åber X antal nye input felter.

DVS. når jeg i den førest skriver ex 5 så skal der komme 5 nye input feleter frem.
og når jeg trykker 5 i den næste skal der kunne komme 5 frem der også.

Hvordan kan det gøres?
Avatar billede roenving Novice
28. juli 2005 - 23:24 #1
Hvor skal de komme frem henne, og kan du give en ide om, hvor mange der måske skal kunne være ?-)
Avatar billede Slettet bruger
28. juli 2005 - 23:28 #2
Jamen plan var at jeg have den en del der kaldte dem frem der så ca sådan ud:
(håber man kan se det)


[ ]    [ ]


[ ]    [ ]

Når du så putter tal ind i dem skulle der gerne komme nogle bokes frem.:

[2]    [3]
[NY]  [NY]
[NY]  [NY]
      [NY]

[1]    [4]
[NY]  [NY]
      [NY]
      [NY]
      [NY]
Avatar billede Slettet bruger
28. juli 2005 - 23:28 #3
[ ]    [ ]


[ ]    [ ]

Når du så putter tal ind i dem skulle der gerne komme nogle bokes frem.:

[2]    [3]
[NY]  [NY]
[NY]  [NY]
        [NY]

[1]    [4]
[NY]  [NY]
        [NY]
        [NY]
        [NY]
Avatar billede roenving Novice
28. juli 2005 - 23:33 #4
Grunden til at jeg spørger, er, at det måske vil være nemmere at have alle bokse i forvejen, men have dem skjult indtil de skal bruges !-)

-- og måske vil det være mere indlysende med select-bokse, hvis det er et begrænset antal !o]
Avatar billede Slettet bruger
28. juli 2005 - 23:35 #5
Hehe kan godt lide dine forslag.

Ja der er et max på 10.
Altså jeg vil være glad for at lære en nem måde at gør det på så den der med at gemme dem er jeg helt med på.

DDD
Avatar billede Slettet bruger
28. juli 2005 - 23:45 #6
Jeg bliver nød til at hoppe i seng.
Jeg håber at komme på imorgen og kigger på det hjælp der evt kommer.

DDD
Avatar billede roenving Novice
28. juli 2005 - 23:52 #7
F.eks. sådan:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
<script language="javascript" type="text/javascript">
function updateShow(elm){
  var td = elm.parentNode;
  var inps = td.getElementsByTagName("input");
  for(i=0;inps.length>i;i++)
    inps[i].style.visibility = i >= elm.selectedIndex ? 'hidden' : 'visible';
}
</script>
</head>
<body>
<form id="minForm" name="minForm">
<table>
  <tr>
    <td>
      <select onchange="updateShow(this)">
        <option>-- Vælg antal inputs --</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
      </select><br>
      <input type="text" name="Inp1_1" style="visibility:hidden"><br>
      <input type="text" name="Inp1_2" style="visibility:hidden"><br>
      <input type="text" name="Inp1_3" style="visibility:hidden"><br>
      <input type="text" name="Inp1_4" style="visibility:hidden"><br>
      <input type="text" name="Inp1_5" style="visibility:hidden"><br>
      <input type="text" name="Inp1_6" style="visibility:hidden"><br>
      <input type="text" name="Inp1_7" style="visibility:hidden"><br>
      <input type="text" name="Inp1_8" style="visibility:hidden"><br>
      <input type="text" name="Inp1_9" style="visibility:hidden"><br>
      <input type="text" name="Inp1_10" style="visibility:hidden"></td>
    <td>
      <select onchange="updateShow(this)">
        <option>-- Vælg antal inputs --</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
      </select><br>
      <input type="text" name="Inp2_1" style="visibility:hidden"><br>
      <input type="text" name="Inp2_2" style="visibility:hidden"><br>
      <input type="text" name="Inp2_3" style="visibility:hidden"><br>
      <input type="text" name="Inp2_4" style="visibility:hidden"><br>
      <input type="text" name="Inp2_5" style="visibility:hidden"><br>
      <input type="text" name="Inp2_6" style="visibility:hidden"><br>
      <input type="text" name="Inp2_7" style="visibility:hidden"><br>
      <input type="text" name="Inp2_8" style="visibility:hidden"><br>
      <input type="text" name="Inp2_9" style="visibility:hidden"><br>
      <input type="text" name="Inp2_10" style="visibility:hidden"></td>
  </tr>
  <tr>
    <td>
      <select onchange="updateShow(this)">
        <option>-- Vælg antal inputs --</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
      </select><br>
      <input type="text" name="Inp3_1" style="visibility:hidden"><br>
      <input type="text" name="Inp3_2" style="visibility:hidden"><br>
      <input type="text" name="Inp3_3" style="visibility:hidden"><br>
      <input type="text" name="Inp3_4" style="visibility:hidden"><br>
      <input type="text" name="Inp3_5" style="visibility:hidden"><br>
      <input type="text" name="Inp3_6" style="visibility:hidden"><br>
      <input type="text" name="Inp3_7" style="visibility:hidden"><br>
      <input type="text" name="Inp3_8" style="visibility:hidden"><br>
      <input type="text" name="Inp3_9" style="visibility:hidden"><br>
      <input type="text" name="Inp3_10" style="visibility:hidden"></td>
    <td>
      <select onchange="updateShow(this)">
        <option>-- Vælg antal inputs --</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
      </select><br>
      <input type="text" name="Inp4_1" style="visibility:hidden"><br>
      <input type="text" name="Inp4_2" style="visibility:hidden"><br>
      <input type="text" name="Inp4_3" style="visibility:hidden"><br>
      <input type="text" name="Inp4_4" style="visibility:hidden"><br>
      <input type="text" name="Inp4_5" style="visibility:hidden"><br>
      <input type="text" name="Inp4_6" style="visibility:hidden"><br>
      <input type="text" name="Inp4_7" style="visibility:hidden"><br>
      <input type="text" name="Inp4_8" style="visibility:hidden"><br>
      <input type="text" name="Inp4_9" style="visibility:hidden"><br>
      <input type="text" name="Inp4_10" style="visibility:hidden"></td>
  </tr>
</table>
</form>
</body>
</html>
Avatar billede roenving Novice
28. juli 2005 - 23:53 #8
-- og jeg har brugt visibility, men man kunne også bruge display !-)
Avatar billede Slettet bruger
29. juli 2005 - 15:13 #9
Det er sku super.

Men nu må jeg lige lære lidt om det.

Hvis jeg nu på et tidsdpunkt vil lave så der kommer 2 input felet når Value er = 1
Og 4 når value er = 2.

Kan det så lade sig gøre.

DDD
Avatar billede Slettet bruger
29. juli 2005 - 15:13 #10
Og smid lige et svar ;0)

DDD
Avatar billede roenving Novice
29. juli 2005 - 15:15 #11
Ja, selvfølgelig, man kunne f.eks. lave algoritmen om til:

inps[i].style.visibility = i >= 2*elm.selectedIndex ? 'hidden' : 'visible';

Velbekomme '-)
Avatar billede roenving Novice
29. juli 2005 - 15:32 #12
-- og tak for point ;~}
Avatar billede Slettet bruger
29. juli 2005 - 15:37 #13
NP.
Avatar billede Slettet bruger
29. juli 2005 - 17:22 #14
Hvis du stadig er vågn i denne tråd.

Kan man så også gøre det med select istedet for indput.
Avatar billede roenving Novice
29. juli 2005 - 17:24 #15
Nu valgte jeg at bruge select-bokse til valget, men input til tingene ...

-- der er ikke det fjerneste i vejen for at man bruger selects i stedet for inputs !-)
Avatar billede Slettet bruger
29. juli 2005 - 17:33 #16
Ok for sidder nemlig og prøver.

Men når den den vil ikke rigtigt jeg bruger en selects som henter data fra en database men det gider den ikke rigtigt:

Har godt nok kun gjort det ved den øverste men planen er at den viser 2 ting når jeg vælger 1. Den første er en select og den næste er en lille Input box.

Har jeg lavet noget forkert:

    Response.Write("<select name=""homegoal"" onchange=""updateShow(this)"">")
                Response.Write("<option>-- Vælg antal inputs --</option>")
                Response.Write("<option value=""1"">1</option>")
                Response.Write("<option value=""2"">2</option>")
                Response.Write("<option value=""3"">3</option>")
                Response.Write("<option value=""4"">4</option>")
                Response.Write("<option value=""5"">5</option>")
                Response.Write("<option value=""6"">6</option>")
                Response.Write("<option value=""7"">7</option>")
                Response.Write("<option value=""8"">8</option>")
                Response.Write("<option value=""9"">9</option>")
                Response.Write("<option value=""10"">10</option>")
              Response.Write("</select><br>")
            %><!--#include file="db_open.asp"--><%
              set rs    =    Conn.Execute("SELECT * FROM Players ORDER by playername ")
            Response.Write("<select name=""Players1"" style=""visibility:hidden"">")
                    do while not rs.eof               
                        Response.Write("<option value=""" &  rs("playername") & """>" & rs("playername ") & "</option>")
                       
                   
                    rs2.movenext
                    loop
                    Response.Write("</select> <input type=""text"" size=""5"" name=""Inp1_1"" style=""visibility:hidden""><br>")
              Response.Write("<input type=""text"" name=""homegoal1"" style=""visibility:hidden""> <input type=""text"" size=""5"" name=""Inp1_1"" style=""visibility:hidden""><br>")
              Response.Write("<input type=""text"" name=""Inp1_2"" style=""visibility:hidden""> <input type=""text"" size=""5"" name=""Inp1_1"" style=""visibility:hidden""><br>")
              Response.Write("<input type=""text"" name=""Inp1_3"" style=""visibility:hidden""> <input type=""text"" size=""5"" name=""Inp1_1"" style=""visibility:hidden""><br>")
              Response.Write("<input type=""text"" name=""Inp1_4"" style=""visibility:hidden""> <input type=""text"" size=""5"" name=""Inp1_1"" style=""visibility:hidden""><br>")
              Response.Write("<input type=""text"" name=""Inp1_5"" style=""visibility:hidden""> <input type=""text"" size=""5"" name=""Inp1_1"" style=""visibility:hidden""><br>")
              Response.Write("<input type=""text"" name=""Inp1_6"" style=""visibility:hidden""> <input type=""text"" size=""5"" name=""Inp1_1"" style=""visibility:hidden""><br>")
              Response.Write("<input type=""text"" name=""Inp1_7"" style=""visibility:hidden""> <input type=""text"" size=""5"" name=""Inp1_1"" style=""visibility:hidden""><br>")
              Response.Write("<input type=""text"" name=""Inp1_8"" style=""visibility:hidden""> <input type=""text"" size=""5"" name=""Inp1_1"" style=""visibility:hidden""><br>")
              Response.Write("<input type=""text"" name=""Inp1_9"" style=""visibility:hidden""> <input type=""text"" size=""5"" name=""Inp1_1"" style=""visibility:hidden""><br>")
              Response.Write("<input type=""text"" name=""Inp1_10"" style=""visibility:hidden""> <input type=""text"" size=""5"" name=""Inp1_1"" style=""visibility:hidden""></td>")
              %><!--#include file="db_close.asp"--><%
Avatar billede Slettet bruger
29. juli 2005 - 17:43 #17
Det med rs2.movenext er rettet.
Så det er ikke der fejlen er ;)
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