Start ASP fil
Følgende kode giver en udemærket lille teksteditor:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
#preview {
height: 200px;
width: 400px;
}
#tekst {
height: 200px;
width: 400px;
}
</style>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function textBold() {
var sel = document.selection.createRange();
if (sel.parentElement().name == "tekst") {
sel.text = "<b>" + sel.text + "</b>";
}
}
function textUnderline() {
var sel = document.selection.createRange();
if (sel.parentElement().name == "tekst") {
sel.text = "<u>" + sel.text + "</u>";
}
}
function textItalic() {
var sel = document.selection.createRange();
if (sel.parentElement().name == "tekst") {
sel.text = "<i>" + sel.text + "</i>";
}
}
function textWWWLink() {
var sel = document.selection.createRange();
if (sel.parentElement().name == "tekst") {
var address = prompt("Hvilken adresse skal der linkes til?","");
if (address) {
sel.text = "<a href=\"http://" + address + "\" target=\"_blank\" class=\"custlink\">" + sel.text + "</a>";
}
}
}
function textMailLink() {
var sel = document.selection.createRange();
if (sel.parentElement().name == "tekst") {
var address = prompt("Hvilken e-mail adresse skal der linkes til?","");
if (address) {
sel.text = "<a href=\"mailto:" + address + "\" class=\"custlink\">" + sel.text + "</a>";
}
}
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var state = true;
function flip() {
if (state) {
document.getElementById("editor").style.display = "none";
document.getElementById("preview").style.display = "";
document.forms[0].knap.value = "Edit";
} else {
document.getElementById("editor").style.display = "";
document.getElementById("preview").style.display = "none";
document.forms[0].knap.value = "Preview";
}
state = ! state;
}
//-->
</SCRIPT>
</head>
<body>
<form>
<input type="Button" name="knap" onclick="document.getElementById('preview').innerHTML = this.form.tekst.value; flip();" value="Preview">
<br>
<a href="java script:textBold()">Bold</a>
<a href="java script:textItalic()">Italic</a>
<a href="java script:textUnderline()">Underline</a>
<a href="java script:textWWWLink()">Link</a>
<a href="java script:textMailLink()">Mail</a><br>
<table border="1">
<tr>
<td id="preview" style="display: none;"></td>
<td id="editor"><textarea rows="8" cols="40" name="tekst" id="tekst"></textarea></td>
</tr>
</table>
</form>
</body>
</html>
Men spørgsmålet er, om jeg kan tilføje en knap til indsættelse af billeder, der åbner et lille vindue der indeholder en "browse" knap, og bagefter starter et ASP-script, der uploader filen til serveren ?
