Added the Midas Rich Editor for Mozilla 1.3.
This commit is contained in:
JT Smith
parent
f2171dd45e
commit
202f1f40c8
23 changed files with 528 additions and 2 deletions
BIN
www/extras/midas/backcolor.gif
Normal file
BIN
www/extras/midas/backcolor.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 130 B |
BIN
www/extras/midas/bold.gif
Normal file
BIN
www/extras/midas/bold.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 B |
134
www/extras/midas/colors.html
Normal file
134
www/extras/midas/colors.html
Normal file
|
|
@ -0,0 +1,134 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Text Color</title>
|
||||
<script>
|
||||
function selectColor(color)
|
||||
{
|
||||
parent.document.getElementById("edit").contentDocument.execCommand(parent.command, false, color);
|
||||
parent.document.getElementById("colorpalette").style.visibility="hidden";
|
||||
parent.document.getElementById("edit").contentWindow.focus();
|
||||
}
|
||||
|
||||
function InitColorPalette() {
|
||||
if (document.getElementsByTagName)
|
||||
var x = document.getElementsByTagName('TD');
|
||||
else if (document.all)
|
||||
var x = document.all.tags('TD');
|
||||
for (var i=0;i<x.length;i++)
|
||||
{
|
||||
x[i].onmouseover = over;
|
||||
x[i].onmouseout = out;
|
||||
x[i].onclick = click;
|
||||
}
|
||||
}
|
||||
|
||||
function over()
|
||||
{
|
||||
this.style.border='2px dotted white';
|
||||
}
|
||||
|
||||
function out()
|
||||
{
|
||||
this.style.border='1px solid gray';
|
||||
}
|
||||
|
||||
function click()
|
||||
{
|
||||
selectColor(this.id);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body bgcolor="white" onLoad="InitColorPalette()">
|
||||
<table border="1" cellpadding="1" cellspacing="1">
|
||||
<tr>
|
||||
<td id="#FFFFFF" bgcolor="#FFFFFF" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FFCCCC" bgcolor="#FFCCCC" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FFCC99" bgcolor="#FFCC99" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FFFF99" bgcolor="#FFFF99" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FFFFCC" bgcolor="#FFFFCC" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#99FF99" bgcolor="#99FF99" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#99FFFF" bgcolor="#99FFFF" width="20" height="20"><img width="1" height="1"></td>
|
||||
|
||||
<td id="#CCFFFF" bgcolor="#CCFFFF" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#CCCCFF" bgcolor="#CCCCFF" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FFCCFF" bgcolor="#FFCCFF" width="20" height="20"><img width="1" height="1"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="#CCCCCC" bgcolor="#CCCCCC" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FF6666" bgcolor="#FF6666" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FF9966" bgcolor="#FF9966" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FFFF66" bgcolor="#FFFF66" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FFFF33" bgcolor="#FFFF33" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#66FF99" bgcolor="#66FF99" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#33FFFF" bgcolor="#33FFFF" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#66FFFF" bgcolor="#66FFFF" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#9999FF" bgcolor="#9999FF" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FF99FF" bgcolor="#FF99FF" width="20" height="20"><img width="1" height="1"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td id="#C0C0C0" bgcolor="#C0C0C0" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FF0000" bgcolor="#FF0000" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FF9900" bgcolor="#FF9900" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FFCC66" bgcolor="#FFCC66" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FFFF00" bgcolor="#FFFF00" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#33FF33" bgcolor="#33FF33" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#66CCCC" bgcolor="#66CCCC" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#33CCFF" bgcolor="#33CCFF" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#6666CC" bgcolor="#6666CC" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#CC66CC" bgcolor="#CC66CC" width="20" height="20"><img width="1" height="1"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="#999999" bgcolor="#999999" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#CC0000" bgcolor="#CC0000" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FF6600" bgcolor="#FF6600" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FFCC33" bgcolor="#FFCC33" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#FFCC00" bgcolor="#FFCC00" width="20" height="20"><img width="1" height="1"></td>
|
||||
|
||||
<td id="#33CC00" bgcolor="#33CC00" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#00CCCC" bgcolor="#00CCCC" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#3366FF" bgcolor="#3366FF" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#6633FF" bgcolor="#6633FF" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#CC33CC" bgcolor="#CC33CC" width="20" height="20"><img width="1" height="1"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="#666666" bgcolor="#666666" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#990000" bgcolor="#990000" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#CC6600" bgcolor="#CC6600" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#CC9933" bgcolor="#CC9933" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#999900" bgcolor="#999900" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#009900" bgcolor="#009900" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#339999" bgcolor="#339999" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#3333FF" bgcolor="#3333FF" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#6600CC" bgcolor="#6600CC" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#993399" bgcolor="#993399" width="20" height="20"><img width="1" height="1"></td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="#333333" bgcolor="#333333" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#660000" bgcolor="#660000" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#993300" bgcolor="#993300" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#996633" bgcolor="#996633" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#666600" bgcolor="#666600" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#006600" bgcolor="#006600" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#336666" bgcolor="#336666" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#000099" bgcolor="#000099" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#333399" bgcolor="#333399" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#663366" bgcolor="#663366" width="20" height="20"><img width="1" height="1"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="#000000" bgcolor="#000000" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#330000" bgcolor="#330000" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#663300" bgcolor="#663300" width="20" height="20"><img width="1" height="1"></td>
|
||||
|
||||
<td id="#663333" bgcolor="#663333" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#333300" bgcolor="#333300" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#003300" bgcolor="#003300" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#003333" bgcolor="#003333" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#000066" bgcolor="#000066" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#330099" bgcolor="#330099" width="20" height="20"><img width="1" height="1"></td>
|
||||
<td id="#330033" bgcolor="#330033" width="20" height="20"><img width="1" height="1"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
BIN
www/extras/midas/copy.gif
Normal file
BIN
www/extras/midas/copy.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 B |
BIN
www/extras/midas/cut.gif
Normal file
BIN
www/extras/midas/cut.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 B |
383
www/extras/midas/editor.html
Normal file
383
www/extras/midas/editor.html
Normal file
|
|
@ -0,0 +1,383 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Midas Demo</title>
|
||||
|
||||
<style type="text/css">
|
||||
.imagebutton {height: 23; width: 22; border: solid 2px #C0C0C0; background-color: #C0C0C0}
|
||||
.image {position: relative; left: 1; top: 1; height:21; width:20; border:none;}
|
||||
.toolbar {height: 30; background-color: #C0C0C0;}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
var command = "";
|
||||
|
||||
function InitToolbarButtons() {
|
||||
kids = document.getElementsByTagName('DIV');
|
||||
|
||||
for (var i=0; i < kids.length; i++) {
|
||||
if (kids[i].className = "imagebutton") {
|
||||
kids[i].onmouseover = tbmouseover;
|
||||
kids[i].onmouseout = tbmouseout;
|
||||
kids[i].onmousedown = tbmousedown;
|
||||
kids[i].onmouseup = tbmouseup;
|
||||
kids[i].onclick = tbclick;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function tbmousedown()
|
||||
{
|
||||
this.firstChild.style.left = 2;
|
||||
this.firstChild.style.top = 2;
|
||||
this.style.border="inset 2px";
|
||||
}
|
||||
|
||||
function tbmouseup()
|
||||
{
|
||||
this.firstChild.style.left = 1;
|
||||
this.firstChild.style.top = 1;
|
||||
this.style.border="outset 2px";
|
||||
}
|
||||
|
||||
function tbmouseout()
|
||||
{
|
||||
this.style.border="solid 2px #C0C0C0";
|
||||
}
|
||||
|
||||
function tbmouseover()
|
||||
{
|
||||
this.style.border="outset 2px";
|
||||
}
|
||||
|
||||
function insertNodeAtSelection(win, insertNode)
|
||||
{
|
||||
// get current selection
|
||||
var sel = win.getSelection();
|
||||
|
||||
// get the first range of the selection
|
||||
// (there's almost always only one range)
|
||||
var range = sel.getRangeAt(0);
|
||||
|
||||
// deselect everything
|
||||
sel.removeAllRanges();
|
||||
|
||||
// remove content of current selection from document
|
||||
range.deleteContents();
|
||||
|
||||
// get location of current selection
|
||||
var container = range.startContainer;
|
||||
var pos = range.startOffset;
|
||||
|
||||
// make a new range for the new selection
|
||||
range=document.createRange();
|
||||
|
||||
if (container.nodeType==3 && insertNode.nodeType==3) {
|
||||
|
||||
// if we insert text in a textnode, do optimized insertion
|
||||
container.insertData(pos, insertNode.nodeValue);
|
||||
|
||||
// put cursor after inserted text
|
||||
range.setEnd(container, pos+insertNode.length);
|
||||
range.setStart(container, pos+insertNode.length);
|
||||
|
||||
} else {
|
||||
|
||||
|
||||
var afterNode;
|
||||
if (container.nodeType==3) {
|
||||
|
||||
// when inserting into a textnode
|
||||
// we create 2 new textnodes
|
||||
// and put the insertNode in between
|
||||
|
||||
var textNode = container;
|
||||
container = textNode.parentNode;
|
||||
var text = textNode.nodeValue;
|
||||
|
||||
// text before the split
|
||||
var textBefore = text.substr(0,pos);
|
||||
// text after the split
|
||||
var textAfter = text.substr(pos);
|
||||
|
||||
var beforeNode = document.createTextNode(textBefore);
|
||||
var afterNode = document.createTextNode(textAfter);
|
||||
|
||||
// insert the 3 new nodes before the old one
|
||||
container.insertBefore(afterNode, textNode);
|
||||
container.insertBefore(insertNode, afterNode);
|
||||
container.insertBefore(beforeNode, insertNode);
|
||||
|
||||
// remove the old node
|
||||
container.removeChild(textNode);
|
||||
|
||||
} else {
|
||||
|
||||
// else simply insert the node
|
||||
afterNode = container.childNodes[pos];
|
||||
container.insertBefore(insertNode, afterNode);
|
||||
}
|
||||
|
||||
range.setEnd(afterNode, 0);
|
||||
range.setStart(afterNode, 0);
|
||||
}
|
||||
|
||||
sel.addRange(range);
|
||||
};
|
||||
|
||||
function getOffsetTop(elm) {
|
||||
|
||||
var mOffsetTop = elm.offsetTop;
|
||||
var mOffsetParent = elm.offsetParent;
|
||||
|
||||
while(mOffsetParent){
|
||||
mOffsetTop += mOffsetParent.offsetTop;
|
||||
mOffsetParent = mOffsetParent.offsetParent;
|
||||
}
|
||||
|
||||
return mOffsetTop;
|
||||
}
|
||||
|
||||
function getOffsetLeft(elm) {
|
||||
|
||||
var mOffsetLeft = elm.offsetLeft;
|
||||
var mOffsetParent = elm.offsetParent;
|
||||
|
||||
while(mOffsetParent){
|
||||
mOffsetLeft += mOffsetParent.offsetLeft;
|
||||
mOffsetParent = mOffsetParent.offsetParent;
|
||||
}
|
||||
|
||||
return mOffsetLeft;
|
||||
}
|
||||
|
||||
function tbclick()
|
||||
{
|
||||
document.getElementById('edit').contentWindow.focus();
|
||||
if ((this.id == "forecolor") || (this.id == "hilitecolor")) {
|
||||
parent.command = this.id;
|
||||
buttonElement = document.getElementById(this.id);
|
||||
document.getElementById("colorpalette").style.left = getOffsetLeft(buttonElement);
|
||||
document.getElementById("colorpalette").style.top = getOffsetTop(buttonElement) + buttonElement.offsetHeight;
|
||||
document.getElementById("colorpalette").style.visibility="visible";
|
||||
} else if (this.id == "createlink") {
|
||||
var szURL = prompt("Enter a URL:", "");
|
||||
document.getElementById('edit').contentWindow.document.execCommand("CreateLink",false,szURL)
|
||||
} else if (this.id == "createtable") {
|
||||
e = document.getElementById("edit");
|
||||
rowstext = prompt("enter rows");
|
||||
colstext = prompt("enter cols");
|
||||
rows = parseInt(rowstext);
|
||||
cols = parseInt(colstext);
|
||||
if ((rows > 0) && (cols > 0)) {
|
||||
table = e.contentWindow.document.createElement("table");
|
||||
table.setAttribute("border", "1");
|
||||
table.setAttribute("cellpadding", "2");
|
||||
table.setAttribute("cellspacing", "2");
|
||||
tbody = e.contentWindow.document.createElement("tbody");
|
||||
for (var i=0; i < rows; i++) {
|
||||
tr =e.contentWindow.document.createElement("tr");
|
||||
for (var j=0; j < cols; j++) {
|
||||
td =e.contentWindow.document.createElement("td");
|
||||
br =e.contentWindow.document.createElement("br");
|
||||
td.appendChild(br);
|
||||
tr.appendChild(td);
|
||||
}
|
||||
tbody.appendChild(tr);
|
||||
}
|
||||
table.appendChild(tbody);
|
||||
insertNodeAtSelection(e.contentWindow, table);
|
||||
}
|
||||
} else {
|
||||
document.getElementById('edit').contentWindow.document.execCommand(this.id, false, null);
|
||||
}
|
||||
}
|
||||
|
||||
function Select(selectname)
|
||||
{
|
||||
var cursel = document.getElementById(selectname).selectedIndex;
|
||||
/* First one is always a label */
|
||||
if (cursel != 0) {
|
||||
var selected = document.getElementById(selectname).options[cursel].value;
|
||||
document.getElementById('edit').contentWindow.document.execCommand(selectname, false, selected);
|
||||
document.getElementById(selectname).selectedIndex = 0;
|
||||
}
|
||||
document.getElementById("edit").contentWindow.focus();
|
||||
}
|
||||
|
||||
function dismisscolorpalette()
|
||||
{
|
||||
document.getElementById("colorpalette").style.visibility="hidden";
|
||||
}
|
||||
|
||||
function Start() {
|
||||
document.getElementById('edit').contentWindow.document.designMode = "on";
|
||||
try {
|
||||
document.getElementById('edit').contentWindow.document.execCommand("undo", false, null);
|
||||
} catch (e) {
|
||||
alert("This demo is not supported on your level of Mozilla.");
|
||||
}
|
||||
|
||||
InitToolbarButtons();
|
||||
document.addEventListener("mousedown", dismisscolorpalette, true);
|
||||
document.getElementById("edit").contentWindow.document.addEventListener("mousedown", dismisscolorpalette, true);
|
||||
document.addEventListener("keypress", dismisscolorpalette, true);
|
||||
document.getElementById("edit").contentWindow.document.addEventListener("keypress", dismisscolorpalette, true);
|
||||
document.getElementById('edit').contentWindow.document.body.innerHTML=window.opener.formObj.value;
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body onLoad="Start()">
|
||||
<table width="100%" bgcolor="#C0C0C0" id="toolbar1">
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
<div class="imagebutton" id="cut"><img class="image" src="cut.gif" alt="Cut" title="Cut"></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="imagebutton" id="copy"><img class="image" src="copy.gif" alt="Copy" title="Copy"></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="imagebutton" id="paste"><img class="image" src="paste.gif" alt="Paste" title="Paste"></div>
|
||||
<td>
|
||||
</td>
|
||||
<td>
|
||||
</td>
|
||||
<td>
|
||||
<div class="imagebutton" id="undo"><img class="image" src="undo.gif" alt="Undo" title="Undo"></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="imagebutton" id="redo"><img class="image" src="redo.gif" alt="Redo" title="Redo"></div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
</td>
|
||||
<td>
|
||||
<div style="left: 10;" class="imagebutton" id="createlink"><img class="image" src="link.gif" alt="Insert Link" title="Insert Link"></div>
|
||||
</td>
|
||||
<td>
|
||||
</td>
|
||||
<td>
|
||||
<div style="left: 10;" class="imagebutton" id="createtable"><img class="image" src="table.gif" alt="Insert Table" title="Insert Table"></div>
|
||||
</td>
|
||||
<td> </td>
|
||||
<td> <div style="left: 10;" class="imagebutton" id="justifyleft"><img class="image" src="justifyleft.gif" alt="Align Left" title="Align Left"></div> </td>
|
||||
<td> <div style="left: 40;" class="imagebutton" id="justifycenter"><img class="image" src="justifycenter.gif" alt="Center" title="Center"></div> </td>
|
||||
<td> <div style="left: 70;" class="imagebutton" id="justifyright"><img class="image" src="justifyright.gif" alt="Align Right" title="Align Right"></div> </td>
|
||||
<td> </td>
|
||||
<td> <div style="left: 10;" class="imagebutton" id="insertorderedlist"><img class="image" src="orderedlist.gif" alt="Ordered List" title="Ordered List"></div> </td>
|
||||
<td> <div style="left: 40;" class="imagebutton" id="insertunorderedlist"><img class="image" src="unorderedlist.gif" alt="Unordered List" title="Unordered List"></div> </td>
|
||||
<td> </td>
|
||||
<td> <div style="left: 10;" class="imagebutton" id="outdent"><img class="image" src="outdent.gif" alt="Outdent" title="Outdent"></div> </td>
|
||||
<td> <div style="left: 40;" class="imagebutton" id="indent"><img class="image" src="indent.gif" alt="Indent" title="Indent"></div> </td>
|
||||
<td width="100%"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div style="height: 1px; background-color: white; border: 0px;"></div>
|
||||
<table bgcolor="#C0C0C0" width="100%" id="toolbar2">
|
||||
<tr>
|
||||
<td>
|
||||
<select id="formatblock" onchange="Select(this.id);">
|
||||
|
||||
<option value="<p>">Normal</option>
|
||||
<option value="<p>">Paragraph</option>
|
||||
<option value="<h1>">Heading 1 <h1></option>
|
||||
<option value="<h2>">Heading 2 <h2></option>
|
||||
<option value="<h3>">Heading 3 <h3></option>
|
||||
<option value="<h4>">Heading 4 <h4></option>
|
||||
|
||||
<option value="<h5>">Heading 5 <h5></option>
|
||||
<option value="<h6>">Heading 6 <h6></option>
|
||||
<option value="<address>">Address <ADDR></option>
|
||||
<option value="<pre>">Formatted <pre></option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<select id="fontname" onchange="Select(this.id);">
|
||||
<option value="Font">Font</option>
|
||||
|
||||
<option value="Arial">Arial</option>
|
||||
<option value="Courier">Courier</option>
|
||||
<option value="Times New Roman">Times New Roman</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<select unselectable="on" id="fontsize" onchange="Select(this.id);">
|
||||
<option value="Size">Size</option>
|
||||
<option value="1">1</option>
|
||||
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<div class="imagebutton" id="bold"><img class="image" src="bold.gif" alt="Bold" title="Bold"></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="imagebutton" id="italic"><img class="image" src="italic.gif" alt="Italic" title="Italic"></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="imagebutton" id="underline"><img class="image" src="underline.gif" alt="Underline" title="Underline"></div>
|
||||
</td>
|
||||
<td>
|
||||
</td>
|
||||
<td>
|
||||
<div style="left: 10;" class="imagebutton" id="forecolor"><img class="image" src="forecolor.gif" alt="Text Color" title="Text Color"></div>
|
||||
</td>
|
||||
<td>
|
||||
|
||||
<div style="left: 40;" class="imagebutton" id="hilitecolor"><img class="image" src="backcolor.gif" alt="Background Color" title="Background Color"></div>
|
||||
</td>
|
||||
<td width="100%"></td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
<div style="height: 1px; background-color: white; border: 0px;"></div>
|
||||
<iframe id="edit" width="100%" height="295px"></iframe>
|
||||
<iframe width="250" height="170" id="colorpalette" src="colors.html" style="visibility:hidden; position: absolute;"></iframe></iframe>
|
||||
|
||||
<script>
|
||||
function viewsource(source)
|
||||
{
|
||||
if (source) {
|
||||
var html = document.createTextNode(document.getElementById('edit').contentWindow.document.body.innerHTML);
|
||||
document.getElementById('edit').contentWindow.document.body.innerHTML = "";
|
||||
document.getElementById('edit').contentWindow.document.body.appendChild(html);
|
||||
document.getElementById("toolbar1").style.visibility="hidden";
|
||||
document.getElementById("toolbar2").style.visibility="hidden";
|
||||
} else {
|
||||
var html = document.getElementById('edit').contentWindow.document.body.ownerDocument.createRange();
|
||||
html.selectNodeContents(document.getElementById('edit').contentWindow.document.body);
|
||||
document.getElementById('edit').contentWindow.document.body.innerHTML = html.toString();
|
||||
document.getElementById("toolbar1").style.visibility="visible";
|
||||
document.getElementById("toolbar2").style.visibility="visible";
|
||||
}
|
||||
}
|
||||
|
||||
function usecss(source)
|
||||
{
|
||||
document.getElementById('edit').contentWindow.document.execCommand("useCSS", false, source);
|
||||
}
|
||||
|
||||
function readonly(source)
|
||||
{
|
||||
document.getElementById('edit').contentWindow.document.execCommand("readonly", false, source);
|
||||
}
|
||||
</script>
|
||||
<table width="100%"><tr><td>
|
||||
<input type="checkbox" onclick="viewsource(this.checked)">
|
||||
View HTML Source</input>
|
||||
<input checked type="checkbox" onclick="usecss(this.checked)">
|
||||
Use CSS</input>
|
||||
</td><td align="right">
|
||||
<a href="#" onClick="window.blur();window.opener.formObj.value=document.getElementById('edit').contentWindow.document.body.innerHTML;window.close();">Finished Editing</a>
|
||||
</td></tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
www/extras/midas/forecolor.gif
Normal file
BIN
www/extras/midas/forecolor.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 95 B |
BIN
www/extras/midas/indent.gif
Normal file
BIN
www/extras/midas/indent.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 B |
BIN
www/extras/midas/italic.gif
Normal file
BIN
www/extras/midas/italic.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 71 B |
BIN
www/extras/midas/justifycenter.gif
Normal file
BIN
www/extras/midas/justifycenter.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 B |
BIN
www/extras/midas/justifyleft.gif
Normal file
BIN
www/extras/midas/justifyleft.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 B |
BIN
www/extras/midas/justifyright.gif
Normal file
BIN
www/extras/midas/justifyright.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 B |
BIN
www/extras/midas/link.gif
Normal file
BIN
www/extras/midas/link.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 149 B |
BIN
www/extras/midas/orderedlist.gif
Normal file
BIN
www/extras/midas/orderedlist.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 B |
BIN
www/extras/midas/outdent.gif
Normal file
BIN
www/extras/midas/outdent.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 B |
BIN
www/extras/midas/paste.gif
Normal file
BIN
www/extras/midas/paste.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 B |
BIN
www/extras/midas/redo.gif
Normal file
BIN
www/extras/midas/redo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 76 B |
BIN
www/extras/midas/table.gif
Normal file
BIN
www/extras/midas/table.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 90 B |
BIN
www/extras/midas/underline.gif
Normal file
BIN
www/extras/midas/underline.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 B |
BIN
www/extras/midas/undo.gif
Normal file
BIN
www/extras/midas/undo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 B |
BIN
www/extras/midas/unorderedlist.gif
Normal file
BIN
www/extras/midas/unorderedlist.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 75 B |
Loading…
Add table
Add a link
Reference in a new issue