Avatar billede donv Nybegynder
04. april 2006 - 00:50 Der er 6 kommentarer og
2 løsninger

Det indtastede skal vises på samme side

Hej derude

Jeg har brug for hjælp til noget html kode. Jeg er nybegynder så jeg håber på lidt pædagoisk forklaring.

Jeg vil gerne lave et indtastningsfelt på min webside hvor man kan indtaste 20 karaktere, når man laver et mellemrum imellem det man indtaster, skal der automatisk laves et linjeskift.

Når man har indtastet tekst i feltet og trykker på en opdateringsknap, så skal den indtastede tekst blive vist et andet sted på samme webside oven på et billede.

Hvordan skal htmlkoden se ud til en sådan funktion?

Hvis det ikke kan laves i html men i et script, hvordan skal det så se ud?

på forhånd tak
Avatar billede spaceus Nybegynder
04. april 2006 - 08:30 #1
jeg er ikke helt sikker på jeg har forstået hvad du mener, men her er et bud

<HTML>
<HEAD>
<script>
function update()
{
    var txt = document.getElementById("input").value;
    var rex =new RegExp("\ ","gi");
    var nyTxt = txt.replace(rex,"<br>");
    document.getElementById("output").innerHTML = nyTxt;
}
</script>
</HEAD>
<BODY>
  <input type="text" id="input" maxlength="20" />
  <button onclick="update()">Opdater</button>
  <div id="output"></div>

</BODY>
</HTML>

Og så en lille forklaring, og det her er bare et forslag der er masser af andre muligheder...(var rex =new RegExp("\ ","gi");) "gi" er med for at gøre søgningen global, ellers ville den kun finde første mellemrum. Og så lige et link

http://www.websina.com/bugzero/kb/regexp.html

/Spaceus

Det er lavet som et script, der er et input felt scriptet henter værdien i dette felt når brugeren klikker på knappen, så bruger jeg regular expression til at finde " " mellemrum og erstatter dem med "<br>"
Avatar billede spaceus Nybegynder
04. april 2006 - 08:32 #2
lol hvad skete der lige der....
Og så en lille forklaring, og det her er bare et forslag der er masser af andre muligheder...

Det er lavet som et script, der er et input felt scriptet henter værdien i dette felt når brugeren klikker på knappen, så bruger jeg regular expression til at finde " " mellemrum og erstatter dem med "<br>". ...(var rex =new RegExp("\ ","gi");) "gi" er med for at gøre søgningen global, ellers ville den kun finde første mellemrum. Og så lige et link

http://www.websina.com/bugzero/kb/regexp.html

/Spaceus

(ville jeg nok have redigeret til) ;)
Avatar billede donv Nybegynder
04. april 2006 - 09:25 #3
Hej spaceus, det ser rigtig godt ud og det virker.

Men for lige at forstå scriptet, det som er outputtet er vel det som står i body, og det kan jeg så sætte ind i en table så jeg kan flytte det derhen hvor jeg gerne vil have det ik?

Hvor i koden kan jeg skrive at output teksten skal være: Comic Sans MS 8,5 i størrelse?

Du skal nok få et acccepteret svar, jeg er meget glad for din hjælp.
 
vender tilbage senere
Avatar billede spaceus Nybegynder
04. april 2006 - 17:02 #4
document.getElementById("output").innerHTML = nyTxt;

det er her jeg bestemmer hvor det skal hen, hvis du evt har en tabel så kunne du som sådan
document.getElementById("target").innerHTML = nyTxt;


<table><tr><td id="target"></td></tr><table>

vil du har styling på så sæt det i extern css, eller inline som sådan
<td id="target" style="text:8px Comic Sans MS;"></td>

ved ikke om du kan bruge ½ pixels..
Avatar billede donv Nybegynder
04. april 2006 - 19:57 #5
Tak for hjælpen, jeg arbejder lige lidt med det, men der kommer nok nogle flere spørgsmål senere. Så åbner jeg bare en ny tråd
Avatar billede spaceus Nybegynder
04. april 2006 - 19:59 #6
det gør du bare, tror også der var et par point i overskud på den her, så hvis det er så bare hold lidt igen med dem ;)
Avatar billede donv Nybegynder
05. april 2006 - 09:08 #7
Hej spaceus

Hvis du stadig er der, kan du fortælle mig hvordan jeg gør hvis jeg skal gemme det som man indtaster. Jeg vil gerne gemme det i en tekstfil som jeg kan udskrive.

Kan det lade sig gøre?
Avatar billede spaceus Nybegynder
25. april 2006 - 15:50 #8
ja, men så skal du over på server side, altså submitte en form til en f.eks asp side det kan gøres med javascript men der er problemer med rettigheder...

så nemmest med server script...
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