Avatar billede MadsDue Nybegynder
14. juli 2011 - 14:44 Der er 6 kommentarer og
1 løsning

acc vilkår

Hej

Jeg er igang med at lave en hjemmeside, hvor man skal kunne oprette sig som bruger.

De nye bruger skal acc min vilkår.

jeg har lave en boks de skal kryds af for at acc vilkårne. Men jeg skal have gjort så de ikke kan trykke opret, uden at have acc vilkårne.

Håber i forstår.

Jeg har lavet følgende:

opret_bruger4.php

<head>
<script type="text/javascript">
    function validate(){
        var error = 0;
        var err_fld;
        var defaultcolor = "white";
        var errorcolor = "white";       
        var frm1 = document.getElementById('frm');
   
        err_fld = document.getElementById('err_'+"acc_vilkar");
        err_fld.firstChild.nodeValue = "";
       
        if (!CheckRadio("frm","acc_vilkar")){       
            err_fld.firstChild.nodeValue = "De skal accepter vores vilkår";
            error = 1;           
        }
        return (error)? false : true;       
    }

    </script>
</head>
<body>
<form action="../../sider/opret_brugere/forside_bruger.php" method="post" name="frm" id="frm" onsubmit="return validate()">

<div id="err_acc_vilkar"class="err_acc_vilkar"class="err">&nbsp;</div>
<input class="acc_vilkar" name="acc_vilkar"type="checkbox"> Accepter vores vilkår.</input>
</form>
</body>

Men det virker ikke. håber i kan hjælpe
Avatar billede olsensweb.dk Ekspert
14. juli 2011 - 15:24 #1
google "js accept term of conditions" http://www.google.dk/search?q=js+accept+term+of+conditions
første link http://www.javascriptkit.com/script/script2/accept_term.shtml
men husk det bør også laves serverside, til dem der har disablet js
Avatar billede MadsDue Nybegynder
14. juli 2011 - 15:34 #2
okay. men der kommer der en alert frem.

Jeg er mere interesseret i noget af det andet du har givet mig.

som fx.
http://www.eksperten.dk/spm/941830#reply_7799331

eller

http://www.eksperten.dk/spm/939660#reply_7799313

Så der bare kommer en tekst, der skrive at man skal krydse af. for at kommer videre.

Eller at "videre" først bliver aktiveret når feltet er krydset af
Avatar billede olsensweb.dk Ekspert
14. juli 2011 - 21:52 #3
en hurtig løsning:
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
    </style>
    <script type="text/javascript">
    function switchgodkend(){       
        document.getElementById('acc_vilkar_bt').disabled = (document.getElementById('acc_vilkar').checked)? false:true;       
    }

    </script>
</head>
<body>
<form action="../../sider/opret_brugere/forside_bruger.php" method="post" name="frm" id="frm">   
    <input class="acc_vilkar" id ="acc_vilkar" name="acc_vilkar"type="checkbox" onchange="switchgodkend()"> Accepter vores vilkår.</input>
    <input name="acc_vilkar_bt" id="acc_vilkar_bt" type="submit" value ="Godkend" disabled="true" ></input>
</form>

</body>
</html>
Avatar billede olsensweb.dk Ekspert
15. juli 2011 - 00:27 #4
løsning 2 vil også virke hvis js er disablet, så her skal der være server validering som backup :
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
    </style>
    <script type="text/javascript">
    function validate(){   
        var error = 0;     
        var elm_cb = document.getElementById('acc_vilkar');     
        var err_fld = document.getElementById('err_acc_vilkar');       
        err_fld.firstChild.nodeValue = "";     
        if (! elm_cb.checked){     
            err_fld.firstChild.nodeValue = "De skal accepter vores vilkår";
            error = 1;         
        }       
        return (error)? false : true;     
    }   
    </script>
</head>
<body>
<div id="err_acc_vilkar"class="err_acc_vilkar"class="err">&nbsp;</div>
<form action="../../sider/opret_brugere/forside_bruger.php" method="post" name="frm" id="frm" onsubmit="return validate()">
<input class="acc_vilkar" id="acc_vilkar" name="acc_vilkar" type="checkbox"> Accepter vores vilkår.</input>
<input name="acc_vilkar_bt" id="acc_vilkar_bt" type="submit" value ="Godkend"></input>
</form>
</body>
</html>
Avatar billede olsensweb.dk Ekspert
15. juli 2011 - 15:03 #5
man kunne jo også lege med visibility på knappen, selvom det på nogle vil virke lidt forvirende der pludselig dukker en knap op
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
    #acc_vilkar_bt{
        visibility: hidden;
    }
    </style>
    <script type="text/javascript">   
    // http://www.daniweb.com/web-development/javascript-dhtml-ajax/threads/86493
    function toggleVisibility(controlId){
        var control = document.getElementById(controlId);
        control.style.visibility = (control.style.visibility == "visible") ? "hidden" : "visible";
    }
    </script>
</head>
<body>
<form action="../../sider/opret_brugere/forside_bruger.php" method="post" name="frm" id="frm">   
    <input class="acc_vilkar" id ="acc_vilkar" name="acc_vilkar"type="checkbox" onClick="toggleVisibility('acc_vilkar_bt');"> Accepter vores vilkår.</input>
    <input name="acc_vilkar_bt" type="submit" id="acc_vilkar_bt" value ="Godkend" ></input>
</form>
</body>
</html>


demo
#3    http://olsensweb.dk/test/experten/spm/942998/l1.html
#4    http://olsensweb.dk/test/experten/spm/942998/l2.html
denne http://olsensweb.dk/test/experten/spm/942998/l1a.html
Avatar billede MadsDue Nybegynder
15. juli 2011 - 17:49 #6
Tusind tak ronols. du kan roligt angive ansvar
Avatar billede olsensweb.dk Ekspert
15. juli 2011 - 18:05 #7
får du her
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