nicht angemeldet
code in a "selfmade" editor
0
code in a "selfmade" editor
Der Martinhey,
i am building a editor which allows the user to enter a 'code' in a textarea field via a popup dialog window. creating code in the textarea works fine. but my goal is it to create the code between a selected text in the textarea. (like this editor where i enter this hole text)
my code looks like this:
<html>
<head>
<script type="text/javascript">
/* <![CDATA[ */
function FontColor (textarea) {
var textareaid = textarea;
var input = document.getElementById(textareaid);
var w = screen.availWidth;
var h = screen.availHeight;
var wW = 300, wH = 122;
var leftPos = (w - wW) / 2, topPos = (h - wH) / 2;
if (navigator.appName == "Microsoft Internet Explorer") {
var myText = window.showModalDialog (
'color.html',
'name',
'dialogWidth:300px; dialogHeight:154px; scroll:no; status:no;'
);
} else {
var myText = window.open (
'color.html',
'name',
'location = 0, status = 0, scrollbars = 0, width = ' + wW + ', height = ' + wH + ', top = ' + topPos + ', left = ' + leftPos
);
}
var selectedText = document.selection.createRange().text;
if (selectedText != "") {
var newText = myText + selectedText + "";
document.selection.createRange().text = newText;
} else {
input.focus(input.caretPos);
input.caretPos = document.selection.createRange().duplicate();
if(input.caretPos.text.length == 0) {
input.caretPos.text = myText + "";
}
}
}
function FontColor_update_FF (hexcode) {
var textareaid = 'area51';
var input = document.getElementById(textareaid);
var tagBeginning = hexcode;
var tagEnding = "";
if (input.setSelectionRange) {
input.value = input.value.substring (0, input.selectionStart)
+ tagBeginning
+ input.value.substring(input.selectionStart,input.selectionEnd)
+ tagEnding
+ input.value.substring(input.selectionEnd,input.value.length)
}
input.focus();
}
/* ]]> */
</script>
</head>
<body>
<div>
<img title="Selected Color" src="images/forecolor.gif" onclick="FontColor('area51');" alt="" />
</div>
<div>
<textarea id="area51"></textarea>
</div>
</body>
</html>
and the code of the popup window looks so:
<html>
<head>
<script language="javascript">
/* <![CDATA[ */
function ColorDialog () {
for (i = 0; i <= 3; i++) {
if (document.colors.color[i].checked) {
var code = document.colors.color[i].value;
}
}
var color = '[color:' + code + '][/color]';
if (navigator.appName == "Microsoft Internet Explorer") {
window.returnValue = color;
} else {
window.opener.FontColor_update_FF(color);
}
window.close();
}
/* ]]> */
</script>
</head>
<body>
<div>
<form name="colors">
<input type="radio" name="color" value="12" />red
<input type="radio" name="color" value="23" />blue
<input type="radio" name="color" value="34" />green
<input type="radio" name="color" value="45" />black
</form>
</div>
<div>
<input type="button" value="Select" onclick="ColorDialog ();">
</div>
</body>
</html>
i hope someone can help me
best wishes, moonwalker
-
Hi,
ich gehe mal davon aus, dass ich hier auf Deutsch antworten kann (weil der Fragende mal wieder nur zu faul war, seine woanders schon gepostete Frage zurück zu übersetzen):
but my goal is it to create the code between a selected text in the textarea. (like this editor where i enter this hole text)
Na dann kannst du dir doch im Code von „hier“ abschauen, wie es geht?
i hope someone can help me
Der Artikel http://aktuell.de.selfhtml.org/artikel/javascript/textauswahl/ bietet auch einen Ansatz zur Recherche, wie man mit TextRanges etc. umgeht.
MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?-
Hallo,
ich gehe mal davon aus, dass ich hier auf Deutsch antworten kann (weil der Fragende mal wieder nur zu faul war, seine woanders schon gepostete Frage zurück zu übersetzen):
... und die dazu wieder mal in schauderhaftem Englisch formuliert war. Um nur die wirklich kapitalen Böcke zu nennen:
i am building a editor
a_n_ editor
but my goal is it to create the code
but my goal is to create ...
(like this editor where i enter this hole text)
... this whole text (was das wohl mit Löchern zu tun hat?)
So long,
Martin--
Ordnung ist, wenn man etwas findet, was man gar nicht sucht.
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(-
Hi!
(like this editor where i enter this hole text)
... this whole text (was das wohl mit Löchern zu tun hat?)
Na zwei haste doch schon gefunden - es sind mehr drin - be it tobacco!
off:PP
--
"You know that place between sleep and awake, the place where you can still remember dreaming?" (Tinkerbell)
-
-