Разработка интерактивного Web-сайта "Медицинский центр"

script.js

var a1, b1, z1;

// счетчик корзины

function kor(){

var st1=0

CartData=getCartData()

if(CartData !== null)

{

for(var items in CartData)

{st1+=CartData[items].length

}

document.getElementById('koo').innerHTML=st1

}

}

//счетчик посещений

function st(){

var caution = false

// name - name of the cookie

// value - value of the cookie

// [expires] - expiration date of the cookie (defaults to end of current session)

// [path] - path for which the cookie is valid (defaults to path of calling document)

// [domain] - domain for which the cookie is valid (defaults to domain of calling document)

// [secure] - Boolean value indicating if the cookie transmission requires a secure transmission

// * an argument defaults when it is assigned null as a placeholder

// * a null placeholder is not required for trailing omitted arguments

function setCookie(name, value, expires, path, domain, secure) {

var curCookie = name + "=" + escape(value) +

((expires) ? "; expires=" + expires.toGMTString() : "") +

((path) ? "; path=" + path : "") +

((domain) ? "; domain=" + domain : "") +

((secure) ? "; secure" : "")

if (!caution || (name + "=" + escape(value)).length <= 4000)

document.cookie = curCookie

else

if (confirm("Cookie exceeds 4KB and will be cut!"))

document.cookie = curCookie

}

// name - name of the desired cookie

// * return string containing value of specified cookie or null if cookie does not exist

function getCookie(name) {

var prefix = name + "="

var cookieStartIndex = document.cookie.indexOf(prefix)

if (cookieStartIndex == -1)

return null

var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)

if (cookieEndIndex == -1)

cookieEndIndex = document.cookie.length

return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))

}

// name - name of the cookie

// [path] - path of the cookie (must be same as path used to create cookie)

// [domain] - domain of the cookie (must be same as domain used to create cookie)

// * path and domain default if assigned null or omitted if no explicit argument proceeds

function deleteCookie(name, path, domain) {

if (getCookie(name)) {

document.cookie = name + "=" +

((path) ? "; path=" + path : "") +

((domain) ? "; domain=" + domain : "") +

"; expires=Thu, 01-Jan-70 00:00:01 GMT"

}

}

// date - any instance of the Date object

// * you should hand all instances of the Date object to this function for "repairs"

// * this function is taken from Chapter 14, "Time and Date in JavaScript", in "Learn Advanced JavaScript Programming"

function fixDate(date) {

var base = new Date(0)

var skew = base.getTime()

if (skew > 0)

date.setTime(date.getTime() - skew)

}

var now = new Date()

fixDate(now)

now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000)

var visits = getCookie("counter")

if (!visits)

visits = 1

else

visits = parseInt(visits) + 1

setCookie("counter", visits, now)

document.getElementById('counter1').innerHTML="Посещений сайта: " + visits;

kor();

}

//вывод каталога из xml

function run1(m) {

var doc = document.getElementById("purchase-order").contentDocument;

var n = doc.getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", m);

var lineItems = n[0].getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", "lineItem");

// alert(lineItems)

// alert(lineItems.length);

document.getElementById('zag').innerHTML =''

document.getElementById('zag').innerHTML =lineItems[0].textContent

document.getElementById('sec').innerHTML=""

for(var i = 1; i < lineItems.length; i++)

{

document.getElementById('sec').innerHTML= document.getElementById('sec').innerHTML+ '<article class="usl"> <div class="prev"> <img src="images\\услуги\\'

+lineItems[i].getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", "num")[0].textContent

+'.jpg" alt="альт текст" ></div> <a href="#">' + lineItems[i].getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", "name")[0].textContent.toUpperCase()

+'</a> <figure> от' + lineItems[i].getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", "price")[0].textContent

+ 'руб. <form> <button id="'+lineItems[i].getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", "num")[0].textContent+'" onclick="r(this.id)">Запись</button> </form></figure> <hr></article> '

}

}

// Получаем данные из LocalStorage

function getCartData(){

return JSON.parse(localStorage.getItem('gn'));

}

// Записываем данные в LocalStorage

function setCartData(o){

localStorage.setItem('gn', JSON.stringify(o));

return false;

}

// Добавляем товар в корзину

function r(id){

this.disabled = true; // блокируем кнопку на время операции с корзиной

var cartData = getCartData() || {}; // получаем данные корзины или создаём новый объект, если данных еще нет

// parentBox = this.parentNode, // родительский элемент кнопки &quot;Добавить в корзину&quot;

// id=id // ID товара

// itemTitle = parentBox.querySelector('.item_title').innerHTML, // название товара

// itemPrice = parentBox.querySelector('.item_price').innerHTML; // стоимость товара

if(cartData.hasOwnProperty(id)){ // если такой товар уже в корзине, то добавляем +1 к его количеству

cartData[id][0] += 1;

} else { // если товара в корзине еще нет, то добавляем в объект

cartData[id] = [1];

}

// Обновляем данные в LocalStorage

if(!setCartData(cartData)){

this.disabled = false; // разблокируем кнопку после обновления LS

// alert(id)

// alert('Товар добавлен в корзину.');

}

// return false;

kor();

}

// Открываем корзину со списком добавленных товаров

