[JavaScript] Załadowanie DIVa z funkcją setTimeout Opcje

[sderes]

Witam.

Jestem amatorem i początkującym, proszę o wybaczenie za lamerskie pytanie, ale mam taki kłopot:

Mam na stronie popupa w formie DIVa o nazwie "baner", gdzie jest m.in. taka funkcja <a href="#" onclick="Zamknij();" title="zamknij";> - możliwość zamknięcia popupa. Popup ten pojawia się od razu po wejściu na stronę. Chciałbym zrobić tak, żeby popup pojawiał się po określonym czasie np. po 5 sekundach, tak więc w JS dałem...

[JAVASCRIPT] pobierz, plaintext 
setTimeout(function(){
 document.getElementById('baner').style.display = 'block';
}, 5000);
[JAVASCRIPT] pobierz, plaintext 

... a do DIVa dodałem

style="display: none";

I faktycznie, popup pojawia się po 5 sekundach od wejścia na stronę. Pojawił się jednak taki problem, że nie działa już ta funkcja / możliwość zamknięcia popupa. Rozumiem, że coś się gryzie z czymś, ale nie mam pojęcia co...

Cały JS dotyczący tego popupa wygląda tak:

[JAVASCRIPT] pobierz, plaintext 
setTimeout(function(){
 document.getElementById('baner').style.display = 'block';
}, 5000);
 
function Cookie() {
 
var ciasteczka = document.cookie.split("; ");
 
for (i=0; i<ciasteczka.length; i++)
{
var ciacho=ciasteczka[i];
if (ciacho=="baner=jeden")
{
return;
}
 
}
$('#baner').addClass('wyswietl');
 
}
 
function Zamknij() {
$('#baner').removeClass('wyswietl');
}
 
function Kasuj(){
$('#baner').removeClass('wyswietl');
document.cookie = "baner=jeden; expires=Mon, 01 Jan 2035 00:00:01 GMT; ";
}
 
window.onload = Cookie;
[JAVASCRIPT] pobierz, plaintext 

Będę wdzięczny za jakąkolwiek wskazówkę.

Pozdrawiam

Ten post edytował sderes 25.10.2016, 23:45:33

[emstawicki]

A gdzie i kiedy wywołujesz funkcję Cookie(), która nadaje klasę wyswietl?
Obecnie funkcja Zamknij() wykonuję jedną rzecz - próbuje usunąć nienadaną klasę (IMG:style_emoticons/default/smile.gif)

[sderes]

Tak jak pisałem, jestem laikiem (IMG:style_emoticons/default/sad.gif) Sam szkielet DIVa wygląda tak:

[HTML] pobierz, plaintext 
<div id="baner" class="nie-wyswietl" style="display: none";>
<div id="home">
 
<div style="position: absolute;
      top: 185px;
      right: 30%;
      z-index:999999";>
 
 
<a href="#" onclick="Zamknij();" title="zamknij";> X </a>
</div>
<div id="home2">
 
(...)
 
</div>
</div>
[HTML] pobierz, plaintext 

Natomiast w CSSie mam

[CSS] pobierz, plaintext 
.nie-wyswietl {
 
  display:none;
 
}
 
.wyswietl {
 
  display:inline;
 
}
[CSS] pobierz, plaintext 

[emstawicki]

Usuń styl liniowy z diva baner, bo to samo masz w klasie.
setTimeout zrób na funkcję Cookie()

[sderes]

Chodzi o coś takiego?

[JAVASCRIPT] pobierz, plaintext 
setTimeout(function(Cookie){
 document.getElementById('baner').style.display = 'block';
}, 5000);
 
function Cookie() {
 
var ciasteczka = document.cookie.split("; ");
 
for (i=0; i<ciasteczka.length; i++)
{
var ciacho=ciasteczka[i];
if (ciacho=="baner=jeden")
{
return;
}
 
}
$('#baner').addClass('wyswietl');
 
}
 
function Zamknij() {
$('#baner').removeClass('wyswietl');
}
 
function Kasuj(){
$('#baner').removeClass('wyswietl');
document.cookie = "baner=jeden; expires=Mon, 01 Jan 2035 00:00:01 GMT; ";
}
 
window.onload = Cookie;
[JAVASCRIPT] pobierz, plaintext 

Usunąłem też zdublowany styl liniowy z DIVa... Przycisk zamknięcia nadal nie działa jak dodaję w JS setTimeout (IMG:style_emoticons/default/sad.gif)

[emstawicki]

Sprawdzaj swoją składnię - nie zamykasz znaczników, stawiasz dziwne średniki gdzie popadnie.
http://jsfiddle.net/emstawicki/L75xj0xr/
Przykład działający. Dodaj do niego swoje funkcje sprawdzające cookies.