Søg
Avatar billede steen_hansen Forsker
14. februar 2004 - 10:15 Der er 17 kommentarer og
1 løsning

Hvordan tabulerer jeg uden om et formularfelt?

Jeg vil gerne have, at hvis man tabulerer ned igennem formularfelterne, at man ikke kan tabulere ind i "countdown", det er en tæller, der tæller resterende antal tegn til rådighed.

"countdown" får som den eneste ikke nogen tabindex, men når man har tabuleret ned til det sidste formularfelt, kommer fokus på "countdown", det skal den ikke, den skal gå uden om den.

<body onload="document.frmUser.firstname.focus(); document.frmUser.firstname.select(); showLen();">

<input type="text" name="firstname" tabindex="1">
<input type="text" name="middlename" tabindex="2">
<input type="text" name="lastnamename" tabindex="3">
...........
<textarea tabindex="14" onkeydown="showLen()" onkeyup="showLen()" onchange="showLen()" onfocus="showLen()" onblur="showLen()" name="description" rows="<%=TXTrows%>" cols="<%=TXTcols%>" class="input"><%=Server.HTMLEncode(RS("description"))%></textarea><br>
Antal tegn tilbage: <input type="text" name="countdown" readonly size="5" value="" class="input"><br>
Avatar billede steen_hansen Forsker
14. februar 2004 - 10:19 #1
Jeg vil mene, at det drejer sig om noget så simpelt at få hæftet en egenskab på denne?

Antal tegn tilbage: <input type="text" name="countdown" readonly size="5" value=" class="input">
Avatar billede mm12010 Nybegynder
14. februar 2004 - 11:06 #2
du kunne evt. erstatte dit tekstfelt med et div:
<div id="countdown" style="width:50px;border:1px solid black;"></div>

og så indsætte værdien med innerHTML:
document.getElementById("countdown").innerHTML=antalTegn;
Avatar billede steen_hansen Forsker
14. februar 2004 - 12:11 #3
Jaaa, men er der ikke en eller anden egenskab, man kan sætte på text-feltet? :o)
Avatar billede roenving Novice
14. februar 2004 - 12:37 #4
Du kan jo bruge disabled, men jeg ville selv anbefale afarten af mms forslag: en span !-)

Antal tegn tilbage: <input type="text" name="countdown" disabled="disabled" size="5" value=" class="input">
Avatar billede steen_hansen Forsker
14. februar 2004 - 14:21 #5
Ok, den skal så se sådan ud?

Antal tegn tilbage: <div id="countdown" style="width: 50px; border:1px solid black;"></div>

Hvor skal

document.getElementById("countdown").innerHTML=antalTegn;

være?
Avatar billede roenving Novice
14. februar 2004 - 14:25 #6
Jeg ville som sagt bruge en span:

Antal tegn tilbage: <span name="countdown" id="countdown" class="input" style="width:60px;"></span>

-- og den linje skal bruges der, hvor du i funktionen showLen() lægger tallet i countdown ...

Linjen som skal erstattes ser ca. sådan ud:

document.frmUser.countdown.value = antalTegn;//sikkert andet variabel-navn !-)
Avatar billede steen_hansen Forsker
14. februar 2004 - 16:00 #7
Sorry, jeg har været væk, og skal snart i byen. Kigger på det i morgen :o)
Avatar billede steen_hansen Forsker
16. februar 2004 - 00:57 #8
Jeg har benyttet dette:

<%

Const MaxLength = 1000 '1000 karakterer
%>

<html>

<head>
<title></title>
</head>

<body onload="showLen();">

<script language="javascript" type="text/javascript">
function showLen()
    { frmUser.countdown.value = <%=MaxLength%> - frmUser.description.value.length }
</script>

<textarea onkeydown="showLen()" onkeyup="showLen()" onchange="showLen()" onfocus="showLen()" onblur="showLen()" name="description" rows="<%=TXTrows%>" cols="<%=TXTcols%>" class="input"></textarea><br>
Antal tegn tilbage:&nbsp;<input type="text" name="countdown" readonly size="5" value="" class="input">

</body>

</html>


Hvor skal

document.frmUser.countdown.value = MaxLength;

i givet fald ind henne?
Avatar billede roenving Novice
16. februar 2004 - 01:02 #9
<%

Const MaxLength = 1000 '1000 karakterer
%>

<html>

<head>
<title></title>
</head>

<body onload="showLen();">

<script language="javascript" type="text/javascript">
function showLen(fld)
    { document.getElementById('countdown').innerHTML = <%=MaxLength%> - fld.value.length }
</script>

<textarea onkeydown="showLen(this);" onkeyup="showLen(this);" onchange="showLen(this);" onfocus="showLen(this);" onblur="showLen(this);" name="description" rows="<%=TXTrows%>" cols="<%=TXTcols%>" class="input"></textarea><br>
Antal tegn tilbage:&nbsp<span name="countdown" id="countdown" class="input" style="width:60px;"></span>

</body>

</html>
Avatar billede roenving Novice
16. februar 2004 - 01:05 #10
Havde lige overset en enkelt !-)

<%

Const MaxLength = 1000 '1000 karakterer
%>

<html>

<head>
<title></title>
</head>

<body>

<script language="javascript" type="text/javascript">
function showLen(fld)
    { document.getElementById('countdown').innerHTML = <%=MaxLength%> - fld.value.length }
</script>

<textarea onkeydown="showLen(this);" onkeyup="showLen(this);" onchange="showLen(this);" onfocus="showLen(this);" onblur="showLen(this);" name="description" rows="<%=TXTrows%>" cols="<%=TXTcols%>" class="input"></textarea><br>
Antal tegn tilbage:&nbsp<span name="countdown" id="countdown" class="input" style="width:60px;"><%=MaxLength%></span>

</body>

</html>
Avatar billede steen_hansen Forsker
16. februar 2004 - 01:15 #11
Ok, det virker perfekt :o)

Ikke for at være en kværulant, men størrelsen ændrer sig jo. Kan man ikke bibeholde en fast størrelse. Og samtidigt give det luft? Tallene klæber til den sorte ramme, det er kun kosmetisk, men det ser pænere ud, hvis der er en anelse luft omkring, og hvis "boksen" kan bibeholde den samme størrelse.

Husk lige at lægge et svar :o)
Avatar billede steen_hansen Forsker
16. februar 2004 - 01:16 #12
Og nu kommer boksen kun frem, når man placerer curseren i <textarea>?
Avatar billede steen_hansen Forsker
16. februar 2004 - 01:17 #13
roenvig, jeg tror jeg vil benytte dit første forslag: disabled="disabled"

Du behøver ikke at gøre det store ud af det :o)
Avatar billede roenving Novice
16. februar 2004 - 01:20 #14
Arh, du har en class på, som har en sort ramme ?-)

Det har jeg jo ikke, men noget i stil med:

Antal tegn tilbage:&nbsp<span name="countdown" id="countdown" class="input" style="width:60px;text-align:right;padding:0px 3px;"><%=MaxLength%></span>
Avatar billede steen_hansen Forsker
16. februar 2004 - 01:26 #15
Ok, mente nok padding kunne klare det :o)

Lægger du et svar? Bedste ven :o)
Avatar billede roenving Novice
16. februar 2004 - 01:30 #16
Velbekomme '-)
Avatar billede steen_hansen Forsker
16. februar 2004 - 01:30 #17
Takker :o)
Avatar billede roenving Novice
16. februar 2004 - 01:33 #18
-- og jeg takker for points ;~}
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 15:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
I går 22:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
I går 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
15/0811:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
White papers
Flere white papers »