ingeman Juniormester
07. august 2019 - 09:19 Der er 13 kommentarer

Overskriv i Textfelt i Html

<input type="text" onkeypress="myFunction()">

Jeg mangler JavaScript koden der gør følgende
Overskriver det der står i feltet med det man taster ind.
og sørger for at det man taster altid er upcase uanset capslock på tastetur.
Slater Ekspert
07. august 2019 - 09:36 #1
Det første forstår jeg ikke helt. Hvad mener du med at overskrive det der står med det man taster ind?

Det andet kan f.eks. løses med:
<input type="text" onkeypress="this.value = this.value.toUpperCase()">

- Men jeg synes ikke det er en god måde. Bedre bare at sætte CSS text-transform: uppercase; på input-elementet, så det ser ud som om det er uppercase men ikke er det - og så hvis det skal bruges til noget, transformere det til uppercase der, evt. i backend, i stedet.
ingeman Juniormester
07. august 2019 - 09:49 #2
Overskriv ?
Slater Ekspert
07. august 2019 - 09:51 #3
Det forklarede ikke meget. Hvad mener du med det?
ingeman Juniormester
07. august 2019 - 10:08 #4
Teksten i textfelt skal redigeres uden at der bruges insert
Slater Ekspert
07. august 2019 - 10:10 #5
Det forklarer stadig ikke meget. Teksten i et tekstfelt kan altid redigeres uden at bruge insert.

Kan du ikke give et eksempel?
ingeman Juniormester
07. august 2019 - 10:28 #6
Overskriv teksten i et textfelt - så længden på er den samme som før man rettede teksten
Slater Ekspert
07. august 2019 - 10:32 #7
Altså, du ønsker samme effekt som hvis man brugte insert? Man sætter cursoren et sted, og når man trykker på en tast skal den erstatte bogstavet efter cursoren med det man taster?

Det er lidt mere involveret, men kan lade sig gøre. Men hvad skal der ske hvis man f.eks. trykker backspace eller delete, eller hvis man markerer tekst før man skriver? Disse vil som udgangspunkt ændre længden af teksten uanset. Er det ligegyldigt?
ingeman Juniormester
07. august 2019 - 10:48 #8
Korrekt og ja
Slater Ekspert
07. august 2019 - 10:55 #9
Her er et eksempel på hvordan det kunne gøres:
http://snip.kilolima.dk/#/avOf2Uk

Bemærk dog at du er nødt til at fortælle den hvilke tegn der skal regnes som bogstaver. Lige nu er den bare sat til [\wÆØÅæøå ], hvilket er bogstaver inkl æøå og tal og underscore. Det kan også vendes om, til at fortælle den hvilke der ikke skal regnes med, men så skal den have en liste over alle taster som ctrl, alt, insert, delete, backspace, escape, osv. Den forhindrer heller ikke teksten i at blive længere end den indtastede, hvilket hurtigt kan afhjælpes med en maxlength på feltet.
ingeman Juniormester
07. august 2019 - 14:56 #10
Skal kunne virke på IE10 - det gør det ikke.
Slater Ekspert
07. august 2019 - 15:05 #11
Koden gør, i hvert fald så vidt jeg kan teste med IE11 sat til IE10 emulator mode.

Snip gør bare ikke, så du er nødt til selv at kopiere det ind i en fil. Men hvem i alverden bruger dog IE10 i dag?
ingeman Juniormester
07. august 2019 - 15:32 #12
IE11 var det - beklager - selv om jeg stadig er langt bagud ifh til dig.

Nedestående ser ud til at det virker efter hensigten.

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
</head>

<style type="text/css">

.text-overwrite {
    text-transform: uppercase;
    font-family: monospace;
    padding: 5px;
}
</style>



<input type="text" class="text-overwrite"
    onFocus="document.execCommand('OverWrite', false, true);"
    onBlur="document.execCommand('OverWrite', false, false);"  value="Eksempeltekst"  >
Slater Ekspert
07. august 2019 - 15:38 #13
Altså, hvis man bare tager koden fra den snip før og smider det i en html-fil, så virker det fint i IE11: https://kilolima.dk/showcase/text-overwrite.html
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

Opret Preview

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





Premium
ERP-virksomhed har indført ubegrænset ferie for alle medarbejdere - og resultatet er en succes: "Medarbejderne knokler og har et smil på læben"
ERP-virksomheden Unit4 har indført ubegrænset betalt ferie for samtlige medarbejdere verden over, hvor man som ansat nu selv kan bestemme. "Som direktør har jeg det rigtig godt med det", siger dansk landechef Anders Holm Jørgensen. Ifølge ham kan medarbejderne sagtens administrere ordningen.
Computerworld
Stein Bagger gør comeback i ny branche: "De lignede et mafiahold, førte sig frem som nyrige og plaprede løs om urealistiske drømme"
Stein Bagger har skiftet navn og fører sig nu frem i store biler i en helt ny branche, skriver en dansk avis.
CIO
Podcast: Her er seks gode råd om ledelse og digitalisering fra danske top-CIO'er
The Digital Edge: Vi har talt med 17 af Danmarks dygtigste digitale ledere - og samlet deres seks bedste råd om digitalisering og ledelse. Få alle rådene på 26 minutter i denne episode af podcasten The Digital Edge.
Job & Karriere
Se Waoos forklaring: Derfor har selskabet fyret topchef Jørgen Stensgaard med omgående virkning
Waaos bestyrelse opsiger fiberselskabets topchef, Jørgen Stensgaard, der fratræder med omgående virkning. Se hele forklaringen fra Waao her.
White paper
Digital transformation tvinger organisationer til at nå deres digitale mål på nye måder
Allerede for to år siden hævdede nordiske virksomheder, at virksomhedernes konkurrenceevne og sågar overlevelse var afhængig af en vellykket digitalisering. De var klar, fulde af håb og på vej mod det digitale paradis. Hvordan gik det så? Hvor er de nu? For at finde ud af det, interviewede DigiPlex og Norstat 377 forretningsledere og IT-beslutningstagere fra organisationer fordelt over hele Danmark, Sverige og Norge om deres digitaliseringsfremskridt, om hvordan de har håndteret pandemien, og om hvordan IT understøtter eller står i vejen for indfrielsen af deres bæredygtighedsmål. DigiPlex kan nu dele en rapport med resultaterne fra undersøgelsen samt tanker om, hvordan man håndterer dem. De deler også nogle nyttige tips til, hvordan man skaber en pålidelig infrastruktur, der kan tilskynde til og understøtte ambitioner i den digitale økonomi. Læs mere i rapporten Nordic Data Center Trends 2020: Riding out the Storm.