lenya/src/webapp/lenya/resources/misc/midas midas.html,NONE,1.1
Michael Wechner <[email protected]> Tue, 20 May 2003 21:00:27 +0200
| Newsgroups | gmane.comp.cms.wyona.cvs |
|---|---|
| Message-ID | <[email protected]> |
Update of /repository/lenya/src/webapp/lenya/resources/misc/midas
In directory erbium:/tmp/cvs-serv22013/midas
Added Files:
midas.html
Log Message:
Mozilla Midas added
--- NEW FILE: midas.html ---
<html>
<head>
<title>Midas - Lenya</title>
<link href="midas_files/midas.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="midas_files/midas.js"></script>
</head>
<body onload="Start()">
<p>
<b>Note:</b> The changing of text format (Heading, Paragraph, etc.) will only function
properly on a 1.3b build dated after January 26, 2003. Thanks.
</p>
<p>
The Cut, Copy, and Paste buttons below are disabled for security reasons. To enable
them for purposes of this demo, you need to
<a href="http://mozilla.org/editor/midasdemo/securityprefs.html">edit your preferences file</a>.
</p>
<form enctype="multipart/form-data" method="post" action="sugus">
<p>
<input name="save" value="Save" type="submit">
<input name="savexit" value="Save and Exit" type="submit">
<!--
<input onclick="doAction('save')" value="Save" type="button">
<input onclick="doAction('savexit')" value="Save and Exit" type="button">
-->
</p>
<!-- TOOLBAR 1 -->
<table bgcolor="#c0c0c0" id="toolbar1">
<tbody><tr>
<td>
<div class="imagebutton" id="cut"><img class="image" src="midas_files/cut.gif" alt="Cut" title="Cut"></div>
</td>
<td>
<div class="imagebutton" id="copy"><img class="image" src="midas_files/copy.gif" alt="Copy" title="Copy"></div>
</td>
<td>
<div class="imagebutton" id="paste"><img class="image" src="midas_files/paste.gif" alt="Paste" title="Paste"></div>
</td><td>
</td>
<td>
</td>
<td>
<div class="imagebutton" id="undo"><img class="image" src="midas_files/undo.gif" alt="Undo" title="Undo"></div>
</td>
<td>
<div class="imagebutton" id="redo"><img class="image" src="midas_files/redo.gif" alt="Redo" title="Redo"></div>
</td>
<td>
</td>
<td>
<div style="left: 10px;" class="imagebutton" id="createlink"><img class="image" src="midas_files/link.gif" alt="Insert Link" title="Insert Link"></div>
</td>
<td>
</td>
<td>
<div style="left: 10px;" class="imagebutton" id="createtable"><img class="image" src="midas_files/table.gif" alt="Insert Table" title="Insert Table"></div>
</td>
</tr>
</tbody></table>
<br>
<!-- TOOLBAR 2 -->
<table bgcolor="#c0c0c0" id="toolbar2">
<tbody><tr>
<td>
<select id="formatblock" onchange="Select(this.id);"><option value="<p>">Normal</option><option value="<p>">Paragraph</option><option value="<h1>">Heading 1 </option><option value="<h2>">Heading 2 </option><option value="<h3>">Heading 3 </option><option value="<h4>">Heading 4 </option><option value="<h5>">Heading 5 </option><option value="<h6>">Heading 6 </option><option value="<address>">Address </option><option value="<pre>">Formatted </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="midas_files/bold.gif" alt="Bold" title="Bold"></div>
</td>
<td>
<div class="imagebutton" id="italic"><img class="image" src="midas_files/italic.gif" alt="Italic" title="Italic"></div>
</td>
<td>
<div class="imagebutton" id="underline" style="border: 2px solid rgb(192, 192, 192);"><img class="image" src="midas_files/underline.gif" alt="Underline" title="Underline"></div>
</td>
<td>
</td>
<td>
<div style="left: 10px;" class="imagebutton" id="forecolor"><img class="image" src="midas_files/forecolor.gif" alt="Text Color" title="Text Color"></div>
</td>
<td>
<div style="left: 40px;" class="imagebutton" id="hilitecolor"><img class="image" src="midas_files/backcolor.gif" alt="Background Color" title="Background Color"></div>
</td>
<td>
</td>
<td>
<div style="left: 10px;" class="imagebutton" id="justifyleft"><img class="image" src="midas_files/justifyleft.gif" alt="Align Left" title="Align Left"></div>
</td>
<td>
<div style="left: 40px;" class="imagebutton" id="justifycenter"><img class="image" src="midas_files/justifycenter.gif" alt="Center" title="Center"></div>
</td>
<td>
<div style="left: 70px;" class="imagebutton" id="justifyright"><img class="image" src="midas_files/justifyright.gif" alt="Align Right" title="Align Right"></div>
</td>
<td>
</td>
<td>
<div style="left: 10px;" class="imagebutton" id="insertorderedlist"><img class="image" src="midas_files/orderedlist.gif" alt="Ordered List" title="Ordered List"></div>
</td>
<td>
<div style="left: 40px;" class="imagebutton" id="insertunorderedlist"><img class="image" src="midas_files/unorderedlist.gif" alt="Unordered List" title="Unordered List"></div>
</td>
<td>
</td>
<td>
<div style="left: 10px;" class="imagebutton" id="outdent"><img class="image" src="midas_files/outdent.gif" alt="Outdent" title="Outdent"></div>
</td>
<td>
<div style="left: 40px;" class="imagebutton" id="indent"><img class="image" src="midas_files/indent.gif" alt="Indent" title="Indent"></div>
</td>
</tr>
</tbody></table>
<br>
<iframe id="edit" width="100%" height="500" src="midas_files/content.html"></iframe>
<iframe width="250" height="170" id="colorpalette" src="midas_files/colors.html" style="visibility: hidden; position: absolute;"></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>
<input type="checkbox" onclick="viewsource(this.checked)">
View HTML Source
<input checked="checked" type="checkbox" onclick="usecss(this.checked)">
Use CSS
<input type="checkbox" onclick="readonly(this.checked)">
Read only
</form>
</body>
</html>