µÑÇÍÂèÒ§

 

Source

Document Fonts Offsets Headers Anchors/Images
Lists Separators Forms Tables Misc
Special Characters Assistants

 

 Code1 ãÊèã¹ Tag <head>   Code2 ãÊèã¹ Tag <body> µÃ§·Õèµéͧ¡ÒÃ
Code1
 <script LANGUAGE="JavaScript">

<!--http://www.banabana.u4l.com-->
function AppendText(str) {
document.forms[0].editor.value += str;
return;
}

function EditAppendText(form, type) {
strin = "form." + type + ".options[(form." + type + ".selectedIndex)].value";
form.editor.value += eval(strin);
return;
}

function ViewPage(form) {
var v_win = open("","HTML_Editor","scrollbars,toolbar=no,directories=no,menubar=yes");
var source = form.editor.value;
v_win.document.write(source);
v_win.document.close();
return true;
}

function ClearText(form) {
form.editor.value="";
return;
}

function CallAssistant(form) {
eval(form.assist.options[(form.assist.selectedIndex)].value);
}

function CreateTable(win) {
AppendText("<TABLE BORDER=\"1\">\n");

for(row_count = 0; row_count < rows; row_count++) {
AppendText("<TR>\n");
for(col_count = 0; col_count < cols; col_count++) {
elem = row_count * rows + col_count;
string = "<TD>" + win.document.forms[0].elements[elem].value + "</TD>\n";
AppendText(string);
}
AppendText("</TR>\n");
}

AppendText("</TABLE>\n");
win.close();
return;
}

function TableAssistant(form) {
rows = prompt("Number of rows?", "1");
cols = prompt("Number of columns?", "1");

if (rows == null || cols == null) {
return true;
}

t_win = open("","Table_Editor","scrollbars,toolbar=no,directories=no,menubar=yes");

t_win.create = CreateTable;

t_win.document.write('<HTML><HEAD><TITLE>Table Editor</TITLE></HEAD><BODY BGCOLOR="white"><FORM><TABLE>');

for(no_of_rows = 1; no_of_rows <= rows; no_of_rows++) { 
t_win.document.write('<TR>');
for(no_of_cols = 1; no_of_cols <= cols; no_of_cols++) {
t_win.document.write('<TD><INPUT TYPE="text"></TD>');
}
t_win.document.write('</TR>');
}
t_win.document.write('</TABLE><P><INPUT TYPE="button" VALUE="OK" onClick="self.create(self)">');
t_win.document.write('<INPUT TYPE="button" VALUE="Cancel" onClick="self.close()">');
t_win.document.write('</FORM></BODY></HTML>'); 

t_win.document.close();
return true;
}

function CreateList(win) {
list_type = l_win.document.forms[0].elements[0].options[(l_win.document.forms[0].elements[0].selectedIndex)].value;

if (list_type == "disc" || list_type == "circle" || list_type == "square") {
string = "<UL TYPE=\"" + list_type + "\">\n";
AppendText(string);
}
else {
string = "<OL TYPE=\"" + list_type + "\">\n";
AppendText(string);
}

for(items = 1; items <= l_win.document.forms[0].elements.length - 3; items++) {
string = "<LI>" + l_win.document.forms[0].elements[items].value + "\n"; 
AppendText(string);
}

if (list_type == "disc" || list_type == "circle" || list_type == "square") {
AppendText("</UL>\n");
}
else {
AppendText("</OL>\n");
}

win.close();
return true;
}

function ListAssistant(form) {
items = prompt("Number of items in the list?", "1");
if (items == null) {
return true;
}

l_win=open("","List_Editor","scrollbars,toolbar=no,directories=no,menubar=yes");
l_win.create = CreateList;
l_win.document.write('<HTML><HEAD><TITLE>List Editor</TITLE></HEAD><BODY BGCOLOR="white"><FORM>');
l_win.document.write('List Indicator: <SELECT><OPTION VALUE="disc">Disc<OPTION VALUE="circle">Circle<OPTION VALUE="square">Square');
l_win.document.write('<OPTION VALUE="1">Numbers<OPTION VALUE="A">Uppercase Letters<OPTION VALUE="a">Lowercase Letters');
l_win.document.write('<OPTION VALUE="I">Uppercase Roman Numerals<OPTION VALUE="i">Lowercase Roman Numerals</SELECT><P>');
for(no_of_items=1; no_of_items <= items; no_of_items++) {
l_win.document.write("<INPUT TYPE='text'><BR>");
}
l_win.document.write('<P><INPUT TYPE="button" VALUE="OK" onClick="self.create(self)">');
l_win.document.write('<INPUT TYPE="button" VALUE="Cancel" onClick="self.close()">');
l_win.document.write('</FORM></BODY></HTML>'); 
l_win.document.close();
return true;
}

