Web Page Creator

[Total: 0    Average: 0/5]

This will allow someone to create their very own web page from menus.

Head Code:

<SCRIPT LANGUAGE="JavaScript">
<!--

function drawPage() {
//	document.open ("text/html");
	var result=doText(); 
	document.write (result)
//	document.close();
}
function doText(){
          bgSelIndex = document.hp.Backgrnd.selectedIndex;
          txSelIndex = document.hp.textclr.selectedIndex;
          lnSelIndex = document.hp.links.selectedIndex;
          vlSelIndex = document.hp.vlinks.selectedIndex;
          alSelIndex = document.hp.alinks.selectedIndex;

           var result='<HTML><HEAD><TITLE>'
	result+=document.hp.pgename.value
	result+='</TITLE></HEAD>'
	result+='<BODY BGCOLOR= '
	result+=document.hp.Backgrnd.options[bgSelIndex].text 
                  result+='  TEXT='
                  result+=document.hp.textclr.options[txSelIndex].text
                  result+='  LINK='+document.hp.links.options[lnSelIndex].text
                  result+='  ALINK='+document.hp.alinks.options[alSelIndex].text
                  result+='  VLINK='+document.hp.vlinks.options[vlSelIndex].text+'>'
                 	result+='<CENTER><H1>'+document.hp.pgename.value+'</H1></CENTER>'
                  result+='<HR>'
	result+=document.hp.textline.value 
	result+='<A HREF="http://'+document.hp.hypertext1.value+'">'
                  result+=document.hp.hyperdescr1.value+'</a><br>'
                  result+='<A HREF="http://'+document.hp.hypertext2.value+'">'
                  result+=document.hp.hyperdescr2.value+'</a><br>'
                  result+='<A HREF="http://'+document.hp.hypertext3.value+'">'
                  result+=document.hp.hyperdescr3.value+'</a><br>'
                  result+='<A HREF="http://'+document.hp.hypertext4.value+'">'
                  result+=document.hp.hyperdescr4.value+'</a><br>'
                   result+='<A HREF="http://'+document.hp.hypertext5.value+'">'
                  result+=document.hp.hyperdescr5.value+'</a><br>'
               	result+='</BLOCKQUOTE></BLOCKQUOTE><CENTER>'
                  result+='<HR>Send me mail at: <A HREF="mailto:'
                  result+=document.hp.email.value+'"> '+document.hp.uname.value+'</a>' 
	result+='<br><A HREF="http://homedirections.com/homecre.html">Back'
	result+=' to Creator Page</a>'
                  result+='<br>Created by &copy'

                  result+='<br>'
                  result+='</center>6</BODY></HTML>'
	return (result);
}
//Exit Window
function ConfirmClose() {
   if (confirm("Do you really wish to go back ?")) {
      window.close()}
   }
// -->
</SCRIPT>

Body Code:

