![](https://htmlforum.dev/uploads/set_resources_18/84c1e40ea0e759e3f1505eb1788ddf3c_pattern.png)
Jaguar™
-
Posts
6 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Jaguar™
-
-
Здравствуйте! У меня есть функция, использующая Аякс) В ней (как известно) есть еще одна функция, которая проверяет, не получен ли ответ от сервера.
Вот выдрал кусок кода:
functions: {
open: function (link) {
var exit;
if( xmlHttp ) {
xmlHttp.open('get', 'test.js?id='+Math.floor(Math.random()*6000));
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4) {
exit = xmlHttp.responseText;
}
};
xmlHttp.send(null);
return exit;
}
}
}
}Мне нужно, чтобы функция open возвращала результат запроса. Все кажется легко, но есть 1 загвоздка:
Аякс работает не моментально и пока он открывает файл, скрипт проноситься мимо return'a. Переменная exit оказывается пуста. А вот что дальше она изменилась интерпретатора совершенно не волнует)
Делать таймер (на 50-100 мсек не выход =)
-
Ок спасибо) Будем ковырять))
Все получилоооось =) Спасибо
-
Убераю абсолют, вот что выходит:
#body {
width: 862px;
/*position: absolute;
left: 50%;
margin-left: -431px; */
border-radius: 59px 59px 25px 25px;
background: url(/templates/anime/images/top.png) no-repeat;
background-color: black;
min-height: 524px;
z-index: 20;
/*margin-top: 6px;
padding-bottom: 10px;*/ -
Можно сделать два блока, один будет белого 50% прозрачного цвета, с углами закруглёнными, и паддингами, а второй будет вложен в него, он и будет сайтом
Также и сделано...
<div id="bodyborder"><div id="body">
-
Здравствуйте! Я разрабатываю сайт, но у меня появилась проблема:
Блок, который выполняет функцию рамки (если кто подскажет, как сделать рамку в 6px белого цвета с 50% прозрачности, то вопрос решен) не хочет правильно функционировать. Как было задано min-height, так он и остается... Не масштабируется В общем. Причем похожие стили были у блока body, но он масштабируется прекрасно. Вот небольшой листинг HTML кода:
<html>
<head>
<link rel="stylesheet" href="templates/anime/css/style.css" type="text/css">
<title>ONSaL - Новостной портал</title>
</head>
<body id="background">
<div id="bodyborder"><div id="body">
<div id="menu"><div id="home"><b>Главная</b></div><div id="categories"><b>Категории</b></div><div id="styles"><b>Стили</b></div><div id="about"><b>О сайте</b></div><div id="donate"><b>Помочь</b></div></div>
<div id="clear01"> _ </div>
<div id="bodytextarea">123<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
</div>
</div>
</body>
</html>А вот листинг CSS
@font-face {
font-family: menu;
src: url(/templates/anime/fonts/search.otf);
}
#background {
background: url(/templates/anime/images/background.png);
}
#body {
width: 862px;
position: absolute;
left: 50%;
margin-left: -431px;
border-radius: 59 59 25 25;
background: url(/templates/anime/images/top.png) no-repeat;
background-color: black;
min-height: 524px;
z-index: 2;
margin-top: 6px;
padding-bottom: 10px;
}
#bodyborder {
width: 874px;
position: absolute;
left: 50%;
margin-left: -437px;
border-radius: 59 59 25 25;
background: url(/templates/anime/images/bodyborder.png);
min-height: 536px;
z-index: 1;
top: 3px;
}
#menu {
margin-top: 257px;
width: 862px;
height: 82px;
background-color: white;
list-style: none;
}
#menu #home {
width: 151px;
height: 82px;
background: url(/templates/anime/images/menu.png) 0px 82px repeat-y;
background-position: 0px 82px;
}
#menu #home:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: 0px 0px;
}
#menu #categories {
width: 170px;
height: 82px;
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -151px 82px;
}
#menu #categories:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -151px 0px;
}
#menu #styles {
width: 170px;
height: 82px;
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -321px 82px;
}
#menu #styles:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -321px 0px;
}
#menu #about {
width: 170px;
height: 82px;
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -491px 82px;
}
#menu #about:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -491px 0px;
}
#menu #donate {
width: 201px;
height: 82px;
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -661px 82px;
}
#menu #donate:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -661px 0px;
}
#menu #donate, #menu #about, #menu #styles, #menu #categories, #menu #home {
float: left;
font: 32pt menu;
text-align: center;
}
#menu b {
position: relative;
top: 15px;
cursor: default;
}
#clear01 {
background-color: #dcdad4;
opacity: 0;
}
#bodytextarea {
background-color: #dcdad4;
margin-left: 10px;
margin-right: 10px;
border-radius: 59 59 25 25;
}Как сделать, чтобы рамка растягивалась под размер блока?
return' =)
in JavaScript
Posted · Edited by Jaguar™
В том то и фокус) Это мод. Объявлять новые переменные я не могу. Тем более глобальные![;)](https://htmlforum.dev/uploads/emoticons/default_wink.png)
s0rr0w, Спасибо
Осталась проблема: Срабатывает только со 2 раза (в 1 раз присваивает переменной значение, а во 2 считывает его...)