Another opportunity activity for BSICT students.

Another opportunity activity for BSICT students.

Given the two images as the expected output, html documents with javascript should be created individually and to provide style for the table a CSS can be added. In using javascript, the less lines of codes will be the first to be consider as one of the answer.
Include your name, year and section when you post you answers. Answers should only be posted into this article and do not send your documents through emails.
The two images are a Celsius – Fahrenheit calculator that converts a degree celsius to degree fahrenheit on image 1 and degree celsius to degree fahrenheit and vice versa for image 2 using the select button. The formula for conversions was already included in the pictures and documents.
1. Celsius to Fahrenheit Conversion Calculator.

2. Celsius to Fahrenheit Conversion Calculator (vice versa)

Here is an example on how to use a CSS in your HTML document. Stylesheet was applied to the document and table.
<html>
<head>
<title>CSS Demo</title>
<!– start of CSS –>
<style type=”text/css”>
document{
background-color: #CBCBCB;
}
table {
background: #7FFFD4;
border: 1px solid Black;
width: 500px;
font-family: “Arial Rounded MT Bold”;
border-color: Navy Blue;
border-top: medium double Black;
margin-left: auto;
margin-right: auto;
}
tbody{
background-color: White;
}
tr{
border-bottom-width: 1px;
text-align:center;
}
</style><!– end of the style –>
</head>
<body>
<table width=”200″ border=”1″ rules=”groups”>
<thead>
<tr>
<th>Heading for Column 1</th>
<th>Heading for Column 1</th>
<th>Heading for Column 1</th>
</tr>
</thead>
<tbody>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer for Column 1</td>
<td>Footer for Column 1</td>
<td>Footer for Column 1</td>
</tr>
</tfoot>
</table>
</body>
</html>
Output Image:

css demo
The schedule for the midterm exam will be on October 2, 2009 (Friday) at 9:00 am. The schedule was allocated for those students who did not took their midterm exam. Students who are late during the schedule will not be allowed to take.
Students who will take the exam should type their name and section after clicking on the comments button. Only the students who affix their names will be allowed to take the exam.
Look for your instructor on or before the said schedule. Post your inquiry on the comments button below this message.
Listed on this article are the list of students who had a project. If you’re name doesn’t appear on this article you have to read the previous article for instructions.
I – A
abalosac, aquinomb, budolft, cayanancf, correakm, escanoac, fernandezmm, maneclangeg, mercadogs, mercadojb, millaminaja, palisocjr, gomezsm, ragasakp, felixjd, balanecm
I – B
alvaroga, angelolc, bautistafq, corpuzns, duquesy, espiritucd, navarrovl, ocsillosws, pabonajb, pantaleonra, tamondongmr, tandocjb, valledorec, veloriajr, abellahl
I – C
bravoam, damascomi, deverarg, malicdemge
I – D
albaonb, arguezamf, batanrg, bautistabb, bibaydr, bilogcs, caasiac, catabaynr, cedronjc, chorescaec, cuarteronko, friascc, ganahr, garciajb, mondrealer, narcisogb, ningalacn, neuvaespanaml, papaau, poseriojc, sorianomr, tesorosp, vilamt, manangannc, vergarara, disujd, caronongangr
Students who did not submit due to flash drive failure or late submission can still submit their project on September 25, 2009 and not later than 12am. Also, those students who did not follow instructions so their project was rejected. The deadline for submission will be for all the BSICT sections. No more extension will be schedule if in case of failure to submit.
USB flash drives should be collected by the class mayor or any officer of every section before giving them to your instructor. No individual USB flash drive will be accepted. Also, projects which are on a different format will not be credited.
Wait for the next post or message for the list of students who had their projects.
Write or post a comments for any questions or inquiries below this article.
The following if – else conditions in javascript:
Syntax
if statment:
if (condition)
{
code to be executed if condition is true
}
if – else statement:
if (condition)
{
code to be executed if condition is true
}
else
{
code to be executed if condition is not true
}
nested if – else statement:
if (condition1)
{
code to be executed if condition1 is true
}
else if (condition2)
{
code to be executed if condition2 is true
}
else
{
code to be executed if condition1 and condition2 are not true
}
switch statement:
switch(n)
{
case 1:
execute code block 1
break;
case 2:
execute code block 2
break;
default:
code to be executed if n is different from case 1 and 2
}
Be informed that the submission of your last activity (javascript) and the first page of your website will be on the following date:
I – A & B: Our meeting on September 22 (Tuesday)
I – C & D: Our meeting on September 23 (Wednesday)
Be reminded that you follow the instructions when submitting your file of your website. Late submission is not allowed.
Here is the answer for question number 2 which was taken from the activity given to you.
<TABLE BORDER=”1″ CELLSPACING=0 CELLPADDING=5 RULES=”GROUPS”>
<THEAD>
<TR><TD COLSPAN=2 ROWSPAN=2></TD>
<TH COLSPAN=2 ALIGN=CENTER>Preference</TH></TR>
<TR><TH>Eating Kumquats</TH>
<TH>Poke In The Eye</TH></TR>
</THEAD>
<TBODY>
<TR ALIGN=CENTER>
<TH ROWSPAN=2>Gender</TH>
<TH>Male</TH>
<TD>73%</TD>
<TD>27%</TD></TR>
<TR ALIGN=CENTER>
<TH>Female</TH>
<TD>16%</TD>
<TD>84%</TD></TR>
</TBODY>
<TFOOT>
<TR>
<TD COLSPAN=4 ALIGN=CENTER>Note: eye pokes did not result in permanent injury</TD></TR>
</TFOOT>
<CAPTION ALIGN=BOTTOM>Kumquat versus a poked eye, by gender</CAPTION>
</TABLE>

answer no 2
Here is the answer to the latest quiz for I – BSICT.
1.

for question # 1
<TABLE CELLPADDING=”2″ ALIGN=”center” WIDTH=”80%” border=”1″
style=”border:#000000 thin solid”>
<TR VALIGN=”top”>
<TH COLSPAN=”4″>Table Heading Cell Spanning 4 Columns</TH>
</TR>
<TR VALIGN=”top”>
<TD WIDTH=”25%”>Normal cell</TD>
<TD COLSPAN=”2″>Cell spanning 2 columns</TD>
<TD WIDTH=”25%”>Normal cell</TD>
</TR>
<TR VALIGN=”top”>
<TD ROWSPAN=”3″ BGCOLOR=”gray”>Cell spanning 3 rows with a gray (US spelling) background</TD>
<TD WIDTH=”25%”>Normal cell</TD>
<TD WIDTH=”25%”>Normal cell</TD>
<TD>Normal cell</TD>
</TR>
<TR VALIGN=”top”>
<TD>Normal cell</TD>
<TD COLSPAN=”2″ ROWSPAN=”2″>Cell spanning 2 rows and 2 columns</TD>
</TR>
<TR VALIGN=”top”>
<TD>Normal cell</TD>
</TR>
<caption align=”bottom”><b>Table Style and Formatting</b></caption>
</TABLE>