Как да направя следния див да изкача като popup

[chepa]

<div class="parent">
 <div class="inner">
 <table>
 <tr>
 <td style="vertical-align: top;"><div class="forum" style="width: 484px;"><a class="forum"><center>Подкрепете ни</center></a> </div>
<div class="forum_dolu" style="width: 484px;background: none;">
 </div>
</td>
</tr>
 </table>

 </div>
 </div>

Имам следната кутийка. Искам да попитам как мога да я направя като popup и фона зад нея да е леко затъмнен ?

 

[vinsbg]

Виж това

 

[chepa]

Виж това

Така и не се оправих с този код . Искам също така да стане примерно да излиза и като го затвори потребителя да не се появява в следващите 24 часа.

 

[ventsi34]

Направи си как иска да ти изглежда самия pop-up и след това просто на главния div му даваш dispaly: none; когато е затворен. Това според мен е малко по-лошия вариант. Мисля, че по добрия е когато се влезне в страницата или там при събитието което искаш да се появява html-а, а при затваряне да се премахва този html от DOM дървото. Колкото до това как да засичаш дали са минали 24 часа от затварянето в cookie можеш да запишеш секундата на затваряне на този pop-up и всеки път при влизане на потребителя да се провери дали сегашното време е по-голямо от времето на затваряне + 86400 секунди (тоест 24 часа). Ако имах малко повече време щях да ти го напиша.

 

[chepa]

Направи си как иска да ти изглежда самия pop-up и след това просто на главния div му даваш dispaly: none; когато е затворен. Това според мен е малко по-лошия вариант. Мисля, че по добрия е когато се влезне в страницата или там при събитието което искаш да се появява html-а, а при затваряне да се премахва този html от DOM дървото. Колкото до това как да засичаш дали са минали 24 часа от затварянето в cookie можеш да запишеш секундата на затваряне на този pop-up и всеки път при влизане на потребителя да се провери дали сегашното време е по-голямо от времето на затваряне + 86400 секунди (тоест 24 часа). Ако имах малко повече време щях да ти го напиша.

Ако може да ми дадеш примерен код как ще се сложи в бисквитка в JS или е като на php? Колкото до Popup-a той ми е в .html и мислех да зарежда направо .html файла както ми е в popup формата за влизане в акаунта, но не успях и това да направя

 

[ventsi34]

Дай първо да оправим pop-up-а да ти излиза и да се маха. Кога искаш да излиза и кога да се маха? Когато стартира страницата да е изкача или при натискане на някакъв бутон или линк? И чрез бутон ли искаш да се затваря?

 

[chepa]

Дай първо да оправим pop-up-а да ти излиза и да се маха. Кога искаш да излиза и кога да се маха? Когато стартира страницата да е изкача или при натискане на някакъв бутон или линк? И чрез бутон ли искаш да се затваря?

При натискане и на двете ако може, ако не само на линкк.

 

[ventsi34]

<div id="parent" class="parent">
 <div class="inner">
 <table>
 <tr>
 <td style="vertical-align: top;"><div class="forum" style="width: 484px;"><a href="#" id="link" class="forum" target="_blank"><center>Подкрепете ни</center></a> </div>
<div class="forum_dolu" style="width: 484px;background: none;">
 </div>
</td>
</tr>
 </table>

 </div>
 </div>

[js]
$(document).ready(function() {
$('#link').click(function(){
$('#parent').html(" ");
});
});

[/js]


Това трябва да ти премахва html-a при кликане върху линка.

 

[h0r4ex]

<div id="blanket" style="display:none"></div>
<div id="popUpDiv" style="display:none">

<a href="#" onclick="popup('popUpDiv')" >Click to Close CSS Pop Up</a>
</div>
<a href="#" onclick="popup('popUpDiv')">Click to Open CSS Pop Up</a>

Сложи това най-горе в index.html (примерно)
Това в таговете горе при title

<body   onload="popup('popUpDiv')">

Това в css.
[css]#blanket {
background-color:#111;
opacity: 0.65;
*background:none;
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:absolute;
background:url(Пътя на изображението) no-repeat;
width:400px;
height:400px;
border:5px solid #000;
z-index: 9002;
}[/css]
Ако не се справиш, пиши пак

 

[h0r4ex]

<div id="blanket" style="display:none"></div>
<div id="popUpDiv" style="display:none">

<a href="#" onclick="popup('popUpDiv')" >Click to Close CSS Pop Up</a>
</div>
<a href="#" onclick="popup('popUpDiv')">Click to Open CSS Pop Up</a>

Сложи това най-горе в index.html (примерно)
Това в таговете горе при title

<body   onload="popup('popUpDiv')">

Това в css.
[css]#blanket {
background-color:#111;
opacity: 0.65;
*background:none;
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:absolute;
background:url(Пътя на изображението) no-repeat;
width:400px;
height:400px;
border:5px solid #000;
z-index: 9002;
}[/css]
Ако не се справиш, пиши пак