Welk scripttaal voor textarea?

Door yamahadt50r op 13-12-2008 20:19

1.883 views

Met welke scripttaal kan ik zo'n textarea als in de link onder deze alinea maken (en misschien een werkend script zodat ik die kan bewerken of gewoon in kan voegen). Dus als je op B klikt dat er niet komt maar het rechtstreeks wordt weergegeven. Ik kan niks vinden waarmee dat zou moeten. Dit heb ik nodig omdat ik dit wil toepassen in mijn eigen (zelfgeschreven) gastenboek.

http://www.tboek.nl/gastenboek/demo/write/

Alvast bedankt

Wouter De Schuyter

13-12-2008 20:24

javascript

Wouter De Schuyter

13-12-2008 20:29

Stukje uit m'n eigen script misschien ben je hier wat mee...

ubb.inc.php

 <script type="text/javascript">
 function bb(sUBB, eUBB){ 
  var objTxtArea = document.forms['formulierA1'].elements['messageA1']; // SELECTEER DOEL
  if (!eUBB){
   eUBB = ' '+sUBB+' '; // Smileys..
   sUBB = '';
  }
  if (objTxtArea.selectionStart || objTxtArea.selectionStart == 0){
   var ss = objTxtArea.selectionStart;
   var se = objTxtArea.selectionEnd;
   objTxtArea.value = objTxtArea.value.substring(0, ss) + sUBB + objTxtArea.value.substring(ss, se) + eUBB + objTxtArea.value.substring(se, objTxtArea.value.length);
   if (sUBB.length != 0){
    objTxtArea.selectionStart = ss;
    objTxtArea.selectionEnd = se + sUBB.length + eUBB.length;
   }
   else{
    objTxtArea.selectionStart = se + sUBB.length + eUBB.length;
    objTxtArea.selectionEnd = objTxtArea.selectionStart;
   }
   objTxtArea.focus();
  }
  else if (objTxtArea.createTextRange){
   objTxtArea.focus();	//Needs to get focus to prevent other objects to get ubb codes
   document.selection.createRange().text = sUBB + document.selection.createRange().text + eUBB;
  }
  else{
   txtArea.value = txtArea.value + sUBB + eUBB;
  }
 }
 -->
  </script>
<img style="cursor: pointer" src="img/bbc/bold.gif" onclick="javascript:bb('[b][/b]')" alt="" />
<img style="cursor: pointer" src="img/bbc/italicize.gif" onclick="javascript:bb('[i][/i]')" alt="" />
<img style="cursor: pointer" src="img/bbc/underline.gif" onclick="javascript:bb('[u][/u]')" alt="" />
<img style="cursor: pointer" src="img/bbc/strike.gif" onclick="javascript:bb('[s][/s]')" alt="" />
<img src="img/bbc/divider.gif" alt="" />
<img style="cursor: pointer" src="img/bbc/left.gif" onclick="javascript:bb('[left][/left]')" alt="" />
<img style="cursor: pointer" src="img/bbc/center.gif" onclick="javascript:bb('[center][/center]')" alt="" />
<img style="cursor: pointer" src="img/bbc/right.gif" onclick="javascript:bb('[right][/right]')" alt="" />

implementatie

<?php include("ubb.inc.php"); ?>
<form name="formulierA1" method="post" action="">
<textarea name="messageA1" id="messageA1" cols="" rows="" style="width: 600px; height: 200px; margin: 0px auto;"></textarea>

[quote=Edit]Sorry, dacht ik m'n bovenstaande bericht had geedit.

- --

13-12-2008 20:54

Je kan ook FCKEditor een beetje aanpassen.

y yorick17

13-12-2008 21:12

@yamahadt50r
Javascript/ajax

@Evert
Klopt heb ik ook gedaan!!

y yamahadt50r

13-12-2008 23:04

oke, ik denk dat ik hier wel wat mee kan. bedankt!

y yorick17

13-12-2008 23:15

@Paradox™
Bij mij werkt het script niet

Wouter De Schuyter

13-12-2008 23:22

Hmm.. Raar.. Ofwel ben ik iets vergeten ofwel heb jij het niet goed gedaan..

Bij mij werkt het dus wel..

y yamahadt50r

14-12-2008 11:14

Ik ben er nu mee aan de gang gegaan, maar dit is toch een ander script. Als je goed in het voorbeeld kijkt zie je dat de tekst echt bold word in de textarea. dit geld ook voor de smileys en curcief enz.

Wie weet hoe ik dit doe?

Joren de Wit

14-12-2008 11:20

Google eens op FCKEditor of TinyMCE...

D Douwe

14-12-2008 12:02

Dat kan inderdaad met TInyMCE, deze zet via Javascript een <textarea> om in een WYSIWYG-veld, niet-JS-ers kunnen dus gewoon het 'oude' textarea gebruiken. Dit WYSIWYG-veld wordt dan gewoon met het form meegezonden met de name van het textarea.

Reageren

Inloggen om te reageren