LAMPIRAN LISTING PROGRAM WEBSITE 1. Index.php Sistem Informasi Keuangan Komite SMA NEGERI 1 GIRSANG SIPANGAN BOLON Jalan Pendidikan No. 59 Parapat Kec. Girsang Sipangan Bolon - Simalungun Telp. (0625) 41469 Fax. 7003350 Beranda Direktori SMAN 1 Girsang Sipangan Bolon Struktur Organisasi Komite Sekolah Direktori Guru Tentang Penulis var message="SELAMAT DATANG DI SISTEM INFORMASI KEUANGAN KOMITE SMA N 1 GIRSANG SIPANGAN BOLON"
Universitas Sumatera Utara
var neonbasecolor="black" var neontextcolor="rgb(103, 111, 199)" var
flashspeed=100
//in
milliseconds var n=0 if (document.all||document.getElementById){ document.write('') for (m=0;m //The following script is for the group 2 navigation buttons. function switchAutoAdvance() { imageSlider.switchAuto(); switchPlayPauseClass(); } function switchPlayPauseClass() { var auto = document.getElementById('auto'); var isAutoPlay = imageSlider.getAuto(); auto.className = isAutoPlay ? "group2-Pause" : "group2-Play"; auto.title = isAutoPlay ? "Pause" : "Play"; } switchPlayPauseClass(); Copyright © 2014 SMA Negeri 1 Girsang Sipangan Bolon All Right Reserved | Designed by Hariadi Kurniawan 2. Style.css body{ padding: 0; margin: 0; background-color:; } .bingkai{ width: 100%; height: auto; margin-top: -30px; background-color: rgb(93, 201, 93); } .kepala{ width: 100%;
Universitas Sumatera Utara
height: 159px; background-color: #AFB5B6; } .logo{ width: 125px; height: 125px; float: left; background-color: ; margin-top: -93px; margin-left: 160px; } .logoo{ width: 125px; height: 125px; float: right; background-color: ; margin-top: -93px; margin-right: 160px; } #menu{ position: relative; width: 1261px; height: 40px; float: left; margin-top: px; background: #979FC2; border: 1px solid rgb(103, 111, 199); } #menu ul{ padding: 0px; margin: 0px; margin-left: 250px; list-style: none; } #menu ul li{ float: left; position: relative; } #menu ul li a{ float: left; color: rgb(103, 111, 199); padding: 10px; border-right: 1px solid rgb(103, 111, 199); text-decoration: none; display: block; } #menu ul a:hover{ background-color:white; } #menu ul li ul{ display: none; } #menu ul li:hover ul{ display: block; position: absolute; top: 41px; left: 0; }
Universitas Sumatera Utara
#menu ul li:hover ul li a{ display: block; background: yellow; margin-left: -150px; color: rgb(211, 191, 47); width: 130px; border-left: 1px solid white;25 #menu ul li ul li a:hover{ background: rgb(93, 201, 93); color: #FFFFFF; }
}
.kaki{ width: 100%; height: 30px; clear: both; padding-top: 5px; font-size: 90%; color:rgb(103, 111, 199); text-align: center; background-color: #AFB5B6; } 3. Style2.css body{ padding: 0; margin: 0; background-color:; } .bingkai{ width: 100%; margin-top: -30px; background-color: rgb(93, 201, 93); } .kepala{ width: 100%; height: 150px; background-color: #AFB5B6; } .logo{ width: 125px; height: 125px; float: left; background-color: ; margin-top: -93px; margin-left: 160px; } .logoo{ width: 125px; height: 125px; float: right; background-color: ; margin-top: -93px; margin-right: 160px; } #menu{ position: relative; width: 1278px;
Universitas Sumatera Utara
height: 40px; float: left; margin-top: px; background: #979FC2; border: 1px solid rgb(103, 111, 199); } #menu ul{ padding: 0px; margin: 0px; margin-left: 250px; list-style: none; } #menu ul li{ float: left; position: relative; } #menu ul li a{ float: left; color: rgb(103, 111, 199); padding: 10px; border-right: 1px solid
rgb(103,
111,
199); text-decoration: none; display: block; } #menu ul a:hover{ background-color:white; } #menu ul li ul{ display: none; } #menu ul li:hover ul{ display: block; position: absolute; top: 41px; left: -100; } #menu ul li:hover ul li a{ display: block; background: white; margin-left: -150px; color: rgb(103, 111, 199); width: 130px; border-left: 1px solid white;25 #menu ul li ul li a:hover{ background: #979FC2; color: white; }
}
.isi{ width: 100%; height: 69%; float: left; margin-top: ; background-color: #979FC2; overflow: scroll; } .kiri{ width: 23%;
Universitas Sumatera Utara
float: left; margin-left: -5px; } .tengah{ width: 50%; float: left; margin-left: 5px; border-right: 1px
solid
rgb(103,
111,
199); border-left: 1px solid rgb(103, 111, 199); } .kanan{ width: 25%; float: left; margin-left: 10px; } .kaki{ width: 100%; height: 30px; clear: both; padding-top: 5px; font-size: 90%; color:rgb(103, 111, 199); text-align: center; background-color: #AFB5B6; } 4. Calender.js /** * calendar Version 0.1 * Heru Dwi Saputra, January 2009 * Copyright (c) 2009
[email protected]. */ function leapYear(year) { if (year % 4 == 0) // basic rule return true // is leap year /* else */ // else not needed "return" return false // is not leap year }
when
statement
is
function getDays(month, year) { // create array to hold number of days in each month var ar = new Array(12) ar[0] = 31 // January ar[1] = (leapYear(year)) ? 29 : 28 // February ar[2] = 31 // March ar[3] = 30 // April ar[4] = 31 // May ar[5] = 30 // June ar[6] = 31 // July ar[7] = 31 // August ar[8] = 30 // September ar[9] = 31 // October ar[10] = 30 // November ar[11] = 31 // December
Universitas Sumatera Utara
// return number (parameter) return ar[month] }
of
days
in
the
specified
month
function getMonthName(month) { // create array to hold name of each month var ar = new Array(12) ar[0] = "January" ar[1] = "February" ar[2] = "March" ar[3] = "April" ar[4] = "May" ar[5] = "June" ar[6] = "July" ar[7] = "August" ar[8] = "September" ar[9] = "October" ar[10] = "November" ar[11] = "December" // return name of specified month (parameter) return ar[month] } function setCal() { // standard time attributes var now = new Date() var year = now.getYear() if (year < 1000) year+=1900 var month = now.getMonth() var monthName = getMonthName(month) var date = now.getDate() now = null // create instance of first day of month, and extract the day on which it occurs var firstDayInstance = new Date(year, month, 1) var firstDay = firstDayInstance.getDay() firstDayInstance = null // number of days in current month var days = getDays(month, year) // call function to draw calendar drawCal(firstDay + 1, days, date, monthName, year) } function drawCal(firstDay, lastDate, date, monthName, year) { // constant table settings var headerHeight = 15 // height of the table's header cell var var var var
border = 0 // borderColor = cellspacing = cellpadding =
3D height of table's border "white" // color of table's border 0 // width of table's border 0 // width of table's padding
Universitas Sumatera Utara
var headerColor = "white" //"midnightblue" // color of table's header var headerSize = "+1" // size of tables header font var colWidth = 18 // width of columns in table var dayCellHeight = 10 // height of cells containing days of the week var dayColor = "green" // color of font representing week days var cellHeight = 10 // height of cells representing dates in the calendar var todayColor = "white" // color specifying today's date in the calendar var headerBgColor = "green" // color of background table's header var dayBgColor = "white" // color of background table's day var styleClass = "calendar" // style table css var bgColor="green" // default background column // create basic table structure var text = "" // initialize accumulative variable to empty string text += '' text += '' // table settings text += '' // create table header cell text += '' // set font for table header text += monthName + ' ' + year text += '' // close table header's font settings text += '' // close header cell // variables to hold constant settings var openCol = '' openCol += '' var closeCol = '' // create array of abbreviated day names var weekDay = new Array(7) weekDay[0] = ":-Sun:-" weekDay[1] = ":Mon:-" weekDay[2] = ":Thu:-" weekDay[3] = ":Wed:-" weekDay[4] = ":Thi:-" weekDay[5] = ":Fri:-" weekDay[6] = ":Sat:-:" // create first row of table to set column width and specify week day text += '' for (var dayNum = 0; dayNum < 7; ++dayNum) { text += openCol + weekDay[dayNum] + closeCol } text += ''
Universitas Sumatera Utara
// declaration and initialization of two variables to help with tables var digit = 1 var curCell = 1 for (var row = 1; row
