Avatar billede djthomas Nybegynder
13. juni 2006 - 21:44 Der er 18 kommentarer og
1 løsning

disable submit

Kan man ikke på en måde disable en submitbutton, så man ikke kan klikke på den?
Avatar billede inctor Nybegynder
13. juni 2006 - 22:10 #1
Joo Sagtens ! :)
Avatar billede mclemens Nybegynder
13. juni 2006 - 22:11 #2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>


</head><body>

<form method="get" action="#" name="formnavn">
<input type="text" name="testinput" value="Tryk på knappen - eller tryk på disable" style="width:300px;"><br>
<input type="submit" value="Aktiver" name="submitbuttomnavn"><br>
</form><br>

<b onclick="document.formnavn.submitbuttomnavn.disabled=true;">Disable submit buttom med name="submitbuttomnavn"</b><br>
<b onclick="document.formnavn.submitbuttomnavn.disabled=false;">Aktiver submit buttom med name="submitbuttomnavn"</b>
</body></html>
Avatar billede inctor Nybegynder
13. juni 2006 - 22:13 #3
Den mest simple måde ..
<input type="submit" value="Klik" disabled="true">
Avatar billede inctor Nybegynder
13. juni 2006 - 22:14 #4
Men hvornår skal den Disables ?
Avatar billede mclemens Nybegynder
13. juni 2006 - 22:14 #5
og forhindring af return også:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>


</head><body>

<form method="get" action="#" name="formnavn" onsubmit="return(!this.submitbuttomnavn.disabled)">
<input type="text" name="testinput" value="Tryk på knappen - eller tryk på disable" style="width:300px;"><br>
<input type="submit" value="Aktiver" name="submitbuttomnavn"><br>
</form><br>

<b onclick="document.formnavn.submitbuttomnavn.disabled=true;">Disable submit buttom med name="submitbuttomnavn"</b><br>
<b onclick="document.formnavn.submitbuttomnavn.disabled=false;">Aktiver submit buttom med name="submitbuttomnavn"</b>
</body></html>
Avatar billede mclemens Nybegynder
13. juni 2006 - 22:17 #6
Eller du kan også sætte den direkte som inctorskriver dog skal du bruge disabled="disabled"
(eller rettere "skal" du ikke nødvendigvis, medmindre du vil forberede dig til xhtml ... selvom der nok er et par år før det slår igennem) - regner dog med det skal være noget dynamisk med javascript?
Avatar billede mclemens Nybegynder
13. juni 2006 - 22:18 #7
inctorskriver -> inctor skriver ... sorry inctor :o)
Avatar billede inctor Nybegynder
13. juni 2006 - 22:34 #8
Sagtens, her er den med JavaScript istedet for :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Ingen titel</title>


</head><body>
<script language="JavaScript">
<!--
function aktiver(){
        document.form.Submitten.disabled = false;
                return true;
        }
        //-->
</script>
<script language="JavaScript">
<!--
function deaktiver(){
        document.form.Submitten.disabled = true;
                return false;
        }
        //-->
</script>
<form name="form">
<input type="Submit" value="Submitten" disabled="false" name="Submitten"></p>
  <p><a onclick="aktiver();">Aktiver</a></p>
  <p><a onclick="deaktiver();">Deaktiver</a></p></form>
</body></html>



Ret så simpelt lavet .. Den drillede mig lidt i starten .. er ikk en mester til JavaScript .. :)
Avatar billede inctor Nybegynder
13. juni 2006 - 22:37 #9
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Disable Submit Med Javascript.</title>


</head><body>
<script language="JavaScript">
<!--
// Lavet ud fra spm: http://www.eksperten.dk/spm/715265
function aktiver(){
        document.form.Submitten.disabled = false;
                return true;
        }
        //-->
</script>
<script language="JavaScript">
<!--
// Lavet ud fra spm: http://www.eksperten.dk/spm/715265
function deaktiver(){
        document.form.Submitten.disabled = true;
                return false;
        }
        //-->
