Toon posts:

[JS] invoegen tekst in HTMLAREA lukt niet

Pagina: 1
Acties:
  • 108 views sinds 30-01-2008

Verwijderd

Topicstarter
Ik probeer met javascript een tekst in te voegen in een <textarea> Nu gebruik ik htmlarea en dan werkt mijn 'Dump' script dus niet, behalve als ik het stuk script onder de textarea uitschakel (dan wordt het dus een normale textarea).

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<form enctype="multipart/form-data" name="textform" method="post" action="">

<textarea name="textbox" style="width:400; height:300"></textarea><br>
<script language="javascript1.2">
   editor_generate('textbox');
</script>

<script>
function Dump(codestring) {
  document.textform.textbox.value=document.textform.textbox.value+codestring;
  document.textform.textbox.focus;
  return false;
}
</script>

[img]"invoegen.gif"[/img]

</form>


Ik wil dus eigenlijk een plaatje invoegen in de htmlarea, maar ik kan daar het juiste script niet voor vinden. Ik wilde het eerst zo proberen, maarja als het zo al niet werkt 8)7

[ Voor 41% gewijzigd door Verwijderd op 05-07-2003 11:05 ]


  • dominic
  • Registratie: Juli 2000
  • Laatst online: 21-08 19:07

dominic

will code for food

Probeer eens:

document.forms['textform'].textbox.innerText += codestring;

en anders

document.getElementById('textform').textbox.innerText += codestring;

Wanneer je afbeeldingen wilt gebruiken in een textarea dan gaat dit je niet lukken, een textarea is zoals de naam al zegt, alleen tekst..

Je kunt wel een <DIV> of <SPAN> op contenteditable='true' zetten, daar kun je dan weer de innerHTML van beinvloeden.. Alleen zul je bij het submitten van het form de innerHTML van dat element moeten uitlezen en aan de formdata moeten toevoegen.. <form onsubmit='functie()'>

[ Voor 59% gewijzigd door dominic op 05-07-2003 11:08 ]

Download my music on SoundCloud


Verwijderd

Topicstarter
Bedankt voor de tips, maar ze werken beide niet ben ik bang.

Zie hier: http://www.textarearich.com/demo/demo_CMS.php
De bovenstaande url bevat een soort van htmlarea en als je op de knop met het bergje en zonnetje klikt (image invoegen) en je klikt dan op insert image dan verschijnt hij in de textarea.
Bij Htmlarea kan ik wel slepen, maar ik wil het graag met een knop doen. Het moet dus wel kunnen, maar er zit dus nog steeds ergens een obstakel tussen...

  • Annie
  • Registratie: Juni 1999
  • Laatst online: 25-11-2021

Annie

amateur megalomaan

Als ik snel naar de JS code kijk die bij het textarearich.com voorbeeld zit dan lijkt mij dat je iets als onderstaande moet doen:

JavaScript:
1
2
3
oTextarea = document.forms['textform'].elements['textbox'];

oTextarea.document.body.innerHTML += codestring;


edit:
je zit overigens in het verkeerde forum

[ Voor 14% gewijzigd door Annie op 05-07-2003 11:42 ]

Today's subliminal thought is:


Verwijderd

Topicstarter
Ik heb het allen geprobeerd, maar ik krijg het niet aan de gang.
Misschien is het handiger om het met php te gaan verwerken, dus de code met een submit naar zichzelf te versturen en dan de <img> tag tussenvoegen? Dan komt het plaatje alleen niet op de plek waar de cursor staat en ik vraag me af of de code die htmlarea genereerd dan opgestuurd word. :( Hmz, ik zal morgen nog eens naar die Rich teaxtarea kijken. Meer tips altijd welkom :)

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

dit is gewoon een contenteditable iFrame. Als je daarop zoekt op http://msdn.microsoft.com weet ik zeker dat je heel wat informatie vindt :)

Intentionally left blank


  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<form enctype="multipart/form-data" name="textform" method="post" action="">

<textarea name="txaText" style="width:400; height:300"></textarea><br>

<script language="JavaScript" type="text/javascript">
   
   //editor_generate('textbox');
   
   
function fnDump(strCode)
{
  objTextbox = document.getElementById('txaText');

  objTextbox.innerText += strCode; // .innerText  .nodeValue werken iig ook
  objTextbox.focus();
}
</script>

[img]"invoegen.gif"[/img]

</form>

[ Voor 83% gewijzigd door r0bert op 05-07-2003 12:48 ]


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

als het alleen om text gaat in een textarea, en je wilt op de cursorpositie invoegen, kijk dan eens hiernaar: http://www.codebase.nl/index.php/command/viewcode/id/189

Intentionally left blank


  • Glimi
  • Registratie: Augustus 2000
  • Niet online

Glimi

Designer Drugs

(overleden)
Javascript hoort in W&G :)
Op naar W&G dus :)

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Als je het juiste script niet kan vinden dan moet je beter zoeken :P
We hebben je hier al wat tips gegeven om op te zoeken; verder is er hier op GoT al veel besproken mbt contenteditable; tijd dus dat je eerst zelf eens iets gaat proberen. Kom je er dan nog niet uit, let dan op in welk forum je een topic opent; javascript vragen horen dus hier :)

Intentionally left blank

Pagina: 1

Dit topic is gesloten.