<center><FONT SIZE=5><b>Create a Page</FONT></b><p>
</font>Fill in all fields, then submit the form and "VOILA" a brand new Home Page of your own.</center>
<FORM  name="hp" METHOD=POST>
<IMG SRC="/images/blue_ball0.gif" width=32 height =4><b>Your complete name:</b> <INPUT name="uname" SIZE=50 onFocus="window.status='Enter your full name, First Name then Last Name'; return true"><br>
<IMG SRC="/images/blue_ball0.gif" width=35 height = 4><b>Your e-mail address:</b> <INPUT name="email" SIZE=50 onFocus="window.status='Enter your e-mail address, i.e. yourname@isp.com'; return true"><br>
<IMG SRC="/images/blue_ball0.gif" width=20 height = 4><b>Your home page name:</b> <INPUT name="pgename" SIZE=50 onFocus="window.status='This will appear in the title and the first line of your page, i.e. Kevins First Page'; return true" onBlur="window.status=' '; return true"><p>
<CENTER><FONT COLOR="red">C</font><FONT COLOR="yellow">O</font><FONT COLOR="pink">L</FONT><FONT COLOR="aquamarime">O</FONT><FONT COLOR="purple">R</FONT><FONT COLOR="green">S</font><p></CENTER>
<IMG SRC="/images/blue_ball0.gif" width=85 height = 4><b>Page Backgound Color:</b> <SELECT name="Backgrnd" >
<OPTION>aliceblue <OPTION>antiquewhite <OPTION>aqua <OPTION>aquamarine 
<OPTION>azure <OPTION>beige <OPTION>bisque <OPTION>black 
<OPTION>blanchedalmond <OPTION>blue <OPTION>blueviolet <OPTION>brown 
<OPTION>burlywood <OPTION>cadetblue <OPTION>chartreuse <OPTION>chocolate 
<OPTION>coral <OPTION>cornflowerblue <OPTION>cornsilk <OPTION>crimson 
<OPTION>cyan <OPTION>darkblue <OPTION>darkcyan <OPTION>darkgoldenrod 
<OPTION>darkgray <OPTION>darkgreen <OPTION>darkkhaki <OPTION>darkmagenta    <OPTION>darkolivegreen <OPTION>darkorange <OPTION>darkorchid    <OPTION>darkred <OPTION>darksalmon <OPTION>darkseagreen   <OPTION>darkslateblue <OPTION>darkslategray <OPTION>darkturquoise <OPTION>darkviolet  <OPTION>deeppink <OPTION>deepskyblue <OPTION>dimgray   <OPTION>dodgerblue <OPTION>firebrick <OPTION>floralwhite <OPTION>forestgreen   <OPTION>fuchsia <OPTION>gainsboro <OPTION>ghostwhite <OPTION>gold    <OPTION>goldenrod <OPTION>gray <OPTION>green <OPTION>greenyellow    <OPTION>honeydew <OPTION>hotpink <OPTION>indianred <OPTION>indigo    <OPTION>ivory <OPTION>khaki <OPTION>lavender <OPTION>lavenderblush    <OPTION>lawngreen <OPTION>lemonchiffon <OPTION>lightblue <OPTION>lightcoral    <OPTION>lightcyan  <OPTION>lightgoldenrodyellow <OPTION>lightgreen 
<OPTION>lightgrey <OPTION>lightpink <OPTION>lightsalmon <OPTION>lightseagreen    <OPTION>lightskyblue <OPTION>lightslategray <OPTION>lightsteelblue    <OPTION>lightyellow <OPTION>lime <OPTION>limegreen <OPTION>linen 
<OPTION>magenta <OPTION>maroon <OPTION>mediumaquamarine <OPTION>mediumblue <OPTION>mediumorchid <OPTION>mediumpurple           <OPTION>mediumseagreen <OPTION>mediumslateblue <OPTION>mediumspringgreen <OPTION>mediumturquoise <OPTION>mediumvioletred <OPTION>midnightblue              <OPTION>mintcream <OPTION>mistyrose <OPTION>moccasin <OPTION>navajowhite    <OPTION>navy <OPTION>oldlace <OPTION>olive <OPTION>olivedrab    <OPTION>orange <OPTION>orangered <OPTION>orchid <OPTION>palegoldenrod    <OPTION>palegreen <OPTION>paleturquoise <OPTION>palevioletred 
<OPTION>papayawhip <OPTION>peachpuff <OPTION>peru <OPTION>pink 
<OPTION>plum <OPTION>powderblue <OPTION>purple <OPTION>red 
<OPTION>rosybrown <OPTION>royalblue <OPTION>saddlebrown <OPTION>salmon <OPTION>sandybrown <OPTION>seagreen <OPTION>seashell <OPTION>sienna    <OPTION>silver <OPTION>skyblue <OPTION>slateblue <OPTION>slategray    <OPTION>snow <OPTION>springgreen <OPTION>steelblue <OPTION>tan    <OPTION>teal <OPTION>thistle <OPTION>tomato <OPTION>turquoise <OPTION>violet    <OPTION>wheat <OPTION>white <OPTION>whitesmoke <OPTION>yellow    <OPTION>yellowgreen </select><br>
<IMG SRC="/images/blue_ball0.gif" width=129 height = 4><b>Page Text Color:</b> <SELECT name="textclr" >
<OPTION>aliceblue <OPTION>antiquewhite <OPTION>aqua <OPTION>aquamarine 
<OPTION>azure <OPTION>beige <OPTION>bisque <OPTION>black 
<OPTION>blanchedalmond <OPTION>blue <OPTION>blueviolet <OPTION>brown 
<OPTION>burlywood <OPTION>cadetblue <OPTION>chartreuse <OPTION>chocolate 
<OPTION>coral <OPTION>cornflowerblue <OPTION>cornsilk <OPTION>crimson 
<OPTION>cyan <OPTION>darkblue <OPTION>darkcyan <OPTION>darkgoldenrod 
<OPTION>darkgray <OPTION>darkgreen <OPTION>darkkhaki <OPTION>darkmagenta    <OPTION>darkolivegreen <OPTION>darkorange <OPTION>darkorchid    <OPTION>darkred <OPTION>darksalmon <OPTION>darkseagreen   <OPTION>darkslateblue <OPTION>darkslategray <OPTION>darkturquoise <OPTION>darkviolet  <OPTION>deeppink <OPTION>deepskyblue <OPTION>dimgray   <OPTION>dodgerblue <OPTION>firebrick <OPTION>floralwhite <OPTION>forestgreen   <OPTION>fuchsia <OPTION>gainsboro <OPTION>ghostwhite <OPTION>gold    <OPTION>goldenrod <OPTION>gray <OPTION>green <OPTION>greenyellow    <OPTION>honeydew <OPTION>hotpink <OPTION>indianred <OPTION>indigo    <OPTION>ivory <OPTION>khaki <OPTION>lavender <OPTION>lavenderblush    <OPTION>lawngreen <OPTION>lemonchiffon <OPTION>lightblue <OPTION>lightcoral    <OPTION>lightcyan  <OPTION>lightgoldenrodyellow <OPTION>lightgreen 
<OPTION>lightgrey <OPTION>lightpink <OPTION>lightsalmon <OPTION>lightseagreen    <OPTION>lightskyblue <OPTION>lightslategray <OPTION>lightsteelblue    <OPTION>lightyellow <OPTION>lime <OPTION>limegreen <OPTION>linen 
<OPTION>magenta <OPTION>maroon <OPTION>mediumaquamarine <OPTION>mediumblue <OPTION>mediumorchid <OPTION>mediumpurple           <OPTION>mediumseagreen <OPTION>mediumslateblue <OPTION>mediumspringgreen <OPTION>mediumturquoise <OPTION>mediumvioletred <OPTION>midnightblue              <OPTION>mintcream <OPTION>mistyrose <OPTION>moccasin <OPTION>navajowhite    <OPTION>navy <OPTION>oldlace <OPTION>olive <OPTION>olivedrab    <OPTION>orange <OPTION>orangered <OPTION>orchid <OPTION>palegoldenrod    <OPTION>palegreen <OPTION>paleturquoise <OPTION>palevioletred 
<OPTION>papayawhip <OPTION>peachpuff <OPTION>peru <OPTION>pink 
<OPTION>plum <OPTION>powderblue <OPTION>purple <OPTION>red 
<OPTION>rosybrown <OPTION>royalblue <OPTION>saddlebrown <OPTION>salmon <OPTION>sandybrown <OPTION>seagreen <OPTION>seashell <OPTION>sienna    <OPTION>silver <OPTION>skyblue <OPTION>slateblue <OPTION>slategray    <OPTION>snow <OPTION>springgreen <OPTION>steelblue <OPTION>tan    <OPTION>teal <OPTION>thistle <OPTION>tomato <OPTION>turquoise <OPTION>violet    <OPTION>wheat <OPTION>white <OPTION>whitesmoke <OPTION>yellow    <OPTION>yellowgreen </select><br>
<IMG SRC="/images/blue_ball0.gif" width=5 height = 4><b>Select the color of your "hot" links:</b> <SELECT name="links" >
<OPTION>aliceblue <OPTION>antiquewhite <OPTION>aqua <OPTION>aquamarine 
<OPTION>azure <OPTION>beige <OPTION>bisque <OPTION>black 
<OPTION>blanchedalmond <OPTION>blue <OPTION>blueviolet <OPTION>brown 
<OPTION>burlywood <OPTION>cadetblue <OPTION>chartreuse <OPTION>chocolate 
<OPTION>coral <OPTION>cornflowerblue <OPTION>cornsilk <OPTION>crimson 
<OPTION>cyan <OPTION>darkblue <OPTION>darkcyan <OPTION>darkgoldenrod 
<OPTION>darkgray <OPTION>darkgreen <OPTION>darkkhaki <OPTION>darkmagenta    <OPTION>darkolivegreen <OPTION>darkorange <OPTION>darkorchid    <OPTION>darkred <OPTION>darksalmon <OPTION>darkseagreen   <OPTION>darkslateblue <OPTION>darkslategray <OPTION>darkturquoise <OPTION>darkviolet  <OPTION>deeppink <OPTION>deepskyblue <OPTION>dimgray   <OPTION>dodgerblue <OPTION>firebrick <OPTION>floralwhite <OPTION>forestgreen   <OPTION>fuchsia <OPTION>gainsboro <OPTION>ghostwhite <OPTION>gold    <OPTION>goldenrod <OPTION>gray <OPTION>green <OPTION>greenyellow    <OPTION>honeydew <OPTION>hotpink <OPTION>indianred <OPTION>indigo    <OPTION>ivory <OPTION>khaki <OPTION>lavender <OPTION>lavenderblush    <OPTION>lawngreen <OPTION>lemonchiffon <OPTION>lightblue <OPTION>lightcoral    <OPTION>lightcyan  <OPTION>lightgoldenrodyellow <OPTION>lightgreen 
<OPTION>lightgrey <OPTION>lightpink <OPTION>lightsalmon <OPTION>lightseagreen    <OPTION>lightskyblue <OPTION>lightslategray <OPTION>lightsteelblue    <OPTION>lightyellow <OPTION>lime <OPTION>limegreen <OPTION>linen 
<OPTION>magenta <OPTION>maroon <OPTION>mediumaquamarine <OPTION>mediumblue <OPTION>mediumorchid <OPTION>mediumpurple           <OPTION>mediumseagreen <OPTION>mediumslateblue <OPTION>mediumspringgreen <OPTION>mediumturquoise <OPTION>mediumvioletred <OPTION>midnightblue              <OPTION>mintcream <OPTION>mistyrose <OPTION>moccasin <OPTION>navajowhite    <OPTION>navy <OPTION>oldlace <OPTION>olive <OPTION>olivedrab    <OPTION>orange <OPTION>orangered <OPTION>orchid <OPTION>palegoldenrod    <OPTION>palegreen <OPTION>paleturquoise <OPTION>palevioletred 
<OPTION>papayawhip <OPTION>peachpuff <OPTION>peru <OPTION>pink 
<OPTION>plum <OPTION>powderblue <OPTION>purple <OPTION>red 
<OPTION>rosybrown <OPTION>royalblue <OPTION>saddlebrown <OPTION>salmon <OPTION>sandybrown <OPTION>seagreen <OPTION>seashell <OPTION>sienna    <OPTION>silver <OPTION>skyblue <OPTION>slateblue <OPTION>slategray    <OPTION>snow <OPTION>springgreen <OPTION>steelblue <OPTION>tan    <OPTION>teal <OPTION>thistle <OPTION>tomato <OPTION>turquoise <OPTION>violet    <OPTION>wheat <OPTION>white <OPTION>whitesmoke <OPTION>yellow    <OPTION>yellowgreen
</select><br>
<IMG SRC="/images/blue_ball0.gif" width=4 height = 4><b>Select the color of your active  links:</b> <SELECT name="alinks" >
<OPTION>aliceblue <OPTION>antiquewhite <OPTION>aqua <OPTION>aquamarine 
<OPTION>azure <OPTION>beige <OPTION>bisque <OPTION>black 
<OPTION>blanchedalmond <OPTION>blue <OPTION>blueviolet <OPTION>brown 
<OPTION>burlywood <OPTION>cadetblue <OPTION>chartreuse <OPTION>chocolate 
<OPTION>coral <OPTION>cornflowerblue <OPTION>cornsilk <OPTION>crimson 
<OPTION>cyan <OPTION>darkblue <OPTION>darkcyan <OPTION>darkgoldenrod 
<OPTION>darkgray <OPTION>darkgreen <OPTION>darkkhaki <OPTION>darkmagenta    <OPTION>darkolivegreen <OPTION>darkorange <OPTION>darkorchid    <OPTION>darkred <OPTION>darksalmon <OPTION>darkseagreen   <OPTION>darkslateblue <OPTION>darkslategray <OPTION>darkturquoise <OPTION>darkviolet  <OPTION>deeppink <OPTION>deepskyblue <OPTION>dimgray   <OPTION>dodgerblue <OPTION>firebrick <OPTION>floralwhite <OPTION>forestgreen   <OPTION>fuchsia <OPTION>gainsboro <OPTION>ghostwhite <OPTION>gold    <OPTION>goldenrod <OPTION>gray <OPTION>green <OPTION>greenyellow    <OPTION>honeydew <OPTION>hotpink <OPTION>indianred <OPTION>indigo    <OPTION>ivory <OPTION>khaki <OPTION>lavender <OPTION>lavenderblush    <OPTION>lawngreen <OPTION>lemonchiffon <OPTION>lightblue <OPTION>lightcoral    <OPTION>lightcyan  <OPTION>lightgoldenrodyellow <OPTION>lightgreen 
<OPTION>lightgrey <OPTION>lightpink <OPTION>lightsalmon <OPTION>lightseagreen    <OPTION>lightskyblue <OPTION>lightslategray <OPTION>lightsteelblue    <OPTION>lightyellow <OPTION>lime <OPTION>limegreen <OPTION>linen 
<OPTION>magenta <OPTION>maroon <OPTION>mediumaquamarine <OPTION>mediumblue <OPTION>mediumorchid <OPTION>mediumpurple           <OPTION>mediumseagreen <OPTION>mediumslateblue <OPTION>mediumspringgreen <OPTION>mediumturquoise <OPTION>mediumvioletred <OPTION>midnightblue              <OPTION>mintcream <OPTION>mistyrose <OPTION>moccasin <OPTION>navajowhite    <OPTION>navy <OPTION>oldlace <OPTION>olive <OPTION>olivedrab    <OPTION>orange <OPTION>orangered <OPTION>orchid <OPTION>palegoldenrod    <OPTION>palegreen <OPTION>paleturquoise <OPTION>palevioletred 
<OPTION>papayawhip <OPTION>peachpuff <OPTION>peru <OPTION>pink 
<OPTION>plum <OPTION>powderblue <OPTION>purple <OPTION>red 
<OPTION>rosybrown <OPTION>royalblue <OPTION>saddlebrown <OPTION>salmon <OPTION>sandybrown <OPTION>seagreen <OPTION>seashell <OPTION>sienna    <OPTION>silver <OPTION>skyblue <OPTION>slateblue <OPTION>slategray    <OPTION>snow <OPTION>springgreen <OPTION>steelblue <OPTION>tan    <OPTION>teal <OPTION>thistle <OPTION>tomato <OPTION>turquoise <OPTION>violet    <OPTION>wheat <OPTION>white <OPTION>whitesmoke <OPTION>yellow    <OPTION>yellowgreen
</select><br>
<b>Select the color of your visited links:</b> <SELECT name="vlinks" >
<OPTION>aliceblue <OPTION>antiquewhite <OPTION>aqua <OPTION>aquamarine 
<OPTION>azure <OPTION>beige <OPTION>bisque <OPTION>black 
<OPTION>blanchedalmond <OPTION>blue <OPTION>blueviolet <OPTION>brown 
<OPTION>burlywood <OPTION>cadetblue <OPTION>chartreuse <OPTION>chocolate 
<OPTION>coral <OPTION>cornflowerblue <OPTION>cornsilk <OPTION>crimson 
<OPTION>cyan <OPTION>darkblue <OPTION>darkcyan <OPTION>darkgoldenrod 
<OPTION>darkgray <OPTION>darkgreen <OPTION>darkkhaki <OPTION>darkmagenta    <OPTION>darkolivegreen <OPTION>darkorange <OPTION>darkorchid    <OPTION>darkred <OPTION>darksalmon <OPTION>darkseagreen   <OPTION>darkslateblue <OPTION>darkslategray <OPTION>darkturquoise <OPTION>darkviolet  <OPTION>deeppink <OPTION>deepskyblue <OPTION>dimgray   <OPTION>dodgerblue <OPTION>firebrick <OPTION>floralwhite <OPTION>forestgreen   <OPTION>fuchsia <OPTION>gainsboro <OPTION>ghostwhite <OPTION>gold    <OPTION>goldenrod <OPTION>gray <OPTION>green <OPTION>greenyellow    <OPTION>honeydew <OPTION>hotpink <OPTION>indianred <OPTION>indigo    <OPTION>ivory <OPTION>khaki <OPTION>lavender <OPTION>lavenderblush    <OPTION>lawngreen <OPTION>lemonchiffon <OPTION>lightblue <OPTION>lightcoral    <OPTION>lightcyan  <OPTION>lightgoldenrodyellow <OPTION>lightgreen 
<OPTION>lightgrey <OPTION>lightpink <OPTION>lightsalmon <OPTION>lightseagreen    <OPTION>lightskyblue <OPTION>lightslategray <OPTION>lightsteelblue    <OPTION>lightyellow <OPTION>lime <OPTION>limegreen <OPTION>linen 
<OPTION>magenta <OPTION>maroon <OPTION>mediumaquamarine <OPTION>mediumblue <OPTION>mediumorchid <OPTION>mediumpurple           <OPTION>mediumseagreen <OPTION>mediumslateblue <OPTION>mediumspringgreen <OPTION>mediumturquoise <OPTION>mediumvioletred <OPTION>midnightblue              <OPTION>mintcream <OPTION>mistyrose <OPTION>moccasin <OPTION>navajowhite    <OPTION>navy <OPTION>oldlace <OPTION>olive <OPTION>olivedrab    <OPTION>orange <OPTION>orangered <OPTION>orchid <OPTION>palegoldenrod    <OPTION>palegreen <OPTION>paleturquoise <OPTION>palevioletred 
<OPTION>papayawhip <OPTION>peachpuff <OPTION>peru <OPTION>pink 
<OPTION>plum <OPTION>powderblue <OPTION>purple <OPTION>red 
<OPTION>rosybrown <OPTION>royalblue <OPTION>saddlebrown <OPTION>salmon <OPTION>sandybrown <OPTION>seagreen <OPTION>seashell <OPTION>sienna    <OPTION>silver <OPTION>skyblue <OPTION>slateblue <OPTION>slategray    <OPTION>snow <OPTION>springgreen <OPTION>steelblue <OPTION>tan    <OPTION>teal <OPTION>thistle <OPTION>tomato <OPTION>turquoise <OPTION>violet    <OPTION>wheat <OPTION>white <OPTION>whitesmoke <OPTION>yellow    <OPTION>yellowgreen
 </select><p>
