Avatar billede chalde Seniormester
14. december 2007 - 22:12 Der er 16 kommentarer og
1 løsning

xhtml, form

Hey.
Det er vist nogle år siden jeg sidst legede med html. Sidder og laver en simpel gui til noget webshop (bare for at repetere, skal ikke bruges til andet). Har 2 spg.
1) I en form. Hvordan får jeg smidt hhv en tekstboks og et rullepanel sammen så resultatet ved submit hænger sammen. F.eks:
Vare 1
<br/>
<input type="text" size="2" maxlength="2" name="Antal">
<select>
<option>valg 1</option>
<option>valg 2</option>
<option>valg 3</option>
</select>
<br/>

Her kommer resultatet bare ud som &Antal= men ikke med valget.

2) Hvordan får jeg resultatet smidt videre og listet overskueligt på en ny side?
Har en række tesktbokse og ovenstående til varevalg, og det skulle gerne kunne smides videre til en ny side på listeform.
Avatar billede erikjacobsen Ekspert
14. december 2007 - 22:24 #1
<br/>
<select name="Antal">
<option>valg 1</option>
<option>valg 2</option>
<option>valg 3</option>
</select>
<br/>
Avatar billede chalde Seniormester
14. december 2007 - 22:38 #2
Så kom det på plads :) takker (smid et svar).
Så mangler jeg bare det andet.
Avatar billede erikjacobsen Ekspert
14. december 2007 - 23:14 #3
Ingen point til mig, tak.

Det andet er lidt svært at klare ud fra de givne oplysninger. Så kunne jeg li'så godt spørge dig hvilket slips jeg skulle tage på i morgen ;)
Avatar billede chalde Seniormester
14. december 2007 - 23:27 #4
Smider lige koden her for hele siden. Ved ikke hvor rodet den er (er som sagt et par år siden jeg sidst har rodet med det):

<html>

<head>

<title>Skrammelshop varer</title>

</head>

<body>

    <form method="post" action="mailto:asdas@assad.com" id="order" name="order">
            <br/><label for="firstName">Fornavn</label><input type="text" name="firstName" id="firstName">
            <br/><label for="surName">Efternavn</label><input type="text" name="surName" id="surName">
            <br/><label for="streetName">Vejnavn</label><input type="text" name="streetName" id="streetName">
            <br/><label for="streetNumber">Vejnummer</label><input type="text" name="streetNumber" id="streetNumber">
            <br/><label for="zipCode">Postnummer</label><input type="text" name="zipCode" id="zipCode">
            <br/>

        Vare 1
            <br/>
            <label for="AntalVare1">Antal</label>
            <input type="text" size="2" maxlength="2" name="AntalVare1">
            <label for="Vare1">Af</label>
            <select name="Vare1">
                  <option>Vælg din vare</option>
                  <option>Defekt dåseåbner</option>
                  <option>Lås inkl. knækket nøgle</option>
                  <option>Rusten cykelkæde</option>
                </select>
            <br/>
           
        Vare 2
            <br/>
            <label for="AntalVare2">Antal</label>
            <input type="text" size="2" maxlength="2" name="AntalVare2">
            <label for="Vare2">Af</label>
            <select name="Vare2">
                  <option>Vælg din vare</option>
                  <option>Defekt dåseåbner</option>
                  <option>Lås inkl. knækket nøgle</option>
                  <option>Rusten cykelkæde</option>
            </select>
            <br/>

        Vare 3
            <br/>
            <label for="AntalVare3">Antal</label>
            <input type="text" size="2" maxlength="2" name="AntalVare3">
            <label for="Vare3">Af</label>
            <select name="Vare3">
                  <option>Vælg din vare</option>
                  <option>Defekt dåseåbner</option>
                  <option>Lås inkl. knækket nøgle</option>
                  <option>Rusten cykelkæde</option>
            </select>
            <br/>

        <input type="submit" value="Bestil">
        <input type="reset">

    </form>
   
    <br/>   
    <input type="button" value=" Tilbage " onClick="history.back();">

</body>

</html>

