Welk scripttaal voor textarea?
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.
ubb.inc.php
implementatie
Stukje uit m'n eigen script misschien ben je hier wat mee...
Javascript/ajax
@Evert
Klopt heb ik ook gedaan!! @yamahadt50r
Bij mij werkt het script niet @Paradox™ Hmm.. Raar.. Ofwel ben ik iets vergeten ofwel heb jij het niet goed gedaan..
Wie weet hoe ik dit doe? 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.
javascript
ubb.inc.php
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<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="" />
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
Code (php)
1
2
3
2
3
<?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>
<form name="formulierA1" method="post" action="">
<textarea name="messageA1" id="messageA1" cols="" rows="" style="width: 600px; height: 200px; margin: 0px auto;"></textarea>
Edit:
Sorry, dacht ik m'n bovenstaande bericht had geedit.
Gewijzigd op 01/01/1970 01:00:00 door Wouter De Schuyter
Je kan ook FCKEditor een beetje aanpassen.
Javascript/ajax
@Evert
Klopt heb ik ook gedaan!!
oke, ik denk dat ik hier wel wat mee kan. bedankt!
Bij mij werkt het script niet
Wie weet hoe ik dit doe?
Google eens op FCKEditor of TinyMCE...
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.
ik denk dat ik me wel red met tinymce. Bedankt iedereen.
Spamkick, slotje