function CreateTextOffset(win) {
text_offset_type = to_win.document.forms[0].elements[0].options[(to_win.document.forms[0].elements[0].selectedIndex)].value;
offset_text = to_win.document.forms[0].elements[1].value;
offset_text += "\n";
begin_text_offset_tag = "<" + text_offset_type + ">\n";
end_text_offset_tag = "</" + text_offset_type + ">\n";
AppendText(begin_text_offset_tag);
AppendText(offset_text);
AppendText(end_text_offset_tag);
win.close();
return true;
}

function TextOffsetAssistant(form) {
to_win=open("","Text_Offsets_Editor","scrollbars,toolbar=no,directories=no,menubar=yes");
to_win.create = CreateTextOffset;
to_win.document.write('<HTML><HEAD><TITLE>Text Offset Editor</TITLE></HEAD><BODY BGCOLOR="white"><FORM>');
to_win.document.write('Text Offset Type: <SELECT><OPTION VALUE="ADDRESS">ADDRESS<OPTION VALUE="BLOCKQUOTE">BLOCKQUOTE<OPTION VALUE="CODE">CODE');
to_win.document.write('<OPTION VALUE="PRE">PRE</SELECT><P>');
to_win.document.write('<TEXTAREA ROWS="10" COLS="40"></TEXTAREA>');
to_win.document.write('<P><INPUT TYPE="button" VALUE="OK" onClick="self.create(self)">');
to_win.document.write('<INPUT TYPE="button" VALUE="Cancel" onClick="self.close()">');
to_win.document.write('</FORM></BODY></HTML>'); 
to_win.document.close();
return true;
}


</script>
Code2
<form NAME="htmlopie">
<p><input TYPE="button" NAME="View" VALUE="View" onClick="ViewPage(this.form)"> <font
COLOR="black">Source</font> <input TYPE="button" NAME="Clear" VALUE="Clear"
onClick="ClearText(this.form)"><br>
<textarea NAME="editor" ROWS="10" COLS="60">

