Notifikationer

Markér alle som læst Log ud

styrk Nybegynder

01. oktober 2003 - 14:56 Der er 6 kommentarer og
1 løsning

b, i, u og url

Hej.

Det drejer sig om scripts der indsætter en tekst i et tekst felt når man trykker på en knap, alla submit.

Eks, en knap står der "fed" på, når brugeren trykker på knappen skal der komme <b>indsæt tekst her</b> i tekstfeltet.

Bare kom med et eksempel så kan jeg vel bare ændre teksten!

På forhåndt ak!

Synes godt om

di8leva Nybegynder

01. oktober 2003 - 15:16 #1

er dette alt du er ude efter:

<html>
<script language="JavaScript">
function insert()
{
document.getElementById("mytext").value = '<b>Indset text her</b>';
}
</script>
<input type="text" id="mytext"><br>
<input type="button" value="test" onclick="insert();">

Synes godt om

jih Nybegynder

01. oktober 2003 - 15:35 #2

hmmm.... di8leva.... jeg kan se at dit eksempel giver præcis teksten "<b>Indset text her</b>".... i stedet for at skrive den med fed.... hvis den altså skal skrives med fed og ik skal stå sådan der....

Synes godt om

roenving Novice

01. oktober 2003 - 17:35 #3

Et eller andet i denne henretning:

<script language="javascript" type="text/javascript">
function insert(clas){
r = document.selection.createRange();
txt = r.text;
switch (clas){
case "i":
alert('i'+"\n"+txt);
txt = "<i>"+txt+"</i>";
break;
case "b":
txt = "<b>"+txt+"</b>";
break;
}
r.htmlText = txt;
}
</script>

-- men jeg har ikke arbejdet med dette før, og kunne ikke på det til at virke !-|

Prøv at kigge på phoenixv's:
http://www.phoenixv.dk/wysiwyg/

Synes godt om

roenving Novice

01. oktober 2003 - 17:41 #4

ser ud til at TextRange-objektet ikke har metoder, så det er execCommand, som skal bruges !-)

Synes godt om

styrk Nybegynder

01. oktober 2003 - 22:12 #5

Det første svar virker nu som sådan udemærket,- men problemet er så bare at den fjerne den tekst brugeren allerede har skrevet i feltet. Kan det fikses på en smart måde? :)

men tak for svarende hidtil!

Synes godt om

tjp Mester

01. oktober 2003 - 23:31 #6

Måske a la nedenstående - designet kan diskuteres! *S*

<html>
<head>
<title>title</title>
<script>
function insertTag(type){
if (type=='b')
document.forms[0].texten.value = document.forms[0].texten.value + "<b>fed</b>";
if (type=='i')
document.forms[0].texten.value = document.forms[0].texten.value + "<i>fed</i>";
if (type=='u')
document.forms[0].texten.value = document.forms[0].texten.value + "<u>fed</u>";
}
</script>
</head>
<body>
<form action="html_textarea.html" method="post">
<button type="button" onclick="insertTag('b');">
B Button!
</button>
<button type="button" onclick="insertTag('i');">
I Button!
</button>
<button type="button" onclick="insertTag('u');">
U Button!
</button>
<br>
<textarea cols="45" rows="4" name="texten">
</textarea>
</form>
</body>
</html>

Synes godt om

tjp Mester

07. marts 2004 - 05:09 #7

Lukketid???

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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS