[Javascript] tags zetten om selectie in textarea - Softwareontwikkeling

donderdag 19 december 2002 12:32

Acties:

Topicstarter

Hoe kan ik met IE alleen binnen een textarea tags toevoegen aan de selectie?

Want nu kan ik op heel de pagina tags toevoegen aan mijn selectie en dat wil ik niet.

Zie de code hieronder.

code:

    function iewrap(lft, rgt) {
     strSelection = document.selection.createRange().text;
     if (strSelection!="") 
          {document.selection.createRange().text = lft + strSelection + rgt;}
    }

donderdag 19 december 2002 12:33

Acties:

whoami

P&W -> W&G

check ook dit:Welkom in P&W (FAQ-28/11/2002)

[ Voor 79% gewijzigd door whoami op 19-12-2002 12:34 ]

https://fgheysels.github.io/

donderdag 19 december 2002 13:03

Acties:

Hangloozz

{ @$%&# }

bij je functie nog even aangeven op welk element je het wilt toepassen

code:

1 2	function iewrap(lft, which, rgt){ strSelection = which.createRange().text;

daarna aanroepen vanuit je textarea-tag:

code:

1	onSelect="iewrap('linkermelp',this,'rechtermelp');"

denk ik...
zelf ff afmaken

www.jurgroessen.nl

donderdag 19 december 2002 15:07

Acties:

marijn

Topicstarter

Hangloozz schreef op 19 December 2002 @ 13:03:
bij je functie nog even aangeven op welk element je het wilt toepassen
code:
1
2
function iewrap(lft, which, rgt){
strSelection = which.createRange().text;
daarna aanroepen vanuit je textarea-tag:
code:
1
onSelect="iewrap('linkermelp',this,'rechtermelp');"
denk ik...
zelf ff afmaken

Jammer dit werkt niet

En ik gebruik een linkje om er bijvoorbeeld aan te plakken

[ Voor 12% gewijzigd door marijn op 19-12-2002 15:08 ]

donderdag 19 december 2002 16:30

Acties:

Verwijderd

Volgens mij kent alleen kent IE alleen document.selection. Ik ben ook bang dat het niet mogelijk is om te weten te komen wat de parentElement van een selectie is, dus dan zou het op een andere manier moeten. Als iemand het tegendeel kan aantonen, graag...

Je zou een variable op true kunnen zetten als de focus op het textarea is gezet (en weer op false op het moment dat de focus is verdwenen). Dan kun je dat als extra voorwaarde in je selectiefunctie gooien.

Net even zelf getest:

code:

<html>
<head>
<title>Untitled</title>
</head>
<body>
<script>
t=false;
function iewrap(lft, rgt) {
     strSelection = document.selection.createRange().text;
     if ((strSelection!="")&&(t==true)) 
          {document.selection.createRange().text=lft+strSelection+rgt;}
    }
</script>
<button onmousedown="iewrap('fd','ffd')">test</button>
<textarea onfocus="t=true" onblur="t=false;"></textarea>
sfdfdsfdsfds
</body>
</html>

Je moet kennelijk onmousedown gebruiken, want met onclick is de focus alweer verschoven. De tweede keer klikken werkt niet, dan zou je in de functie nog een keer de textarea moeten focussen.

Ik moet nog eens een keer kijken of het in Mozilla goed werkt nou, laatst keer dat ik het probeerde werkte het, behalve in textarea's

donderdag 19 december 2002 16:39

Acties:

Hangloozz

{ @$%&# }

ik heb ff geen tijd om te gaan pielen met jouw code.
Dit heb ik pas toegepast om een enkelvoudige tag in te voeren en dat werkte naar behoren.
Ik zou zeggen: stoei er ff mee, misschien kun je de voor jou bruikbare elementen eruitvissen

HTML:

<html>
<head>
<title>melp</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<SCRIPT>
function storeCaret (textEl)
 {
  if (textEl.createTextRange) textEl.caretPos =
document.selection.createRange().duplicate();
 }
function insertAtCaret (textEl, text)
 {
  if (textEl.createTextRange && textEl.caretPos)
   {
    var caretPos = textEl.caretPos;
    caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
   }
  else
   textEl.value  = text;
 }
</SCRIPT>

</head>

<body>


<form name="form1" id="form1">
  
    <textarea cols="" rows="" name="bericht" wrap="soft" onSelect="storeCaret(this);" onClick="storeCaret(this);" onKeyUp="storeCaret(this);"></textarea>
    
    <input type="button" value="nieuwe alinea" style="font-family:verdana;" onClick="insertAtCaret(this.form.bericht,'&lt;p&gt;');this.form.bericht.focus();" >
    
  </form>   
</body>
</html>

sorry voor de major layout vernaggeling

www.jurgroessen.nl