</textarea></p>
<table ALIGN="center" CELLSPACING="0" CELLPADDING="0">
<tr>
<td ALIGN="center"><font COLOR="black" SIZE="2">Document</font></td>
<td ALIGN="center"><font COLOR="black" SIZE="2">Fonts</font></td>
<td ALIGN="center"><font COLOR="black" SIZE="2">Offsets</font></td>
<td ALIGN="center"><font COLOR="black" SIZE="2">Headers</font></td>
<td ALIGN="center"><font COLOR="black" SIZE="2">Anchors/Images</font></td>
</tr>
<tr>
<td ALIGN="center"><select NAME="docs"
onChange="EditAppendText(this.form, &quot;docs&quot;)" size="1">
<option VALUE="&lt;HTML&gt;
">&lt;HTML&gt; </option>
<option VALUE="&lt;/HTML&gt;
">&lt;/HTML&gt; </option>
<option VALUE="&lt;HEAD&gt;
">&lt;HEAD&gt; </option>
<option VALUE="&lt;/HEAD&gt;
">&lt;/HEAD&gt; </option>
<option VALUE="&lt;TITLE&gt;
">&lt;TITLE&gt; </option>
<option VALUE="&lt;/TITLE&gt;
">&lt;/TITLE&gt; </option>
<option
VALUE="&lt;BODY
BGCOLOR=&quot;&quot;
BACKGROUND=&quot;&quot;
LINK=&quot;&quot;
ALINK=&quot;&quot;
VLINK=&quot;&quot;
TEXT=&quot;&quot;
&gt;
">&lt;BODY&gt; </option>
<option VALUE="&lt;/BODY&gt;
">&lt;/BODY&gt; </option>
<option
VALUE="&lt;META NAME=&quot;&quot; HTTP-EQUIV=&quot;&quot; CONTENT=&quot;&quot;&gt;
">&lt;META&gt; </option>
<option
VALUE="&lt;LINK
HREF=&quot;&quot;
REL=&quot;&quot;
REV=&quot;&quot;
TITLE=&quot;&quot;
&gt;
">&lt;LINK&gt; </option>
</select> </td>
<td ALIGN="center"><select NAME="emphasis"
onChange="EditAppendText(this.form, &quot;emphasis&quot;)" size="1">
<option VALUE="&lt;B&gt;
">&lt;B&gt; </option>
<option VALUE="&lt;/B&gt;
">&lt;/B&gt; </option>
<option VALUE="&lt;I&gt;
">&lt;I&gt; </option>
<option VALUE="&lt;/I&gt;
">&lt;/I&gt; </option>
<option VALUE="&lt;TT&gt;
">&lt;TT&gt; </option>
<option VALUE="&lt;/TT&gt;
">&lt;/TT&gt; </option>
<option VALUE="&lt;U&gt;
">&lt;U&gt; </option>
<option VALUE="&lt;/U&gt;
">&lt;/U&gt; </option>
<option VALUE="&lt;FONT SIZE=&quot;&quot; COLOR=&quot;&quot;&gt;
">&lt;FONT&gt; </option>
<option VALUE="&lt;/FONT&gt;
">&lt;/FONT&gt; </option>
</select> </td>
<td ALIGN="center"><select NAME="offsets"
onChange="EditAppendText(this.form, &quot;offsets&quot;)" size="1">
<option VALUE="&lt;PRE WIDTH=&quot;&quot;&gt;
">&lt;PRE&gt; </option>
<option VALUE="&lt;/PRE&gt;
">&lt;/PRE&gt; </option>
<option VALUE="&lt;ADDRESS&gt;
">&lt;ADDRESS&gt; </option>
<option VALUE="&lt;/ADDRESS&gt;
">&lt;/ADDRESS&gt; </option>
<option VALUE="&lt;BLOCKQUOTE&gt;
">&lt;BLOCKQUOTE&gt; </option>
<option VALUE="&lt;/BLOCKQUOTE&gt;
">&lt;/BLOCKQUOTE&gt; </option>
</select> </td>
<td ALIGN="center"><select NAME="headers"
onChange="EditAppendText(this.form, &quot;headers&quot;)" size="1">
<option VALUE="&lt;H1 ALIGN=&quot;&quot;&gt;
">&lt;H1&gt; </option>
<option VALUE="&lt;/H1&gt;
">&lt;/H1&gt; </option>
<option VALUE="&lt;H2 ALIGN=&quot;&quot;&gt;
">&lt;H2&gt; </option>
<option VALUE="&lt;/H2&gt;
">&lt;/H2&gt; </option>
<option VALUE="&lt;H3 ALIGN=&quot;&quot;&gt;
">&lt;H3&gt; </option>
<option VALUE="&lt;/H3&gt;
">&lt;/H3&gt; </option>
<option VALUE="&lt;H4 ALIGN=&quot;&quot;&gt;
">&lt;H4&gt; </option>
<option VALUE="&lt;/H4&gt;
">&lt;/H4&gt; </option>
<option VALUE="&lt;H5 ALIGN=&quot;&quot;&gt;
">&lt;H5&gt; </option>
<option VALUE="&lt;/H5&gt;
">&lt;/H5&gt; </option>
<option VALUE="&lt;H6 ALIGN=&quot;&quot;&gt;
">&lt;H6&gt; </option>
<option VALUE="&lt;/H6&gt;
">&lt;/H6&gt; </option>
</select> </td>
<td ALIGN="center"><select NAME="anchors"
onChange="EditAppendText(this.form, &quot;anchors&quot;)" size="1">
<option
VALUE="&lt;A
HREF=&quot;&quot;
NAME=&quot;&quot;
REL=&quot;&quot;
REV=&quot;&quot;
TITLE=&quot;&quot;
&gt;
">&lt;A&gt; </option>
<option VALUE="&lt;/A&gt;
">&lt;/A&gt; </option>
<option
VALUE="&lt;IMG
SRC=&quot;&quot;
ALIGN=&quot;&quot;
ALT=&quot;&quot;
WIDTH=&quot;&quot;
HEIGHT=&quot;&quot;
BORDER=&quot;&quot;
HSPACE=&quot;&quot;
VSPACE=&quot;&quot;
&gt;
">&lt;IMG&gt; </option>
</select> </td>
</tr>
<tr>
<td ALIGN="center"><font COLOR="black" SIZE="2">Lists</font></td>
<td ALIGN="center"><font COLOR="black" SIZE="2">Separators</font></td>
<td ALIGN="center"><font COLOR="black" SIZE="2">Forms</font></td>
<td ALIGN="center"><font COLOR="black" SIZE="2">Tables</font></td>
<td ALIGN="center"><font COLOR="black" SIZE="2">Misc</font></td>
</tr>
<tr>
<td ALIGN="center"><select NAME="lists"
onChange="EditAppendText(this.form, &quot;lists&quot;)" size="1">
<option VALUE="&lt;UL TYPE=&quot;&quot;&gt;
">&lt;UL&gt; </option>
<option VALUE="&lt;/UL&gt;
">&lt;/UL&gt; </option>
<option VALUE="&lt;OL TYPE=&quot;&quot;&gt;
">&lt;OL&gt; </option>
<option VALUE="&lt;/OL&gt;
">&lt;/OL&gt; </option>
<option VALUE="&lt;LI TYPE=&quot;&quot;&gt;
">&lt;LI&gt; </option>
<option VALUE="&lt;DL&gt;
">&lt;DL&gt; </option>
<option VALUE="&lt;/DL&gt;
">&lt;/DL&gt; </option>
<option VALUE="&lt;DT&gt;
">&lt;DT&gt; </option>
<option VALUE="&lt;DD&gt;
">&lt;DD&gt; </option>
</select> </td>
<td ALIGN="center"><select NAME="separators"
onChange="EditAppendText(this.form,
&quot;separators&quot;)" size="1">
<option VALUE="&lt;DIV ALIGN=&quot;&quot;&gt;
">&lt;DIV&gt; </option>
<option VALUE="&lt;/DIV&gt;
">&lt;/DIV&gt; </option>
<option
VALUE="&lt;HR
ALIGN=&quot;&quot;
SIZE=&quot;&quot;
WIDTH=&quot;&quot;
&gt;
">&lt;HR&gt; </option>
<option VALUE="&lt;BR CLEAR=&quot;&quot;&gt;
">&lt;BR&gt; </option>
<option VALUE="&lt;P ALIGN=&quot;&quot;&gt;
">&lt;P&gt; </option>
<option VALUE="&lt;CENTER&gt;
">&lt;CENTER&gt; </option>
<option VALUE="&lt;/CENTER&gt;
">&lt;/CENTER&gt; </option>
</select> </td>
<td ALIGN="center"><select NAME="forms"
onChange="EditAppendText(this.form, &quot;forms&quot;)" size="1">
<option
VALUE="&lt;FORM ACTION=&quot;&quot; METHOD=&quot;&quot; ENCTYPE=&quot;&quot;&gt;
">&lt;FORM&gt; </option>
<option VALUE="&lt;/FORM&gt;
">&lt;/FORM&gt; </option>
<option
VALUE="&lt;INPUT
TYPE=&quot;&quot;
NAME=&quot;&quot;
VALUE=&quot;&quot;
&gt;
">&lt;INPUT&gt; </option>
<option VALUE="&lt;SELECT
NAME=&quot;&quot;
SIZE=&quot;&quot;
&gt;
">&lt;SELECT&gt; </option>
<option VALUE="&lt;OPTION VALUE=&quot;&quot;&gt;
">&lt;OPTION&gt; </option>
<option VALUE="&lt;TEXTAREA NAME=&quot;&quot; ROWS=&quot;&quot; COLS=&quot;&quot;&gt;
">&lt;TEXTAREA&gt; </option>
<option VALUE="&lt;/TEXTAREA&gt;
">&lt;/TEXTAREA&gt; </option>
</select> </td>
<td ALIGN="center"><select NAME="tables"
onChange="EditAppendText(this.form, &quot;tables&quot;)" size="1">
<option
VALUE="&lt;TABLE
BORDER=&quot;&quot;
ALIGN=&quot;&quot;
WIDTH=&quot;&quot;
CELLSPACING=&quot;&quot;
CELLPADDING=&quot;&quot;
&gt;
">&lt;TABLE&gt; </option>
<option VALUE="&lt;/TABLE&gt;
">&lt;/TABLE&gt; </option>
<option
VALUE="&lt;TH
ROWSPAN=&quot;&quot;
COLSPAN=&quot;&quot;
ALIGN=&quot;&quot;
VALIGN=&quot;&quot;
WIDTH=&quot;&quot;
HEIGHT=&quot;&quot;
BGCOLOR=&quot;&quot;
&gt;
">&lt;TH&gt; </option>
<option VALUE="&lt;/TH&gt;
">&lt;/TH&gt; </option>
<option VALUE="&lt;TR ALIGN=&quot;&quot; VALIGN=&quot;&quot;&gt;
">&lt;TR&gt; </option>
<option VALUE="&lt;/TR&gt;
">&lt;/TR&gt; </option>
<option
VALUE="&lt;TD
ROWSPAN=&quot;&quot;
COLSPAN=&quot;&quot;
ALIGN=&quot;&quot;
VALIGN=&quot;&quot;
WIDTH=&quot;&quot;
HEIGHT=&quot;&quot;
BGCOLOR=&quot;&quot;
&gt;
">&lt;TD&gt; </option>
<option VALUE="&lt;/TD&gt;
">&lt;/TD&gt; </option>
<option VALUE="&lt;CAPTION ALIGN=&quot;&quot;&gt;
">&lt;CAPTION&gt; </option>
</select> </td>
<td ALIGN="center"><select NAME="misc"
onChange="EditAppendText(this.form, &quot;misc&quot;)" size="1">
<option VALUE="&lt;MAP NAME=&quot;&quot;&gt;
">&lt;MAP&gt; </option>
<option VALUE="&lt;/MAP&gt;
">&lt;/MAP&gt; </option>
<option
VALUE="&lt;AREA
HREF=&quot;&quot;
SHAPE=&quot;&quot;
COORDS=&quot;&quot;
ALT=&quot;&quot;
&gt;
">&lt;AREA&gt; </option>
<option VALUE="&lt;SCRIPT LANGUAGE=&quot;&quot;&gt;
">&lt;SCRIPT&gt; </option>
<option VALUE="&lt;/SCRIPT&gt;
">&lt;/SCRIPT&gt; </option>
<option
VALUE="&lt;APPLET
CODEBASE=&quot;&quot;
CODE=&quot;&quot;
ALT=&quot;&quot;
NAME=&quot;&quot;
WIDTH=&quot;&quot;
HEIGHT=&quot;&quot;
ALIGN=&quot;&quot;
VSPACE=&quot;&quot;
HSPACE=&quot;&quot;
&gt;
">&lt;APPLET&gt; </option>
<option VALUE="&lt;/APPLET&gt;
">&lt;/APPLET&gt; </option>
<option VALUE="&lt;PARAM NAME=&quot;&quot; VALUE=&quot;&quot;&gt;
">&lt;PARAM&gt; </option>
</select> </td>
</tr>
<tr>
<td ALIGN="center"><font COLOR="black" SIZE="2">Special Characters</font></td>
<td ALIGN="center"><font COLOR="black" SIZE="2">Assistants</font></td>
</tr>
<tr>
<td ALIGN="center"><select NAME="special"
onChange="EditAppendText(this.form, &quot;special&quot;)" size="1">
<option VALUE="&amp;lt;">&lt; </option>
<option VALUE="&amp;gt;">&gt; </option>
<option VALUE="&amp;amp;">&amp; </option>
<option VALUE="&amp;quot;">&quot; </option>
<option VALUE="&amp;nbsp;">nbspace </option>
<option VALUE="&amp;reg;">® </option>
<option VALUE="&amp;copy;">© </option>
</select> </td>
<td ALIGN="center"><select NAME="assist" onChange="CallAssistant(this.form)" size="1">
<option VALUE="TableAssistant(document.forms[0])">Tables </option>
<option VALUE="ListAssistant(document.forms[0])">Lists </option>
<option VALUE="TextOffsetAssistant(document.forms[0])">Text Offsets </option>
</select> </td>
</tr>
</table>
</form>

[ Home ]  [ Chatroom ]  [ Board 1]  [Board 2 ]  [ Book ]  [ Sourcecode ]  [ Free ]  [ Servicesite ]  [ Link ]

1