Avatar billede madssaw2000 Nybegynder
06. marts 2002 - 11:52 Der er 11 kommentarer og
1 løsning

Input --> submit --> textarea

Jeg er ved at oprette et system til arkivering af referater i ASP - MS access DB.

ASP-siden som referatet skrives i er opbygget med en form, inkl. textarea, input-felter og submitbuttons....meget normalt (se nederst).

Hende som skal uploade referterne er, mildest talt, ikke særlig stærk i HTML. Derfor kunne det være rart at gøre det lettere for hende med noget automatiseret tekstværktøj. Er det muligt at indsætte noget tekst fra et "input-felt" til et "textarea" uden at gemme noget først. 

Kort sagt: Med en Submit-button indsætte tekst fra et inputfelt til textarea ved cursor.

Her er skabelonen i ren HTML
<html>
<head>
<title>Submit tekst fra input-felter til textarea ved cursor</title>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="form" method="post" action="hvad skal der stå her????">
  <p>
    <input type="text" name="linebreak" value="<br>">
    <input type="submit" name="linebreak" value="indsæt linieskift">
    <br>
    <input type="text" name="fedtekst" value="<b>fed tekst her</b>">
    <input type="submit" name="fedtekst" value="indsæt fed tekst">
    <br>
    <input type="text" name="kursiv" value="<i>tekst i kursiv</i>">
    <input type="submit" name="kursiv" value="indsæt tekst i kursiv">
    <br>
  </p>
  <p>
    <textarea name="referat" rows="10" cols="40">Her skal text fra "input" felterne ind!</textarea>
  </p>
</form>
</body>
</html>
Avatar billede coltau Juniormester
06. marts 2002 - 11:56 #1
Det kan lade sig gøre via JavaScript. Og da teksten skal indsættes i et textarea skal du nok oprette spørgsmålet under kategori. JavaScript.
Avatar billede fireworld Nybegynder
06. marts 2002 - 11:58 #2
<script>
function putdetover()
{
document.getElementById('jeps').innerHTML=document.form.linebreak.value;
}

<form name="form" method="post" action="#" onsubmit="putdetover()">
  <p>
    <input type="text" name="linebreak" value="<br>">
    <input type="submit" name="linebreak" value="indsæt linieskift">
    <br>
    <input type="text" name="fedtekst" value="<b>fed tekst her</b>">
    <input type="submit" name="fedtekst" value="indsæt fed tekst">
    <br>
    <input type="text" name="kursiv" value="<i>tekst i kursiv</i>">
    <input type="submit" name="kursiv" value="indsæt tekst i kursiv">
    <br>
  </p>
  <p>
    <textarea name="referat" rows="10" cols="40" id="jeps">Her skal text fra "input" felterne ind!</textarea>
  </p>
</form>
Avatar billede fireworld Nybegynder
06. marts 2002 - 12:03 #3
<script>
function putdetover(action,val)
{
    if(action==1) {
    val = "<br>";
    } else if(action==2) {
    val = "<b>"+val+"</b>";
    } else if(action==3) {
    val = "<i>"+val+"</i>";
    }
document.getElementById('jeps').innerHTML=document.getElementById('jeps').innerHTML+val;
}

<form name="form" method="post" action="#">
  <p>
    <input type="submit" name="linebreak" value="indsæt linieskift" onclick="putdetover(1,'0')">
    <br>
    <input type="text" name="fedtekst" value="fed tekst her">
    <input type="submit" name="fedtekst" value="indsæt fed tekst" onclick="putdetover(2,this.value)">
    <br>
    <input type="text" name="kursiv" value="tekst i kursiv">
    <input type="submit" name="kursiv" value="indsæt tekst i kursiv" onclick="putdetover(3,this.value)">
    <br>
  </p>
  <p>
    <textarea name="referat" rows="10" cols="40" id="jeps">Her skal text fra "input" felterne ind!</textarea>
  </p>
</form>

prøv den her
Avatar billede madssaw2000 Nybegynder
06. marts 2002 - 12:11 #4
Virker ikke...hvad er ('jeps')??
Avatar billede madssaw2000 Nybegynder
06. marts 2002 - 12:13 #5
Er der ikke noget med "inset into textarea"??
Avatar billede madssaw2000 Nybegynder
06. marts 2002 - 12:14 #6
putdetover....lol m8 :D
Avatar billede madssaw2000 Nybegynder
06. marts 2002 - 12:36 #7
Du må tro jeg er en komplet tåbe...Jeps. Den tekst jeg får ind er den samme som det der står mellem <textarea ....> og </textarea>
Avatar billede excession Nybegynder
06. marts 2002 - 13:23 #8
det lyder lidt besvæligt det du har gang i her synes jeg..

kan du ikke lige foklare lidt nærmere hvad det er der du vil have skal ske?

Er det formatering af tekst i textarea og som så skal gemmes i databasen?

-- xs
Avatar billede madssaw2000 Nybegynder
06. marts 2002 - 13:46 #9
Jeg har et textarea som en tekst skal skrives i. Her skal der kunne indgå HTML-koder. Teksten kunne f.eks. være:
<b>jeg er glad i dag</b><br><i>-men også lidt sur på nogen</i>.

For at undgå, at hende som skal skrive teksten i textarea, selv skal indsætte <b></b> osv., kunne det være godt med nogle knapper som automatiserede processen lidt.

Fx. skulle en knap med teksten: "Indsæt fed tekst", indsætte denne linie:
<b>skriv fed tekst her</b> der hvor curseren stå i tekstfeltet, vel og mærke uden at slette det som i forevejen er skrevet.

Håber det er forklaring nok.
Avatar billede madssaw2000 Nybegynder
31. marts 2002 - 13:53 #10
det kan nok ikke lige lade sig gi' sig, så, der!
Avatar billede coltau Juniormester
01. april 2002 - 16:14 #11
Kan du ikke åbne spørgsmålet igen - jeg er ved at have en løsning. ?

Men som jeg har nævnt tidligere så skal det løses i javascript.
Avatar billede excession Nybegynder
01. april 2002 - 16:22 #12
hvis det du søger er en slags editor kan du bare kig på den her artikel..:

http://www.html.dk/artikler/00030/

:)

-- xs
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
Kurser inden for grundlæggende programmering

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