No właśnie wypracowałem taki oto kod:
No włąśnie i teraz się zapytam, jak zrobić do tego zapamiętywanie pozycji na cookies? Dodawanie cookies z pozycją już dałem, ale teraz nie wiem, gdzie tę pozycję zczytać i gdzie ją wstawić, dodam że cookies ma treść np. 100px. Proszę o szybką pomoc!
Kod:
<html>
<head>
<script>
var twojDiv;
function czytaj_ciacho(nazwa)
{
nazwa+="=";
startCookie=document.cookie.indexOf(nazwa);
if (startCookie==-1) {return ""}
startCookie+=nazwa.length;
if (document.cookie.indexOf(";",startCookie)==-1)
{
koniecCookie=document.cookie.length;
}
else
{
koniecCookie=document.cookie.indexOf(";",startCookie);
}
textCookie=document.cookie.substring(startCookie,koniecCookie);
//kopiuje treść cookie
textCookie=unescape(textCookie);
//rozkodowuje treść
return textCookie;
//zwraca wartość
}
function przemiescDiva()
{
twojDiv.style.left = Math.round(Math.random()*100)+'%';
twojDiv.style.top = Math.round(Math.random()*100)+'%';
}
function zamknij()
{
przesuwany = document.getElementById("1234");
przesuwany.style.visibility = "hidden";
twojDiv.style.visibility="hidden";
clearInterval(timer);
}
function ukryj()
{
przesuwany = document.getElementById("1234");
przesuwany.style.visibility = "visible";
twojDiv.style.visibility="hidden";
clearInterval(timer);
}
function pokaz()
{
przesuwany = document.getElementById("1234");
przesuwany.style.visibility = "hidden";
twojDiv.style.visibility="visible";
setInterval(timer);
}
onload = function()
{
twojDiv = document.getElementById("123");
twojDiv.style.position = 'absolute';
timer = setInterval(przemiescDiva, 5*1000);//co pięć sekund
}
var global = false;
document.onmousemove = function(e)
{
if(global)
{
if(e) event = e;
global.style.top = (event.clientY - 50) + 'px';
global.style.left = (event.clientX - 50) + 'px';
gst_tresc=escape(global.style.top); //kodujemy tekst
gsl_tresc=escape(global.style.left); //kodujemy tekst
document.cookie="gst="+gst_tresc;
document.cookie="gsl="+gsl_tresc;
}
}
document.onmouseup = function()
{
global = false;
}
</script>
</HEAD>
<BODY>
<!-- wrap starts here -->
<div id= "123" style="visibility:hidden;">
<a href="java script:zamknij();">Wyłącz</a><img src=papuga.png><br><a href="java script:ukryj();" style="color:black;">Wył±cz automatyczne przesuwanie</a>
</div>
<div id = "1234" onmousedown="global=this" style="position:absolute;width:100px;height:100px;left:10px;top:10px;visibility:vi
sible;">
<a href="java script:zamknij();">Wyłącz</a><img src=papuga.png><br><a href="java script:pokaz();" style="color:black">Wł±cz automatyczne przesuwanie</a>
</div>
</body>
</html>