<b>Hyper Text Links <i>NOTE: Enter the sites address only, i.e. home.netscape.com DO NOT INCLUDE http://, we'll provide that for you:</i><p>
<IMG SRC="http://www.js-examples.com/images/shim.gif" width=84 height = 4>Site Address (url.xyz.html)<IMG SRC="http://www.js-examples.com/images/shim.gif" width=104 height = 4>Site Name (Yahoo!)</b><br><center>
<INPUT name="hypertext1" SIZE=30><IMG SRC="/images/blue_ball0.gif" width=14 height = 4><INPUT name="hyperdescr1" SIZE=30><br>
<INPUT name="hypertext2" SIZE=30><IMG SRC="/images/blue_ball0.gif" width=14 height = 4><INPUT name="hyperdescr2" SIZE=30><br>
<INPUT name="hypertext3" SIZE=30><IMG SRC="/images/blue_ball0.gif" width=14 height = 4><INPUT name="hyperdescr3" SIZE=30><br>
<INPUT name="hypertext4" SIZE=30><IMG SRC="/images/blue_ball0.gif" width=14 height = 4><INPUT name="hyperdescr4" SIZE=30><br>
<INPUT name="hypertext5" SIZE=30><IMG SRC="/images/blue_ball0.gif" width=14 height = 4><INPUT name="hyperdescr5" SIZE=30><p>
<p><b>Enter the twenty five lines of text as they should appear on your Page:<XMP>Include <p> to start a new pararaph, include <br> to start a new line</XMP></b>
<TEXTAREA name="textline" ROWS=25 COLS=70></TEXTAREA><br>
<p><INPUT TYPE ="submit" Value=" Create Your Page " onClick=drawPage()> 
<INPUT TYPE ="reset" Value=" Clear the Form "><br>
<INPUT TYPE ="button" Value=" Back to Home Directions " onClick=ConfirmClose()> 
</PRE></FORM></center>



</center>

Times Viewed: 4

Leave a Reply

Your email address will not be published. Required fields are marked *