Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[javascript] Przesuwanie diva z zapamiętywaniem położenia
#2
Nie wiem dokładnie do czego chcesz wykorzystać taki kod, ale mam nadzieję, że chodziło Ci o coś takiego:
Kod:
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>Test</title>

<script type="text/javascript">

var twojDiv;
var interval;

function przemiescIZapisz()
{
    twojDiv.style.left = Math.round(Math.random()*100)+'%';
    twojDiv.style.top = Math.round(Math.random()*100)+'%';
    
    document.cookie = 'left=' + twojDiv.style.left.toString();
    document.cookie = 'top=' + twojDiv.style.top.toString();
}

function start()
{
    var dim;
    
    if(document.cookie.indexOf('left') != -1)
    {
        var tmp = document.cookie.replace(/left=/, "");
        var tmp = tmp.replace(/top=/, "");
        dim = tmp.split("; ");
    }
    else
    {
        dim = new Array(2);
        dim[0] = '0px'; dim[1] = '0px';
    }
    
    twojDiv.style.left = dim[0];
    twojDiv.style.top = dim[1];
}

window.onload = function()
{
    twojDiv = document.getElementById("dif");
    start();
    interval = setInterval('przemiescIZapisz()', 2000);
}

</script>
</head>

<body>

<div id="dif" style="position:absolute;background:#FF0;border:1px solid black;width:50px;height:50px"></div>

</body>
</html>
Na początku funkcja start() sprawdza czy ciastko zostało utworzone. Jeżeli tak - pobiera wartości top i left, jeżeli nie - ustawia div'a na pozycji 0px/0px. Następnie setInterval() wywołuje funkcję przemiescIZapisz(), ktora to umieszcza diva w losowo wybrane miejsce i zapisuje wartości do ciastka...

Mam nadzieję, że pomogłem Smile
Odpowiedz


Wiadomości w tym wątku
RE: [javascript] Przesuwanie diva z zapamiętywaniem położenia - przez pRzemo - 01-12-2008, 16:37

Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Czy ilość zmiennych w javascript, jako języku interpretowanym, ma znaczenie? Jakie gburhiphop 22 22,702 09-09-2016, 21:09
Ostatni post: Ribana
Toungue Problem z nie działającym javascript Radian 4 4,860 20-03-2015, 16:31
Ostatni post: Radian
  JavaScript podstawy bryndzyk 5 4,238 18-05-2013, 21:17
Ostatni post: ferrante
  JavaScript Gmaps Api Rysowanie Squezzer 0 2,086 16-05-2013, 18:18
Ostatni post: Squezzer
  itegracja lightboxa z "like button" z JavaScript SDK sakkada 4 4,812 04-01-2013, 01:39
Ostatni post: sakkada

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl