доброе время суток
мне нужно сделать сайт, дизайн в доработке но я хотела добавить на страницу что-то вроде интерактивного питомца, который запоминал бы пользователя и реагировал бы на его действия
нашла в интернете файл, который по-идее должен создавать куки, вставила его в страницу и связала переменную с ним но имя пользователя не сохраняется
не могу понять в чем проблема, пожалуйста гляньте, внизу привожу исходники
найденный в сети файл, для создания куки и записи
Код:
function writeCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
}
document.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(name) {
var searchName = name + "=";
var cookies = document.cookie.split(';');
for(var i=0; i < cookies.length; i++) {
var c = cookies[i];
while (c.charAt(0) == ' ')
c = c.substring(1, c.length);
if (c.indexOf(searchName) == 0)
return c.substring(searchName.length, c.length);
}
return null;
}
function eraseCookie(name) {
writeCookie(name, "", -1);
}
мой код, настраивающий работу питомца на страничке
Код:
document.onmousemove = moveTip;
function moveTip(e) {
floatTipStyle = document.getElementById("floatTip").style;
w = 100; // Ширина подсказки
// Для браузера IE6-8
if (document.all) {
x = event.clientX + document.body.scrollLeft;
y = event.clientY + document.body.scrollTop;
// Для остальных браузеров
} else {
x = e.pageX; // Координата X курсора
y = e.pageY; // Координата Y курсора
}
// Показывать слой справа от курсора
if ((x + w + 10) < document.body.clientWidth) {
floatTipStyle.left = x + 'px';
// Показывать слой слева от курсора
} else {
floatTipStyle.left = x - w + 'px';
}
// Положение от верхнего края окна браузера
floatTipStyle.top = y + 20 + 'px';
}
function toolTip(msg) {
floatTipStyle = document.getElementById("floatTip").style;
if (msg) {
// Выводим текст подсказки
document.getElementById("floatTip").innerHTML = msg;
// Показываем подсказку
floatTipStyle.display = "block";
} else {
// Прячем подсказку
floatTipStyle.display = "none";
}
}
var userName;
var msg = new String("Привіт, я сонечко на ім'я Бін!");
function touchBUG() {
if (userName)
{
msg = "Я люблю увагу, " + userName + ". Дякую тобі.";
toolTip(msg);
}
else
{
userName = prompt("Як Вас звати?", "Введіть ваше ім'я тут.");
if (userName)
{
msg = "Приємно познайомитися, " + userName + ".";
toolTip(msg);
if (navigator.cookieEnabled)
writeCookie("bug_username", userName, 1*365);
else alert("Вибачте. Кукі недоступні. Я запам'ятаю Вас пізніше.");
}
}
document.getElementById("bugImg").src = "bug_happy.gif";
setTimeout("document.getElementById('bugImg').src = 'bug.gif';",2000);
}
function greetUser()
{
if (navigator.cookieEnabled)
userName = readCookie("bug_username");
if (userName)
{
msg = "Привіт " + userName + ", я скучив за тобою.";
toolTip(msg);
}
else
{
msg = 'Привіт, я сонечко на ім\'я Бін!';
toolTip(msg);
}
}
я учу js месяц, и очень хочется разобраться почему не работает ( подскажите или посоветуйте что делать