ПЗ Полякова (1221124), страница 5
Текст из файла (страница 5)
ПРИЛОЖЕНИЕ А
(справочное)
Исходный код файла index.php (главная страница):
<?php
if (session_id() == "")
{
session_start();
}
?>
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST' && $_POST['form_name'] == 'logoutform')
{
if (session_id() == "")
{
session_start();
}
unset($_SESSION['username']);
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Главнаястраница</title>
<meta name="keywords" content="ОнлайнмагазинХабаровск, интернетмагазинХабаровск, baraholka27">
<style type="text/css">
div#container
{
width: 1300px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
background-color: #FFFFFF;
background-image: url(images/bg-201.png);
color: #000000;
}
</style>
<link href="cupertino/jquery.ui.all.css" rel="stylesheet" type="text/css">
<style type="text/css">
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
</style>
<style type="text/css">
#Layer1
{
background-color: transparent;
}
#Image1
{
border: 0px #000000 solid;
}
#Layer2
{
background-color: transparent;
}
#wb_Shape1 aimg
{
position: absolute;
}
#wb_Shape1 span
{
position: absolute;
}
#wb_Shape1 a .hover
{
visibility: hidden;
}
#wb_Shape1 a:hover .hover
{
visibility: visible;
}
#wb_Shape1 a:hover span
{
visibility: hidden;
}
#wb_Shape2 aimg
{
position: absolute;
}
#wb_Shape2 span
{
position: absolute;
}
#wb_Shape2 a .hover
{
visibility: hidden;
}
#wb_Shape2 a:hover .hover
{
visibility: visible;
}
#wb_Shape2 a:hover span
{
visibility: hidden;
}
#Layer3
{
background-color: transparent;
}
#MegaMenu1
{
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
font-family: Times New Roman;
font-size: 16px;
}
#MegaMenu1 li
{
float: left;
margin: 0;
padding: 0;
position: relative;
}
#MegaMenu1 li a
{
float: left;
}
#MegaMenu1 li .submenu
{
display: none;
float: left;
left: 0;
padding: 15px 15px15px15px;
position: absolute;
top: 0;
}
#MegaMenu1 li .row
{
clear: both;
float: left;
margin-bottom: 10px;
width: 100%;
}
#MegaMenu1 li .submenu ul
{
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 150px;
}
#MegaMenu1 .submenu ul li
{
width: 100%;
}
#MegaMenu1 .submenu ul li h2
{
font-family: Times New Roman;
font-size: 16px;
font-weight: bold;
font-style: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
#MegaMenu1 .submenu ul li h2 a
{
background-image: none;
background-color: transparent;
border-width: 0;
font-weight: bold;
font-style: normal;
padding: 5px 0;
text-decoration: none;
}
#MegaMenu1 .submenu ul li h2 a:hover
{
padding: 5px 0;
}
#MegaMenu1 .submenu ul li a
{
display: block;
float: none;
font-weight: normal;
font-style: normal;
height: auto;
padding: 7px 5px 7px 15px;
text-decoration: none;
text-indent: 0;
}
#MegaMenu1 .submenu ul li a:hover
{
padding: 6px 4px 6px 14px;
}
#MegaMenu1 .submenu ul li a .ui-icon
{
left: 0;
margin-top: -8px;
position: absolute;
top: 50%;
}
#MegaMenu1 .button
{
cursor: pointer;
font-weight: normal;
font-style: normal;
margin: 0 1px 0 0;
outline: 0;
padding: 4px 20px 4px 8px;
position: relative;
text-align: center;
text-decoration: none !important;
color: #2779AA;
}
#MegaMenu1 .button:hover
{
color: #0070A3;
}
#MegaMenu1 .button:active
{
color: #FFFFFF;
}
#MegaMenu1 .ui-widget-content a
{
color: #362B36;
}
#MegaMenu1 .ui-widget-content a:hover
{
color: #0070A3;
}
#MegaMenu1 .button .ui-icon
{
left: auto;
margin-top: -8px;
margin-left: 0;
position: absolute;
right: 4px;
top: 50%;
}
#LoginName1
{
color: #000000;
font-family: Arial;
font-size: 13px;
text-align: left;
text-decoration: underline;
}
.logoutform_button
{
background-color: #EEEEEE;
border-color: #878787;
border-width: 1px;
border-style: solid;
color: #000000;
font-family: Arial;
font-size: 13px;
}
#wb_Carousel1
{
background-color: transparent;
}
#Carousel1 .frame
{
width: 730px;
display: inline-block;
float: left;
height: 330px;
}
#wb_Carousel1 .pagination
{
bottom: 0;
left: 0;
position: absolute;
text-align: center;
vertical-align: middle;
width: 730px;
z-index: 999;
}
#wb_Carousel1 .pagination img
{
border-style: none;
padding: 12px 12px12px12px;
}
#Image2
{
border: 0px #000000 solid;
}
#Image3
{
border: 0px #000000 solid;
}
#Image4
{
border: 0px #000000 solid;
}
#Image5
{
border: 0px #000000 solid;
}
#Image6
{
border: 0px #000000 solid;
}
#Image7
{
border: 0px #000000 solid;
}
#Image8
{
border: 0px #000000 solid;
}
#Image9
{
border: 0px #000000 solid;
}
#Image10
{
border: 0px #000000 solid;
}
#Image11
{
border: 0px #000000 solid;
}
#Image12
{
border: 0px #000000 solid;
}
#wb_Text1
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
text-align: left;
}
#wb_Text1 div
{
text-align: left;
}
.ui-tooltip
{
padding: 4px 4px4px4px;
}
.ui-tooltip
{
padding: 4px 4px4px4px;
}
.ui-tooltip
{
padding: 4px 4px4px4px;
}
.ui-tooltip
{
padding: 4px 4px4px4px;
}
.ui-tooltip
{
padding: 4px 4px4px4px;
}
#wb_Shape3 aimg
{
position: absolute;
}
#wb_Shape3 span
{
position: absolute;
}
#wb_Shape3 a .hover
{
visibility: hidden;
}
#wb_Shape3 a:hover .hover
{
visibility: visible;
}
#wb_Shape3 a:hover span
{
visibility: hidden;
}
#wb_Text2
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
text-align: left;
}
#wb_Text2 div
{
text-align: left;
}
</style>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="wb.carousel.min.js"></script>
<script type="text/javascript" src="jquery.ui.core.min.js"></script>
<script type="text/javascript" src="jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="jquery.ui.position.min.js"></script>
<script type="text/javascript" src="jquery.ui.tooltip.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.0.css" type="text/css">
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.0.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="wwb9.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$('#MegaMenu1 .submenu ul li h2 a').addClass('ui-widget-header');
$('#MegaMenu1 .submenu ul li a').hover(function()
{
$(this).addClass('ui-state-default');
}, function()
{
$(this).removeClass('ui-state-default');
});
$('.ui-state-default').hover(function()
{
$(this).addClass('ui-state-hover');
}, function()
{
$(this).removeClass('ui-state-hover');
});
$('#MegaMenu1 li').hover(function()
{
var top = $(this).find('.button').outerHeight();
$(this).find('.submenu').css( {'top': top });
$(this).find('.submenu').show();
if ($(this).find('.row').length > 0 )
{
varmaxRowWidth = 0;
$(this).find('.row').each(function()
{
var width = 0;
$(this).find('ul').each(function()
{
width += $(this).width();
});
if (width >maxRowWidth)
{
maxRowWidth = width;
}
});
$(this).find('.submenu').css({'width' : maxRowWidth});
$(this).find('.row:last').css({'margin': '0'});
}
else
{
var width = 0;
$(this).find('ul').each(function()
{
width += $(this).width();
});
$(this).find('.submenu').css({'width' : width});
}
$(this).find('.submenu').slideDown();
}, function()
{
$(this).find('.submenu').hide();
})
$('#MegaMenu1 li .submenu').hide();
var Carousel1Opts =
{
delay: 3000,
duration: 500,
easing: 'linear',
mode: 'forward',
direction: '',
pagination: true,
pagination_img_default: 'images/page_default.png',
pagination_img_active: 'images/page_active.png',
start: 0,
width: 730
};
$("#Carousel1").carousel(Carousel1Opts);
$("#Carousel1_back a").click(function()
{
$('#Carousel1').carousel('prev');
});
$("#Carousel1_next a").click(function()
{
$('#Carousel1').carousel('next');
});
var jQueryToolTip1Opts =
{
hide: true,
show: true,
content: '<span style="color:#000000;font-family:\'Times New Roman\';font-size:17px;">Кликнитедляперехода</span>',
items: '#wb_Image8',
position: { my: "center bottom", at: "center top", collision: "flipfit" }
};
$("#wb_Image8").tooltip(jQueryToolTip1Opts);
var jQueryToolTip2Opts =
{
hide: true,
show: true,
content: '<span style="color:#000000;font-family:\'Times New Roman\';font-size:17px;">Кликнитедляперехода<br></span>',
items: '#wb_Image9',
position: { my: "center bottom", at: "center top", collision: "flipfit" }
};
$("#wb_Image9").tooltip(jQueryToolTip2Opts);
var jQueryToolTip3Opts =
{
hide: true,
show: true,
















