Søg
Avatar billede esbenn Nybegynder
30. marts 2006 - 17:35 Der er 23 kommentarer og
1 løsning

Formatering at tekst i teaxtarea

Jeg har lige nu nogle textfields... Jeg vil gerne have så jeg kan markere en tekst inde i boksen og trykke på en knap, hvorefter der så vil komme teskt rundt om det markerede tekst...
Jeg ved intet om javascript, så håber i har en idiotsikker kode jeg kan smække ind.. :)
Avatar billede webstuff Nybegynder
30. marts 2006 - 18:40 #1
Dette sætter det ikke rundt om teksten, men sætter bare "" ind...

<html>
<head>
<script type="text/javascript">
function InsertSmiley(smil){
    document.getElementById("minTextArea").value+=smil
}
</script>
</head>
<body>
<form action="" method="POST">
<input type="button" onClick="InsertSmiley('')" value="B">
<input type="button" onClick="InsertSmiley('')" value="I">
<input type="button" onClick="InsertSmiley('')" value="U">
<br />
<textarea id="minTextArea"></textarea><br />
<input type="submit" value="SubmitForm">
</form>
</body>
</html>


Har også sat
Avatar billede esbenn Nybegynder
30. marts 2006 - 19:00 #2
Det kan ikke gøres så kan man makere og så den laver uden om vel?
Avatar billede webstuff Nybegynder
30. marts 2006 - 20:06 #3
Jeg har en ikke gennemtænkt ide i hovedet.. Jeg prøver lige og vender tilbage :-)
Avatar billede esbenn Nybegynder
30. marts 2006 - 20:18 #4
Lyder godt.. :) Afventer.. :P
Avatar billede webstuff Nybegynder
30. marts 2006 - 20:55 #5
Denne virker kun i IE.. Kunne ikke komme på noget som virker crossbrowser.. Desværre...
Så må du vente til der kommer nogen forbi som rent faktisk kan javascript ;-) (olebole, roenving osv)

------------------------------------------------
<html>
<head>
<style>
body{
    background-color:#123456;
    color:#fff;
    text-align:center;
}

</style>
<script type="text/javascript">
function makeBB(start, end) {
    TextArea = document.selection.createRange();
    TextArea.text = start + TextArea.text + end;
}
</script>
</head>
<body>
<form>
    <input type="button" onClick="makeBB('', '');" value="B" />
    <input type="button" onClick="makeBB('', '');" value="I" />
    <input type="button" onClick="makeBB('', '');" value="U" />
    <textarea id="minTextArea"></textarea>
</form>
</body>
</html>
-----------------------------------------
Avatar billede webstuff Nybegynder
30. marts 2006 - 20:58 #6
PS: Jeg har ikke IE myself, så har fået en anden til at teste det..
Han plejer at fortælle sandheden, men ellers må du lige sige til hvis det ikke virker ;o)
Avatar billede esbenn Nybegynder
30. marts 2006 - 21:02 #7
Den virker.. MEN.. Hvis man ikke har makeret noget laver den bare koden inde i knappen.. Altså osv... Kan det rettes?? :P
Avatar billede webstuff Nybegynder
30. marts 2006 - 21:03 #8
Laver den det på knappen?
Avatar billede webstuff Nybegynder
30. marts 2006 - 21:04 #9
Hvad med:

