Avatar billede denflinkelaanehaj Nybegynder
28. juni 2006 - 13:09 Der er 3 kommentarer og
1 løsning

form uden database?

Kan man lave noget der har samme funktion som en form, men uden en database?

Brugeren skal svare på 4 spørgsmål.
Svarer de rigtigt (på alle 4) skal submit-knappen sende dem videre til siden rigtigt.htm og svarer de ikke rigtigt skal de sendes videre til siden forkert.htm

Kan man gøre det? Og hvis ja, hvordan?

Her er som jeg tænker det nogenlunde skal se ud:

<form>
<table>
<tr>
<td>
<input type="radio" name="radiofelt" value="nr1"> 500,-<br>
<input type="radio" name="radiofelt" value="nr2"> 600,-<br>
<input type="radio" name="radiofelt" value="nr3"> 700,-<br>
</td>
<td>
<input type="radio" name="radiofelt2" value="nr4"> JA<br>
<input type="radio" name="radiofelt2" value="nr5"> NEJ<br>
<input type="radio" name="radiofelt2" value="nr6"> BÅDE/OG<br>
</td>
<td>
<input type="radio" name="radiofelt3" value="nr7"> ØSTERBRO<br>
<input type="radio" name="radiofelt3" value="nr8"> VALBY<br>
<input type="radio" name="radiofelt3" value="nr9"> FREDERIKSBERG<br>
</td>
<td>
<input type="radio" name="radiofelt4" value="nr10"> D<br>
<input type="radio" name="radiofelt4" value="nr11"> F<br>
<input type="radio" name="radiofelt4" value="nr12"> G<br>
</td>
</tr>
<tr>
<td colspan=4>
<center>   
<input type="submit" value="Send">
</center>
</td>
</tr>
</table>
</form>
Avatar billede milandt Nybegynder
28. juni 2006 - 15:40 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
    <script type="text/javascript">
   
        function checkResults(objForm)
        {   
            //is all answers correct? then go to rigtigt.html
            if( getRadio(objForm.radiofelt) == 'nr1' &&
                getRadio(objForm.radiofelt2) == 'nr4' && 
                getRadio(objForm.radiofelt3) == 'nr7' &&
                getRadio(objForm.radiofelt4) == 'nr10' )
                location.href = "rigtigt.html";
            else
            {
                //if not, is all questions answered? then go to forkert.html
                if( getRadio(objForm.radiofelt) != false &&
                    getRadio(objForm.radiofelt2) != false &&
                    getRadio(objForm.radiofelt3) != false &&
                    getRadio(objForm.radiofelt4) != false )
                    location.href = "forkert.html";
                //if not, alert user of missing answers
                else
                    alert("Du mangler at svare på et eller flere spørgsmål");
               
            }
        }
       
        function getRadio( objRadio )
        {
            var i;       
            for( i = 0; i < objRadio.length; i++ )
                if( objRadio[i].checked )
                    return objRadio[i].value;
           
            return false; //no radiobutton selected       
        }

    </script>
</head>

<body>

<form onsubmit="checkResults(this); return false;">
    <table>
        <tr>
            <td>
                <input type="radio" name="radiofelt" value="nr1" id="nr1"> 500,-<br>
                <input type="radio" name="radiofelt" value="nr2" id="nr2"> 600,-<br>
                <input type="radio" name="radiofelt" value="nr3" id="nr3"> 700,-<br>
            </td>
            <td>
                <input type="radio" name="radiofelt2" value="nr4" id="nr4"> JA<br>
                <input type="radio" name="radiofelt2" value="nr5" id="nr5"> NEJ<br>
                <input type="radio" name="radiofelt2" value="nr6" id="nr6"> BÅDE/OG<br>
            </td>
            <td>
                <input type="radio" name="radiofelt3" value="nr7" id="nr7"> ØSTERBRO<br>
                <input type="radio" name="radiofelt3" value="nr8" id="nr8"> VALBY<br>
                <input type="radio" name="radiofelt3" value="nr9" id="nr9"> FREDERIKSBERG<br>
            </td>
            <td>
                <input type="radio" name="radiofelt4" value="nr10" id="nr10"> D<br>
                <input type="radio" name="radiofelt4" value="nr11" id="nr11"> F<br>
                <input type="radio" name="radiofelt4" value="nr12" id="nr12"> G<br>
            </td>
        </tr>
        <tr>
            <td colspan=4>
                <center> 
                    <input type="submit" value="Send">
                </center>
            </td>
        </tr>
    </table>
</form>

</body>

</html>
Avatar billede milandt Nybegynder
28. juni 2006 - 15:42 #2
ovenstående fungerer på den måde at når formen submittes kaldes en javascript funktion der kontrollere om alle svar er korrekte. formen bliver aldrig submitted, men javascript redirecter til enten rigtigt.html eller forkert.html, eller kommer med en alert hvis der mangler at blive svaret på et eller flere spørgsmål.

Du angiver hvilke svar der er de rigtige her:

            if( getRadio(objForm.radiofelt) == 'nr1' &&
                getRadio(objForm.radiofelt2) == 'nr4' &&
                getRadio(objForm.radiofelt3) == 'nr7' &&
                getRadio(objForm.radiofelt4) == 'nr10' )
                location.href = "rigtigt.html";
Avatar billede denflinkelaanehaj Nybegynder
28. juni 2006 - 16:43 #3
Kanon! Det virker fint.

1000 tak for hjælpen =)

/DFL
Avatar billede milandt Nybegynder
29. juni 2006 - 18:11 #4
anytime ;)
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