<html> <head> <title>Instructions</title> </head> <body BGCOLOR="#FFFFFF"> <script language="JavaScript"> <!--hide this script from old browsers // This script came from the 24 hour JavaScripts Site // Located at http://www.javascripts.com. function View(form){ msg=open("","DisplayWindow","status=1,scrollbars=1");msg.document.write(form.Text2.value); } function Generate(form){ var txt="<html><HEAD><TITLE>"+form.Name.value+"</TITLE></HEAD>\r\n";txt+="<CENTER><h1><font color=red>"+form.Name.value+"</font></h1></CENTER><hr>\r\n"; txt+="<body><font size=4>\r\n"; if(form.Text1.value) txt+=form.Text1.value+"\r\n"; if(form.Fav1URL.value||form.Fav2URL.value||form.Fav3URL.value||form.Fav4URL.value||form.Fav5URL.value||form.Fav6URL.value){ txt+="<hr><font>Some of my favorite links:<br><ul>\r\n<li><a href=http://www.web-development.com>Web-Development.Com</a><br>\r\n"; if(form.Fav1URL.value) txt+="<li><a href="+form.Fav1URL.value+">"+form.Fav1Title.value+"</a><br>\r\n"; if(form.Fav2URL.value) txt+="<li><a href="+form.Fav2URL.value+">"+form.Fav2Title.value+"</a><br>\r\n"; if(form.Fav3URL.value) txt+="<li><a href="+form.Fav3URL.value+">"+form.Fav3Title.value+"</a><br>\r\n"; if(form.Fav4URL.value) txt+="<li><a href="+form.Fav4URL.value+">"+form.Fav4Title.value+"</a><br>\r\n"; if(form.Fav5URL.value) txt+="<li><a href="+form.Fav5URL.value+">"+form.Fav5Title.value+"</a><br>\r\n"; if(form.Fav6URL.value) txt+="<li><a href="+form.Fav6URL.value+">"+form.Fav6Title.value+"</a><br>\r\n"; txt+="</ul></font>"; } if(form.EMail.value){ txt+="<hr>Questions? Comments? E-Mail me:\r\n"; txt+="<address><a href=mailto:"+form.EMail.value+">"+form.EMail.value+"</address>\r\n"; } txt+="</font></body></html>"; form.Text2.value=txt; } function AddText(form, Action){ var AddTxt=""; var txt=""; if(Action==1){ txt=prompt("Text for the level 1 header.","Text"); if(txt!=null) AddTxt="<h1>"+txt+"</h1>\r\n"; } if(Action==2){ txt=prompt("Text for the level 2 header.","Text"); if(txt!=null) AddTxt="<h2>"+txt+"</h2>\r\n"; } if(Action==3){ txt=prompt("Text for the level 3 header.","Text"); if(txt!=null) AddTxt="<h3>"+txt+"</h3>\r\n"; } if(Action==4){ txt=prompt("Text to be made BOLD.","Text"); if(txt!=null) AddTxt="<b>"+txt+"</b>"; } if(Action==5){ txt=prompt("Text to be italicized","Text"); if(txt!=null) AddTxt="<i>"+txt+"</i>"; } if(Action==6) AddTxt="\r\n<p>"; if(Action==7) AddTxt="<br>\r\n"; if(Action==8) AddTxt="<hr>\r\n"; if(Action==9){ txt=prompt("URL for the link.","http://"); if(txt!=null){ AddTxt="<a href="+txt+">"; txt=prompt("Text to be show for the link","Text"); AddTxt+=txt+"</a>\r\n"; } } if(Action==10){ txt=prompt("URL for graphic","URL"); if(txt!=null) AddTxt="<img src="+txt+">\r\n"; } form.Text1.value+=AddTxt; } function ResetPage(form){ if(confirm("Reset the page?")){ form.Text1.value=""; form.Text2.value=""; form.Name.value=""; form.EMail.value=""; form.Fav1URL.value=""; form.Fav1Title.value=""; form.Fav2URL.value=""; form.Fav2Title.value=""; form.Fav3URL.value=""; form.Fav3Title.value=""; form.Fav4URL.value=""; form.Fav4Title.value=""; form.Fav5URL.value=""; form.Fav5Title.value=""; form.Fav6URL.value=""; form.Fav6Title.value=""; } } <!-- done hiding from old browsers --> </script> <p>Instructions: <ol> <li>Fill out the table with stuff you want to appear on your page. </li> <li>Click on Generate Source. </li> <li>Make adjustments if you want in the text area. </li> <li>Click on View to check out your page. </li> <li>If you want to save the source as a file you will have to cut and paste to a text editor.</li> </ol> <hr> <form ACTION> <div align="center"><center><table border="2"> <caption>(*=optional field) </caption> <tr> <td>Page Title: </td> <td><input type="text" name="Name" size="30"> </td> </tr> <tr> <td>Your E-Mail Address(*): </td> <td><input type="text" name="EMail" size="30"> </td> </tr> <tr> <td colspan="2">Your favorite sites:(*) </td> </tr> <tr> <td>URL: </td> <td>Title: </td> </tr> <tr> <td><input type="text" name="Fav1URL" size="30"> </td> <td><input type="text" name="Fav1Title" size="30"> </td> </tr> <tr> <td><input type="text" name="Fav2URL" size="30"> </td> <td><input type="text" name="Fav2Title" size="30"> </td> </tr> <tr> <td><input type="text" name="Fav3URL" size="30"> </td> <td><input type="text" name="Fav3Title" size="30"> </td> </tr> <tr> <td><input type="text" name="Fav4URL" size="30"> </td> <td><input type="text" name="Fav4Title" size="30"> </td> </tr> <tr> <td><input type="text" name="Fav5URL" size="30"> </td> <td><input type="text" name="Fav5Title" size="30"> </td> </tr> <tr> <td><input type="text" name="Fav6URL" size="30"> </td> <td><input type="text" name="Fav6Title" size="30"> </td> </tr> <tr> <td colspan="2">Body(*): </td> </tr> <tr align="center"> <td colspan="2"><input type="Button" value="Header1" onClick="AddText(this.form,1);"> <input type="Button" value="Header2" onClick="AddText(this.form,2);"> <input type="Button" value="Header3" onClick="AddText(this.form,3);"> <input type="button" value="Bold" onClick="AddText(this.form,4);"> <input type="button" value="Italic" onClick="AddText(this.form,5);"> <br> <input type="button" value="Paragraph" onClick="AddText(this.form,6);"> <input type="button" value="Break" onClick="AddText(this.form,7);"> <input type="button" value="Line" onClick="AddText(this.form,8);"> <input type="button" value="Link" onClick="AddText(this.form,9);"> <input type="button" value="Graphic" onClick="AddText(this.form,10);"> <br> <textarea name="Text1" Rows="8" Cols="60"> </textarea> </td> </tr> <tr align="center"> <td colspan="2"><input type="button" value="Generate Source" onClick="Generate(this.form);"> </td> </tr> </table> </center></div><hr align="center"> <div align="center"><center><p><input type="button" value="Reset" onClick="ResetPage(this.form);"> <input type="button" value="About" onClick="alert('Javascripts rule!!')"> <input type="button" value="View" onClick="View(this.form);"> <br> <textarea name="Text2" rows="8" Cols="70"> </textarea> </p> </center></div> </form> <p><br> </p> </body> </html>
1998 Copyright (C) Next Step All Rights Reserved
