> function insertAtCaret (textEl, text) {
<img SRC="../images/knapper/insBold.gif"
ONCLICK="insertAtCaret(document.forms.aForm.aTextArea,'<b>')
Du kan vel lave noget lignende dette:
<script>
s = 1; // variabel, der holder styr på, om det er starttag (1) eller sluttag
(0)
function tag(starttag,sluttag) {
if (s) {
s = 0;
return starttag;
}
else {
s = 1;
return sluttag;
}
}
</script>
Og dette kan så kaldes med:
<input type="button"
onClick="insertAtCaret(document.forms.aForm.aTextArea,tag('<b>','</b>');"
value="Fed">
Hvis du skal kunne bruge det uafhængigt af flere funktioner (kursiv,
understreget osv), skal hver enkelt knap have en variabel;
<script>
s = new Object(); // et array, der indeholder de enkelte
formatteringsmuligheder og deres tags
s["b"] = new Array(1,"<b>","</b>");
s["i"] = new Array(1,"<i>","</i>");
s["u"] = new Array(1,"<u>","</u>");
s["font"] = new Array(1,"<font face=\"\" color=\"\">","</font>");
function tag(funktion) {
if (s[funktion][0]) {
s[funktion][0] = 0;
return s[funktion][1];
}
else {
s[funktion][0] = 1;
return s[funktion][2];
}
}
</script>
<input type="button"
onClick="insertAtCaret(document.forms.aForm.aTextArea,tag('b');"
value="Fed">
<input type="button"
onClick="insertAtCaret(document.forms.aForm.aTextArea,tag('i');"
value="Kursiv">
<input type="button"
onClick="insertAtCaret(document.forms.aForm.aTextArea,tag('u');"
value="Understreget">
Håber det virker (jeg har ikke testet det selv!)...
MVH Jonas (aka Juke)
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials