CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

kodak Mester

05. august 2013 - 18:46 Der er 2 kommentarer og
2 løsninger

Live redigering af tekst

Jeg har følgendene:

<input type="text" name="nname" >
<input type="text" name="fname" >
<input type="text" name="mname" >
<input type="text" name="aname" >

<p id=name_ooutput></p>

og har fundet følgendene script:
http://inimino.org/~inimino/blog/javascript_live_text_input

Jeg ønsker at <p> skal udfylde sig ved værdierne af de fire felter på samme måde som <p id="original"> i scriptet
Live ændring som i scriptet.

Synes godt om

okd Nybegynder

06. august 2013 - 01:42 #1

Er det noget i stil med det her du søger?

http://pastebin.com/JV5Q8qcB

Synes godt om

MadsHaupt Juniormester

06. august 2013 - 11:33 #2

Er det noget i stil med det her du søger?.

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style>
.nameDiv {
background-color: rgba(0, 0, 0, 0.3);
width: 150px;
padding: 20px;
border-radius: 10px;
}
</style>
</head>
<body>
<div class="nameDiv">
<label for="nname">Fornavn: </label><input type="text" name="nname" id="nname" placeholder="Dit fornavn" /><br />
<label for="mname">Mellemnavn: </label><input type="text" name="mname" id="mname" placeholder="Dit mellemnavn" /><br />
<label for="fname">Efternavn: </label><input type="text" name="fname" id="fname" placeholder="Dit efternavn" /><br />
<label for="aname">Andetnavn: </label><input type="text" name="aname" id="aname" placeholder="Andetnavn" /><br />
</div>
<p id="name_ooutput">Du har ikke skrævet et navn.</p>
<script type="text/javascript">

var nname = document.getElementById("nname");
var fname = document.getElementById("fname");
var mname = document.getElementById("mname");
var aname = document.getElementById("aname");
var output = document.getElementById("name_ooutput");

function showname() {
output.innerHTML = nname.value + " " + mname.value + " " + aname.value + " " + fname.value;
if(output.innerHTML == " ") {
output.innerHTML = "Du har ikke skrævet et navn.";
}
}

nname.onkeyup = fname.onkeyup = mname.onkeyup = aname.onkeyup = showname;
</script>
</body>
</html>

Synes godt om

kodak Mester

06. august 2013 - 17:21 #3

Odk >> Den havde jeg også selv fundet, men kunne ikke få den til at virke, men nu ved jeg hvorfor.

Ingen af dem virker i IE

Men ja de gør begge det de skal,
men jeg ønsker også at det skal virke i IE

Synes godt om

kodak Mester

06. august 2013 - 20:34 #4

MadsHaupt>> Fik den til at virke i IE
Tekker for hjælpen.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS