DOCSLIB.ORG

ISE Comp App Class: Saturday Nov 8

ISE Comp App Class: Saturday Nov 8

<p>ISE Comp App Class: Saturday Oct 16</p><p>Over the next two meetings you will develop an ISE WEB PAGE</p><p>Today we will develop and write an HTML web page. The web page needs to be centered on an ISE task or area.</p><p>HTML BASICS Look at http://www.ce.umn.edu/~voller/ise_5113/html/html_primer.html</p><p>Task Make a basic HTML page Include Photo – Take from Include a List Include a Table Include 2 hyperlinks to ISE web pages</p><p>Save file for use next Friday</p><p>Next Friday, 10/22 we will look at Java Script see--- http://www.ce.umn.edu/~voller/ise_5113/html/java/primer_index.html And Notes Below</p><p>You will be asked to make a Java Script Calculation in a POPUP window in your web page</p><p>Example Calculations Sizing a pump Calculating Bearing Capacity Calculating a Pipe Friction Factor</p><p>You will Hand in at the end of the class on 10/22 the code fro your page Java Script</p><p>LOOK AT THE JAVA SCRIPT NOTES AT http://www.ce.umn.edu/~voller/ise_5113/html/java/primer_ index.html</p><p>A Basic Java-Script Page POP UP WINDOWS</p><p><HTML> <HEAD> <TITLE>pop_up_windows</TITLE></p><p><SCRIPT LANGUAGE="JavaScript"></p><p><!-- DO NOT REMOVE THESE COMMENTS --> <!-- Based on a script taken from --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --></p><p>// ALL STATEMENTS AFTER THE // ARE COMMENTS AND CAN BE REMOVED</p><p><!--Begin function popupPage(page) { //page is a varibale the value is input in the HTML code</p><p> windowprops = "height=300,width=600,left=100,top=200," + "scrollbars=yes,menubars=no,toolbars=no,resizable=no"; // windowprops is a user named string. Its use is for // the convenience of a long argument component</p><p> window.open(page, "Popup", windowprops); // window.open is a java scipt function // with three arguments // -- name of page to be opened in the window // -- the name of the window // -- the properties of window // -- for more infor go to // -- http://hotwired.lycos.com/webmonkey/98/03/ // index3a_page3.html?tw=programming } // End--> </p><p></SCRIPT> </HEAD> </p><p><BODY> <H2> Some Examples of running a JavaScript Pop up Window </H2></p><p><font size = +1>Hit This Button to open a blank page</font> <A HREF="javascript:popupPage('blank.html')"><IMG SRC ="f11.gif"></A> <!-- In this HTML code the Java Script is invoked by an --> <!-- hypertext reference to the javascript function --> <!-- note the use of single quotes in passing the name argument --> <!-- blank.html into the javascript function popupPage --></p><p><P> <font size =+1>Mouse Over this button to open a blank page</font> <A HREF="#" onMouseOver= "javascript:popupPage('blank.html')"> <IMG SRC ="f11.gif"></A></p><p><P> <font size =+1>Click the FORM button to open a blank page</font> <FORM> <input type=button value=" Open Window" onclick="popupPage('blank.html')"> <!-- The FORM is a standard Way of running a JavaScript --> <!-- The above line is a bulk-standard way to do this --> </FORM> <BR></p><p><A Href="http://hotwired.lycos.com/webmonkey/98/03/index3a_page3.html?tw=programming"> Click</A> to go web monkey tutorial on pop ups. </BODY> </HTML> Doing a calculation</p><p><HTML> <HEAD> <TITLE>Doing Calculations</TITLE> </HEAD></p><p><!-- JavaScript for powers--> <!-- Developed by V.R. Voller, University of Minnesota --> <!-- Feb 2001--></p><p><SCRIPT LANGUAGE="JavaScript"></p><p><!--Begin </p><p>//function to calculate the power of a number function power(form_name){ </p><p> var numb = eval(form_name.numb.value); var expo = eval(form_name.expo.value);</p><p>//values for the varibales numb and expo //are obtained from the form "form_name" passed in //the function argument. This form is in the HTML BODY //The term eval is needed to ensure that floating point // values are passed </p><p> form_name.answer.value = Math.pow(numb,expo);</p><p>//Math is a key word to indicate a call to an //inbuild math functions. In build functions //are named like those in C++ //pow is the build in power function //NOTE the word Math MUST have an Upper Case M //Other math ops are more simple A*B this is A times B // A/B this is A/B } //END --></p><p></SCRIPT></p><p><BODY></p><p><P>Enter a number and exponent and find the power</P></p><p><FORM name="powers"></p><p><TABLE border=3 cellspacing=2 width=200></p><p><TR> <TD align = right>Input a number <TD><INPUT TYPE=float NAME=numb SIZE=5 VALUE="0"></p><p><TR> <TD align = right>Input an exponent <TD><INPUT NAME=expo SIZE=5 VALUE="0"></p><p><TR> <TD align = right>Power <INPUT TYPE=button Value=" = " onClick="power(powers)"> <TD><INPUT NAME=answer SIZE=7></td></tr></p><p></TABLE></p><p><!-- The attribute size sets the size of the input box--></p><p></FORM> </BODY> </HTML></p>

View Full Text

Details

  • File Type
    pdf
  • Upload Time
    -
  • Content Languages
    English
  • Upload User
    Anonymous/Not logged-in
  • File Pages
    4 Page
  • File Size
    -

Download

Channel Download Status
Express Download Enable

Copyright

We respect the copyrights and intellectual property rights of all users. All uploaded documents are either original works of the uploader or authorized works of the rightful owners.

  • Not to be reproduced or distributed without explicit permission.
  • Not used for commercial purposes outside of approved use cases.
  • Not used to infringe on the rights of the original creators.
  • If you believe any content infringes your copyright, please contact us immediately.

Support

For help with questions, suggestions, or problems, please contact us