function iz(){

var cartData = getCartData(), // вытаскиваем все данные корзины

totalItems = '';

console.log(JSON.stringify(cartData));

// если что-то в корзине уже есть, начинаем формировать данные для вывода

if(cartData !== null){

totalItems = '<table class="shopping_list"><tr><th>id</th><th>Кол-во</th><th>Название</th></tr>';

for(var items in cartData){

totalItems += '<tr><td>' + items + '</td>';

// for(var i = 0; i < cartData[items].length; i++){

totalItems += '<td>' + cartData[items][0] + '</td>'+'<td>' + vi(items) + '</td>';

// }

totalItems += '</tr>';

}

totalItems += '<table>';

document.getElementById("sec").innerHTML = totalItems;

} else {

// если в корзине пусто, то сигнализируем об этом

document.getElementById("sec").innerHTML = 'В корзине пусто!';

}

return false;

}

//поиск товара по id в xml

function vi(p) {

var doc = document.getElementById("purchase-order").contentDocument;

var lineItems = doc.getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", "lineItem");

// alert(lineItems.textContent)

// alert(lineItems.length);

// document.getElementById('zag').innerHTML =''

// document.getElementById('zag').innerHTML =lineItems[0].textContent

// document.getElementById('sec').innerHTML=""

for(var i = 0; i < lineItems.length; i++)

{

if (lineItems[i].getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", "num")[0].textContent==p) {

// a1=(lineItems[i].getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", "num")[0].textContent);

b1=(lineItems[i].getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", "name")[0].textContent);

z1=(lineItems[i].getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", "price")[0].textContent);

}

}

// return z

}

//функция для загрузки корзины

function ob() {

st()

zap()

}

function men(zn, it) {

}

//изменение количества

function kolv(kont,nom){

var cartData = getCartData(), // вытаскиваем все данные корзины

totalItems = '';

console.log(JSON.stringify(cartData));

// если что-то в корзине уже есть, начинаем формировать данные для вывода

if(cartData !== null){

// totalItems = '<table class="shopping_list"><tr><th>id</th><th>Кол-во</th><th>Название</th><th>цена</th></tr>';

koli=0

summa=0

for(var items in cartData){

if(cartData.hasOwnProperty(nom)){ // если такой товар уже в корзине, то добавляем +1 к его количеству

cartData[nom][0] += kont;

vi(items);

koli+=cartData[items][0];

summa+=cartData[items][0]*z1;

}}

document.getElementById("sec").innerHTML = document.getElementById("sec").innerHTML - '<article class="nazv"> <div class="prev"> Итого: </div> <a href="#" > </a> <figure id="ito"> Цена:'+summa+' <form id="ito1">Количество:'+koli+' </form></figure> <hr></article> ';

document.getElementById("sec").innerHTML += '<article class="nazv"> <div class="prev"> Итого: </div> <a href="#" > </a> <figure id="ito"> Цена:'+summa+' <form id="ito1">Количество:'+koli+' </form></figure> <hr></article> ';

} else {

// если в корзине пусто, то сигнализируем об этом

document.getElementById("sec").innerHTML = '<article class="usl"> В корзине пусто!<hr></article> ';

}

return false;

}

// Открываем корзину со списком добавленных товаров

function zap() {

var cartData = getCartData(), // вытаскиваем все данные корзины

totalItems = '';

console.log(JSON.stringify(cartData));

// если что-то в корзине уже есть, начинаем формировать данные для вывода

if(cartData !== null){

// totalItems = '<table class="shopping_list"><tr><th>id</th><th>Кол-во</th><th>Название</th><th>цена</th></tr>';

totalItems ='<article class="nazv"> <div class="prev"> Код услуги </div> <a href="#" >Название</a> <figure> Цена <form>Количество </form></figure> <hr></article> ';

koli=0

summa=0

for(var items in cartData){

vi(items);

koli+=cartData[items][0];

summa+=cartData[items][0]*z1;

totalItems += '<article class="korz"> <div class="prev">' + items + '</div> <a>'+ b1 +'</a> <figure>'+z1+'<form id="'+items+'"> <button onclick="men(this.textContent, this.id)" >-</button><input size="2" onchange="kolv(this.textContent,this.id)" id="'+items+'" value="'+cartData[items][0] +'" ></input> <button onclick="men(this.textContent)">+</button> </form></figure> <hr></article> ';

// alert(z1);

// for(var i = 0; i < cartData[items].length; i++){

// totalItems += '<td>' + cartData[items][0] + '</td>'+'<td>' + b1 + '<td>'+ z1+'</td>';

// }

// totalItems += '</tr>';

}

// totalItems+ ='<article class="nazv"> <div class="prev"> Итого </div> <a href="#" > </a> <figure id="ito"> Цена <form id="ito">Количество </form></figure> <hr></article> ';

document.getElementById("sec").innerHTML = totalItems+'<article class="nazv"> <div class="prev"> Итого: </div> <a href="#" > </a> <figure id="ito"> Цена:'+summa+' <form id="ito1">Количество:'+koli+' </form></figure> <hr></article> ';

} else {

// если в корзине пусто, то сигнализируем об этом

document.getElementById("sec").innerHTML = '<article class="usl"> В корзине пусто!<hr></article> ';

}

return false;

}

Приложение Г. Листинг кода xml