---------------
function makeBB(start, end) {
    TextArea = document.selection.createRange();
  if(TextArea.text!=''){
    TextArea.text = start + TextArea.text + end;
  }
}
Avatar billede esbenn Nybegynder
30. marts 2006 - 21:04 #10
Jeps.. Så hvis man trykker mange gange bliver knappen mega stor.. :o Ved du hvad jeg mener... Altså ligesom om den ændre value på knappen..
Avatar billede esbenn Nybegynder
30. marts 2006 - 21:05 #11
Nu virkede det... :)
Men ja ville gerne have at det også virkede i FF osv.. :o
Avatar billede webstuff Nybegynder
30. marts 2006 - 21:05 #12
Ja jeg forstod det godt når jeg tænkte mig lidt om.. Prøv at udskifte funktionen med den jeg skrev:
30/03-2006 21:04:17
Avatar billede webstuff Nybegynder
30. marts 2006 - 21:06 #13
hehe... vi snakker lidt forbi hinanden..
Jeg prøver videre med at se om jeg kan få den til at virke i FF :-)
Avatar billede esbenn Nybegynder
30. marts 2006 - 21:06 #14
Er gjort... :) Og virker... Læs lidt oppe.. :)
Avatar billede esbenn Nybegynder
30. marts 2006 - 21:06 #15
Okay... :)
Avatar billede webstuff Nybegynder
30. marts 2006 - 22:56 #16
Jeg kan ikke umiddelbart få det til at virke..
Du må have fat i nogen JavaScript guruer..
Har kun leget med det i et par måneder, så jeg lytter da gerne med og lærer ;o)
PS: Afvis mit svar, så er der flere der kigger på spørgsmålet :-)
Avatar billede esbenn Nybegynder
30. marts 2006 - 23:21 #17
Så venter vi på de kloge hoveder... :)
Avatar billede webstuff Nybegynder
03. april 2006 - 17:49 #18
Hmm.. Det er sgu trængt med kloge åge'rne ;D
Avatar billede esbenn Nybegynder
05. april 2006 - 23:40 #19
Ja det må man da nok sige.. :P
Avatar billede webstuff Nybegynder
08. april 2006 - 17:54 #20
Prøv at opret et nyt spørgsmål hvor du spørger om at få det crossbrowser :-)
Avatar billede mclemens Nybegynder
08. april 2006 - 19:27 #21
.
Avatar billede mclemens Nybegynder
08. april 2006 - 19:52 #22
med tungen lige i munden :P - virker denne her ?
IE 6.0 og FF 1.5 = ok...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
<!--

function findselect(mytag){

mytxtarea=document.formnavn.txtareanavn;

if(document.selection){
  mytxt=document.selection.createRange().text;
  if(mytxt)document.selection.createRange().text="["+mytag+"]"+mytxt+"[/"+mytag+"]";
}else if((mytxtarea.selectionEnd-mytxtarea.selectionStart)>0){
  mytxts=mytxtarea.selectionStart;
  mytxte=mytxtarea.selectionEnd;
  mycurtxtl=mytxtarea.textLength;
  myvalue=mytxtarea.value;
  mytxtarea.value=mytxtarea.value.substr(0,mytxts)+"["+mytag+"]"+mytxtarea.value.substr(mytxts,mytxte-mytxts)+"[/"+mytag+"]"+mytxtarea.value.substr(mytxte,mycurtxtl);
}
}

//-->
</script>

</head>

<body>


<form name="formnavn">
<textarea rows="5" name="txtareanavn" cols="20"></textarea>
<input type="button" onclick="findselect('b');" value="Fed skrift">
<input type="button" onclick="findselect('i');" value="Kursiv skrift">
<input type="button" onclick="findselect('u');" value="Understreget skrift">
</form>

</body></html>
Avatar billede mclemens Nybegynder
08. april 2006 - 19:55 #23
ved formnavn ændring og txtarea navns ændring skal denne ene linje i scriptet rettes:
mytxtarea=document.formnavn.txtareanavn;
Avatar billede mclemens Nybegynder
08. april 2006 - 19:57 #24
og lige et link:
http://developer.mozilla.org/en/docs/XUL_Tutorial:Focus_and_Selection#Focused_Elements
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 09:37 hvilken AI synes I er bedst? Af jcr18 i Andre onlineløsninger
I går 18:51 Pausepil på youtube i chrome Af valby i Browsere
I går 11:42 Mail med endelsen ".lat" Af ErikHg i E-mail
21/0511:48 Nyåbnede sider flimrer på Android tablet, hvorfor Af annam i Andet software
21/0511:03 Bitlocker fordele-ulemper, samt nulstille PC Af Uvanga i Windows
White papers
Flere white papers »