Toon posts:

[JS] <b></b>, <i></i>, ... in textarea door druk op knop*

Pagina: 1
Acties:
  • 204 views sinds 30-01-2008
  • Reageer

Verwijderd

Topicstarter
Hoe kan ik door druk op een knop bepaalde html tags invoeren in een textarea zodat de gebruiker geen html hoeft te kennen (vb vet, url,... je weet wel, voor een gastenboek)

  • GGS_VR6
  • Registratie: Juli 2001
  • Niet online

GGS_VR6

Oranje!

Je bedoelt zoiets al UBB code :?

T.net ID. Bekijk het maar es eem..
‹(◕‿◕)›


  • Ramon
  • Registratie: Juli 2000
  • Laatst online: 07:31
kan je oplossen met JavaScript

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/


  • gorgi_19
  • Registratie: Mei 2002
  • Laatst online: 20-08 11:40

gorgi_19

Kruimeltjes zijn weer op :9

Erhm.. Wat lukt je niet? En wat heeft ASP er mee te maken? Waar zit je vast; clientside of serverside gedeelte?

Digitaal onderwijsmateriaal, leermateriaal voor hbo


  • _.Luke._
  • Registratie: September 2001
  • Laatst online: 26-07-2021
document.execCommand("Commando") zet je als actie onder n knop en dan met document.DIVnaam.innerHTML eruithalen zoiets... is het

Dit is dus puur JavaScript, ik ken geen commando van ASP die dit kan (vraag me af of dit ook in standaard in ASP zal zitten).

edit: Textarea moet DIV zijn!
edit2: ASP / JS gedoe

[ Voor 55% gewijzigd door _.Luke._ op 18-04-2003 12:43 ]

Trying is the first step towards faillure...


Verwijderd

(niks laat maar)

[ Voor 93% gewijzigd door Verwijderd op 18-04-2003 12:40 ]


Verwijderd

Topicstarter
Ik denk dat je dan javascript moet gebruiken idd, sorry ik gebruik dit in mijn asp pagina, daarmee dat ik het asp noem in de topictitel. Maar hoe gaat dit dan met javascript, welk commando kan je daarvoor gebruiken? Het is dus clientside, zodat de client op een knop druk en automatisch de tags in de textarea tevoorschijnkomen

  • _.Luke._
  • Registratie: September 2001
  • Laatst online: 26-07-2021
Kan dus met JavaScript zoals ik dat zei, zou houd je controle over de mogelijkheden die je aanbiedt en wordt het ook nog eens een stukkie mooier omdat je in je DIV direct het resultaat zult zien.

Trying is the first step towards faillure...


  • TeeDee
  • Registratie: Februari 2001
  • Nu online

TeeDee

CQB 241

Heart..pumps blood.Has nothing to do with emotion! Bored


  • _.Luke._
  • Registratie: September 2001
  • Laatst online: 26-07-2021
jeps das dus precies wat ik zei... let wel op... werkt alleen in IE 5.5+ dacht ik...

Trying is the first step towards faillure...


  • Janoz
  • Registratie: Oktober 2000
  • Laatst online: 10:39

Janoz

Moderator Devschuur®

!litemod

Over de schutting d'r mee... Javascript hoort in W&G (inclusief titel aanpassing)

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'


  • Punksmurf
  • Registratie: September 2002
  • Laatst online: 06-01-2024
wat zou je denken van naar een willekeurig forum gaan waar ze zoiets gebruiken...

en dan de source bestuderen ;)


code:
1
2
3
4
5
6
7
8
9
10
11
function emoticon(text) {
    text = ' ' + text + ' ';
    if (document.post.message.createTextRange && document.post.message.caretPos) {
        var caretPos = document.post.message.caretPos;
        caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
        document.post.message.focus();
    } else {
    document.post.message.value  += text;
    document.post.message.focus();
    }
}

code:
1
<a href="javascript:emoticon(':)')">blabla</a>


dit vond ik net in de source van een forum.. daar kan je vast wat mee

met een hamer past alles


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

dominic

will code for food

_.Luke._ schreef op 18 April 2003 @ 12:58:
jeps das dus precies wat ik zei... let wel op... werkt alleen in IE 5.5+ dacht ik...
Klopt, de attribute CONTENTEDITABLE werkt alleen in IE5+

In IE4 moet je een document in een IFRAME laden en het document attribute designMode op 'true' zetten.


In beide gevallen kun je met documentcommands van alles doen..

Download my music on SoundCloud


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Intentionally left blank


  • Guillome
  • Registratie: Januari 2001
  • Niet online

Guillome

test

Kijk anders eens op mijn online HTML editor.
Die gebruikt een TextArea en de functies die jij nodig hebt.
http://xlerator.beefhole.nl/maakopmaak/maakopmaak.php

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router


  • T. van Beek
  • Registratie: Januari 2002
  • Laatst online: 13-10-2024

T. van Beek

flickritus

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="Javascript">
function icon(theicon) 
{
    document.reageren.rbericht.value += ""+theicon;
    document.reageren.rbericht.focus();
}
</script>
</head>
<body>
<a href="javascript:icon('[b] [/b]')">Dikgedrukt</a><br>
<form method="POST" name="reageren">
<textarea name=rbericht cols=65 rows=15></textarea><input type="submit" value="Toevoegen" name="submit">
</form>


Korter en werkt in IE en Mozilla 1.3 :)

http://flickr.com/photos/itommy/


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

T. van Beek schreef op 19 april 2003 @ 13:18:
[...]
Korter en werkt in IE en Mozilla 1.3 :)
Dat is de meest eenvoudige oplossing waarbij je de code altijd achteraan invoegd. De link die ik eerder gaf voegt de code echter daadwerkelijk op de cursorpositie in, en als je een stuk tekst hebt geselecteerd zet 'ie het er netjes omheen. Werkt ook in IE en Mozilla 1.3 :)
(in Opera bestaat er geen method om de cursorpositie te achterhalen, dus daar zal hij het altijd achteraan invoegen)

Intentionally left blank


  • T. van Beek
  • Registratie: Januari 2002
  • Laatst online: 13-10-2024

T. van Beek

flickritus

crisp schreef op 19 April 2003 @ 13:58:
[...]

Dat is de meest eenvoudige oplossing waarbij je de code altijd achteraan invoegd. De link die ik eerder gaf voegt de code echter daadwerkelijk op de cursorpositie in, en als je een stuk tekst hebt geselecteerd zet 'ie het er netjes omheen. Werkt ook in IE en Mozilla 1.3 :)
(in Opera bestaat er geen method om de cursorpositie te achterhalen, dus daar zal hij het altijd achteraan invoegen)
Kan ik met jou eens contact hebben over ICQ? Heb een paar vraagjes aan je :)

http://flickr.com/photos/itommy/


  • Cartman!
  • Registratie: April 2000
  • Niet online
ik heb in een site etc. ingebouwd met php erge_replace, werkt prima :)

http://www.php.net/manual/nl/function.ereg-replace.php

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

T. van Beek schreef op 19 April 2003 @ 19:23:
[...]
Kan ik met jou eens contact hebben over ICQ? Heb een paar vraagjes aan je :)
offtopic:
#devschuur irc.tweakers.net ben ik meestal later op de avond wel te vinden' ICQ gebruik ik bijna nooit meer :)

Intentionally left blank

Pagina: 1