<b> = i tekst boks


#1:     Snitsky210 08/03 - 2011 16:13
mit spg er hvordan kan man gøre sådan af fx <b> eller <h1> kommer ned i en tekst boksen, når man trykker på en knap?

altså hvis jeg fx trykkede <b> <---(der)
så vil den komme ned i en tekst boks som er her (fx)

______________________
|_____________________|
|_____________________|
|_____________________|

også er der en knap som sidder der


<---[<b>]--->
______________________
|_____________________|
|_____________________|
|_____________________|

også når man trykker på den så skal det se sådan her ud





[<b>]
______________________
| <b> </b>_____________|
|_____________________|
|_____________________|

Jeg har forklaret det så godt jeg kan :D

Redigeret: 08/03 - 2011 17:52

#2:     Webmaster 08/03 - 2011 16:43
Det er lidt mere kompliceret, for nu skal du til at bruge HTML og Javascript.

Den måde vi har gjort det på riddergarn.dk med smileysne er at vi følgende:

Vi indsætter en stykke javascript på siden, og det lige meget hvor der er men det er bedste at sætter det ind i <head>-tagget. I Javascriptet laver vi en funktion kaldet insert2box() som indsætter tekst til en tekstbox.

<script type="text/javascript">
function insert2box(Value, Target) {
    var mybox = Target;
	var chaineAj = Value;
	//IE support
	if (document.selection) {
		mybox.focus();
		sel = document.selection.createRange();
		sel.text = chaineAj;
		mybox.focus();
	}
	//MOZILLA/NETSCAPE support
	else if (mybox.selectionStart || mybox.selectionStart == "0") {
		var startPos = mybox.selectionStart;
		var endPos = mybox.selectionEnd;
		var chaineSql = mybox.value;
		mybox.value = chaineSql.substring(0, startPos) + chaineAj + chaineSql.substring(endPos, chaineSql.length);
	} else {
		mybox.value += chaineAj;
	}
	mybox.focus();
}
var mybox = document.getElementById('mintekstbox');
</script>


Så skal du have dit tekstfelt, som skal have et id som hedder det samme som du har angivet ovenfor i javascriptet i dette tilfælde "mintekstbox".

<textarea name="content" id="mintekstbox" row="4" cols="50"></textarea>
  


Tilsidst skal du have nogle knapper, hertil bruger vi et link men kan også være et billede eller andre HTML tags. Bemærk her vi bruger onclick værdien til at sætte den funktion vi lige har lavet i javascript.

<a onclick="insert2box('<b></b>', mybox)" href="#">[Fed skrift]</a>
  


Så skulle det gerne virke, men jeg ved desværre ikke lige hvordan laver sådan et den indsætter før og efter en mærkering i teksten, Da det ikke er alle browsere der understøtter de samme funktioner, så det ville kræve en del mere kode :)

Du har efterhånden spurgt mange spørgsmål i forummet (og bliv endelig ved med det! :D). Må man få at vide hvilket projekt du arbejder på? :)

#3:     Snitsky210 08/03 - 2011 16:49
ikke noget særligt, jeg arbejder bare på en ny version, ^^ af en hjemmeside..



EDIT:

denne her kode kunne jeg ikke lige helt se hvordan den skal virke

<a onclick="insert2box('<b></b>', mybox)" href="#">[Fed skrift]</a>



for jeg har en tekst boks der hedder (detail) men hvad skal man så skrive i denne her kode:


<a onclick="insert2box('<b></b>', mybox)" href="#">[Fed skrift]</a>

Redigeret: 08/03 - 2011 16:52

#4:     Webmaster 08/03 - 2011 16:58
Godt du spørger, din linie er kode gør bare at når du klikker på linket indsætter din browser teksten ind i tekstfeltet. Du skal ikke ændre mybox til noget du skal derimod ændre Javascript delen i den sidste linje. Her skal indsætte din box's id og ikke name.

var mybox = document.getElementById('detail');
  


Har du et link? :)

#5:     Snitsky210 08/03 - 2011 17:00
har jeg gjort allerede, men når jeg så trykker på knappen så kommer der intet frem :P i tekstboksen :P

(har dvs ikke link) endu

#6:     Webmaster 08/03 - 2011 17:21
Okay hmm... lad mig se.. Har du husket at give tekstfeltet id="detail"?

prøv at ændre linket til
<a href="javascript:insert2box('<b></b>', mybox)">[Fed skrift]</a>
  


Fair nok :)

#7:     Snitsky210 08/03 - 2011 17:26
Jep har husket af give Id="detail"

men den virker stadig ikke og det der link det virker ikke ;P

#8:     Snitsky210 08/03 - 2011 17:29
dette her er tekstboks koden:


<td valign="top"><strong>Indhold</strong></td>
<td valign="top">:</td>
<td><textarea name="detail" cols="50" rows="3" id="detail"></textarea></td>

#9:     Webmaster 08/03 - 2011 17:39
Hmm det begynder at lyde mærkeligt..  :s
Har du husket at kopier alt koden?

Forresten prøv at flytte javascriptet ned i <body>-tagget :)

#10:     Snitsky210 08/03 - 2011 17:43
Det har jeg gjort :D altså jeg har kopiret alt html kode & java Script og jeg har prøvet af ligge det ned/op i <body>

#11:     Webmaster 08/03 - 2011 18:25
Hmm ny begynder det at blive tricky :P
Egentlig kopierede jeg bare koden fra denne side omkring det sted hvor smileysne er :)

#12:     Snitsky210 08/03 - 2011 18:27
:o Jamen så skulle det virke men det gør det ikke :P

#13:     Webmaster 08/03 - 2011 18:43
Så må jeg lige tænke over hvad der kan være galt  :)

#14:     Snitsky210 08/03 - 2011 18:49
okay :D

#15:     Snitsky210 10/03 - 2011 19:06
har du fundet det der er galt :D?

Skriv et svar

Klik for at indsætte: Fed | Kursiv | Link | Billede | Citat | Liste | Kode

Abbonner

Nå du skriver et nyt svar kommer du automatik til at abbonnere på nye svar. Hvis du ikke vil det, skal du fjerne krydset i boksen ovenover.