Istedet for at lave en mailto, så skal den hoppe videre til en ny side, og liste den valgte bestilling overskueligt.
Lige nu laver den bare en ny mail med følgende:
firstName=&surName=&streetName=&streetNumber=&zipCode=&AntalVare1=&Vare1=V%E6lg+din+vare&AntalVare2=&Vare2=V%E6lg+din+vare&AntalVare3=&Vare3=V%E6lg+din+vare

Ville gerne have den sådan her på den nye side:
Navn xxxx
Adresse xxxx
<osv>
Bestilling:
Antal x af vare xxxx
Avatar billede chalde Seniormester
15. december 2007 - 09:04 #5
Et ekstra spg:
Den dropdown-box jeg har lavet til varer. Kan den gøres dynamisk med f.eks css? Sådan at indholdet lavet i css eller et andet dokument, så det ikke er nødvendigt at ændre indholdet alle steder i dette dokument, men blot et sted i et andet?
Avatar billede erikjacobsen Ekspert
15. december 2007 - 12:14 #6
css har ikke noget med indhold at gøre. Man bruger i dag et eller scriptsprog på serveren. Det er også hvad der er nødvendigt for at du får "listet overskueligt på en ny side".
Avatar billede w13 Novice
15. december 2007 - 14:22 #7
Ja, du bør nok kigge på enten noget ASP eller PHP.
Avatar billede chalde Seniormester
16. december 2007 - 21:49 #8
Jeg får ikke kigget på PHP eller andet de næste par måneder.
Men kender i til et javascript der kan gøre det ønskede? ALtså åbne en ny side hvor inputtet i formen kommer frem sorteret?
Avatar billede w13 Novice
17. december 2007 - 00:07 #9
Den slags eksisterer, men igen vil det være at skyde sig selv i foden, hvis man ikke bruger Server-Side-sprog såsom ASP eller PHP til dette.
Avatar billede erikjacobsen Ekspert
17. december 2007 - 08:58 #10
Ja, jo, man kan da. Men hvad skal du bruge det til?
Avatar billede chalde Seniormester
17. december 2007 - 10:08 #11
Det er mest til repetition af xhtml, men nu er jeg blevet stædig :) den ska bare kunne sortere inputtet fra formularen så det kommer overskueligt frem på en ny side.
Avatar billede olebole Juniormester
17. december 2007 - 15:41 #12
<ole>

Når du skriver XHTML, må du ikke bruge IDL/JavaScript. Du skal i stedet bruge (XML-)DOM/JavaScript.

Da du imidlertid ikke kan hente dynamiske værdier fra formfelter via DOM, kan du stort set intet gøre med formfelter under XHTML. Du kan i hvertfald ikke aflæse deres indhold, hvis brugeren har indtastet noget i dem.
Når XHTML engang bliver understøttet og anvendeligt på WWW, kommer vi til at overgå til XForms. Til den tid kan forms endelig bruges til noget fornuftigt under XHTML, men det kommer formodentlig til at tage nogle år endnu.

Eneste løsning: Brug et serverside sprog  ;o)

/mvh
</bole>
Avatar billede chalde Seniormester
17. december 2007 - 15:44 #13
Æv, stædigheden får sig et knæk :)
Men er stort set færdig med skidtet nu alligevel (meget simpel GUI uden funktioner), så det var mest for at tilfredsstille min nysgerrighed (og i høj grad stædighed).
Men smid et par svar folkens. Og tak for hjælp+tålmodighed :)
Avatar billede erikjacobsen Ekspert
17. december 2007 - 15:56 #14
Xingen xpoint xtil xmig, xtak (det er så populært at sætte X foran alting for tiden, for et syns skyld ...)
Avatar billede chalde Seniormester
17. december 2007 - 15:59 #15
Jeps, de er helt oppe og ringe over det :)
Jeg vil prøve at få indført &#1046; som det næste X-<whatever>.
Avatar billede w13 Novice
17. december 2007 - 17:55 #16
Jeg tror vist godt, du bare kan tage point selv her. =)
Avatar billede chalde Seniormester
21. december 2007 - 13:52 #17
Hehe, det vil jeg gøre :)
Tak for input folkens. Kommer til serverside-sprog inden for det næste halve års tid :)
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