Модератор: [mweb team]
...мощный динамический скрипт
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.fuckin-ads {
width: 400px;
height: 300px;
padding: 10px;
position: fixed;
top: 50%;
margin-top: -110px;
left: 50%;
margin-left: -210px;
z-index: 999;
background-color: #ebacca;
}
.close {
color: red;
position: absolute;
top: 10px;
right: 10px;
z-index: 999;
}
</style>
<script type="text/javascript">
var popup_div = function(){
var ourdiv = document.createElement('div');
ourdiv.className = 'fuckin-ads';
var closeButton = document.createElement('a');
closeButton.innerHTML = "×";
closeButton.title = "Закрыть окно";
closeButton.className = 'close';
closeButton.onclick = function(){
ourdiv.style.display = 'none';
};
ourdiv.innerHTML = 'Ну тут тексты-картинки';
ourdiv.appendChild(closeButton);
document.getElementsByTagName('body')[0].appendChild(ourdiv);
}
window.onload = popup_div;
</script>
</head>
<body>
</body>
</html>
Все да не все. Первая ссылка (Алкиперовский код) - в поряде. А применительно к коду целой страницы - пародия на слой в самом нижнем левом углу (см.скрин). Это хром. А ИЕ показывает в том же нижнем углу кусок розового слоя, но уже без всяких крестов и надписейJedi писал(а):Что не пашет? У меня в хроме всё пашет.
Padonak писал(а):я так понял что у тебя там jQuery прицеплена к сайту? тогда проблемы нет. надо весь этот <div id='homer' из отдельного окна прописать в хтмл главной страницы но сделать ему style="display:none;position:absolute;". затем в башке документа надо прописать его появление и выравнивание по центру:
- Код: Выделить всё
<head>
...
<script type="text/javascript">
$(document).ready(function(){
$('#homer').show(function(){$(this).css('z-index','500').css('top',( $(window).height()/2 -$(this).height()/2)+'px').css('left',( $(window).height()/2 -$(this).width()/2 )+'px');});
});
</script>
</head>
а вот это <a href="javascript:window.close();"><br>Х закрыть окно</a> заменить на:
<a href="#null" onclick="$('#homer').hide();"><br>Х закрыть окно</a>
Aqua$erg писал(а):В общем, победил - при помощи Падонка, который отписал в личку следующее:Padonak писал(а):я так понял что у тебя там jQuery прицеплена к сайту? тогда проблемы нет. надо весь этот <div id='homer' из отдельного окна прописать в хтмл главной страницы но сделать ему style="display:none;position:absolute;". затем в башке документа надо прописать его появление и выравнивание по центру:
- Код: Выделить всё
<head>
...
<script type="text/javascript">
$(document).ready(function(){
$('#homer').show(function(){$(this).css('z-index','500').css('top',( $(window).height()/2 -$(this).height()/2)+'px').css('left',( $(window).height()/2 -$(this).width()/2 )+'px');});
});
</script>
</head>
а вот это <a href="javascript:window.close();"><br>Х закрыть окно</a> заменить на:
<a href="#null" onclick="$('#homer').hide();"><br>Х закрыть окно</a>
Пришлось прикрутить в список скриптов и скрипт jQ, но теперь работает примерно так, как и хотелось: http://beloostrov.ru/index4.html
Так что, не совсем Вы, но с Вашей помощью (оба случая jQ таки помогли слеганца) справился. Спасибо всем! Падонку - как знатоку дивов - отдельный респект
<style type="text/css">
.fuckin-ads {
width: 400px;
height: 300px;
padding: 10px;
position: fixed;
top: 50%;
margin-top: -110px;
left: 50%;
margin-left: -210px;
z-index: 999;
background-color: #ebacca;
}
.close {
color: red;
position: absolute;
top: 10px;
right: 10px;
z-index: 999;
}
</style>
Я его вставил в main.cssAlkeeper писал(а):А CSS часть я, видимо, в код шутки ради вставил — чисто потроллить.
Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 25