WEEK 6 - Introduction to Java Script

-
Java script is a document help the web designer to build more functional and interactive website. For example, popup window, alert message, form validation, etc. are common use by the developer.

In this week, our lecturer teach us on how to form a java script in html document.
First, we use this code from lecturer slide.

Exercise 1
INPUT:
<html><head><title> JAVA SCRIPT</title></head>
<body>
<h1> Welcome to SMMTC </h1>
 This is HTML section....
</body>
</html>
<script type="text/javascript">
  window.alert("welcome to JavaScript!");
</script>
OUTPUT:
Exercise 2
INPUT:
<html><head><title> JAVA SCRIPT</title>
<script type="text/javascript">
  function showText() {
      window.alert("welcome to JavaScript!");   }
</script></head>
<body  onload="showText();">
<h1> Welcome to SMMTC </h1>
 This is HTML section....

</body></html>
OUTPUT:
Exercise 3
INPUT 
<html><head><title> JAVA SCRIPT Tab</title>
<h1> Welcome to SMMTC </h1></head>
<body>
 Example of JavaScript....
</body>
</html>
<script type="text/javascript">
  function showHide(show, hide) {    document.getElementById(show).style.display="block"; document.getElementById(hide).style.display="none";  }</script>
<p id="tab1">
   Tab 1 - Welcome to STIV3013
</p>
<p id="tab2"  style="display: none;"> 
   Tab 2 - WWW Programming
</p>
<input type="button" value="Tab 1"
 onclick="showHide('tab1','tab2');" />
<input type="button" value="Tab 2"

 onclick="showHide('tab2','tab1');" />
OUTPUT :

Comments

Post a Comment

Popular posts from this blog

WEEK 7 - Introduction to PHP

-
Today class is briefly explain what is php and how it work with web browser and server. After that, we have to identify the data type and valid syntax use in Php. Php is a simple programming language  use to develop compare to Java, C, python and many others. Php support a variety of different database system that include MySQL, Informix, Oracle, Sybase and so on... How php script are accessed and interpreted? 1. User access PHP file 2. User request for PHP file 3. Receive request,find file and read it. 4. Execute PHP script/code 5. Send result back 6. Return results. In this chapter we learn that every php must include this three special markup tag i. <?php      php code      ?> ii. <?          php code      ?> iii. <script language = "php"    php code    </script> All variable in php must begin with $ ( dollar  sign)
Read more

WEEK 9 - PHP Exercise

-
By using PHP form is really good at handling the data and submitted to the server in HTML forms. Its allow user to enter their data into the webpage, on the server we can use PHP page along with the form collection to handle the information set. For example, <Form METHOD= "GET"           ACTION= "process.php"> Two main attribute in form are : 1. METHOD - Get/post 2.ACTION - use to specify the target which is where the data is to be transmitted. - Typically the target is a file that contain code for processing In this week class, we learn about how to use echo and print statement in PHP.  We take the example from w3school and we go through it. The different between echo and print Echo and print are more or less the same. They are both used to output data to the screen. The differences are small: echo has no return value while print has a return value of 1 so it can be used in expressions. echo can take multiple parameters (althou...
Read more