</script>
<form name="form" onsubmit="return(!this.Submitten.disabled)">
<input type="Submit" value="Submitten" disabled="false" name="Submitten"></p>
  <p><a onclick="aktiver();">Aktiver</a></p>
  <p><a onclick="deaktiver();">Deaktiver</a></p></form>
</body></html>


Den udgave er med forhindring af Enter knappen .. :) Mit smeltet sammen med MClemens .. Håber at det kan bruges .. eMen ellers vil det hjælpe hvis du fortalte hvor og hvornår den skal deaktiveres ,, :)
Avatar billede mclemens Nybegynder
13. juni 2006 - 22:39 #10
Jamen hvis den drillede dig i starten var det da fint at du kunne finde ud af at omdøbe de navne jeg havde givet formen og submit knappen for herefter at kaste det op i en funktion istedet ... ej, sorry kan altså ikke lade være

- De to andre forsalg du kom med har slet ikke noget med javascript at gøre og så efter at jeg har lavet to der deaktiverer den kommer du med en akkurat magen til bortset fra at du laver et kald til to forskellige funktioner der så enten deaktivere eller aktivere... Enten har du helt overset mine forslag eller også kopierer du dem bare?
Avatar billede mclemens Nybegynder
13. juni 2006 - 22:40 #11
Update, nåh ok :)

... men der er altså ikke nødvendigvis grund til
flere funktioner alt kan laves med en funktion!
Avatar billede inctor Nybegynder
13. juni 2006 - 22:41 #12
Helt overset .. Har bare lavet de sidste med JavaScript .. De første var bare til at vise hvorn man disabler den , havde ikk set at du havde lavet det samme, men havde selv skrevet det sidste forslag fra mig ..
Avatar billede inctor Nybegynder
13. juni 2006 - 22:43 #13
Mener du med 13/06-2006 22:40:29  Clemens ? forstaar ikk .. ja rigtigt, alt kan laves med en enkelt form .. men som sagt er ikk en mester til JavaScript .. saa ville ikke ligge mere i det naar vi ikk ved hvor og hvornaar det skal deaktiveres ..
Avatar billede djthomas Nybegynder
13. juni 2006 - 22:46 #14
I går da helt amok :-D

men jeg bruger bare denne som inctor kom med: <input type="submit" value="Klik" disabled="true">

svare du?
Avatar billede inctor Nybegynder
13. juni 2006 - 22:46 #15
Hvorfor blir mit tastatur til et engelsk et naar jeg skriver i IE nogen gange ? i alle andre er der ingen problemer, kun i IE .. Fatter det ikke .. Ved ikk hvorn jeg fjerner det ..
Avatar billede inctor Nybegynder
13. juni 2006 - 22:46 #16
Jaa her, skal den da disables naar man gaar ind paa siden ?
Avatar billede inctor Nybegynder
13. juni 2006 - 22:48 #17
Nu virker Æ Ø Å igen, skal bar lukke min browser og åbne den igen :S
Avatar billede mclemens Nybegynder
13. juni 2006 - 22:49 #18
disabled="disabled" er bedre men lad det ligge...


inctor her er et eksempel ;)


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">

function subdis(tmp){
if(tmp==0)return (!document.formnavn.submitbuttomnavn.disabled);
document.formnavn.submitbuttomnavn.disabled=(tmp==1)?true:false;
}

</script>
</head><body>

<form method="get" action="#" name="formnavn" onsubmit="return subdis(0);">
<input type="text" name="testinput" value="Tryk på knappen - eller tryk på disable" style="width:300px;"><br>
<input type="submit" value="Aktiver" name="submitbuttomnavn"><br>
</form><br>

<b onclick="subdis(1);">Disable submit buttom med name="submitbuttomnavn"</b><br>
<b onclick="subdis(2);">Aktiver submit buttom med name="submitbuttomnavn"</b>
</body></html>
Avatar billede inctor Nybegynder
13. juni 2006 - 22:50 #19
Jaa, men ville ikke ligge mere arbejde i det hvis ikke det var nødvendigt ..
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