Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.81/16: Рейтинг темы: голосов - 16, средняя оценка - 4.81
alex45rus

Однократное появление div окна при загрузке страницы

05.03.2011, 13:28. Показов 3058. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день)
Прошу помочь мне с таким вопросом: Есть главная страница сайта на которой реализован javascript код. Этот код выводит div окно с красивым эффектом только один раз. Тоесть при перезагрузки страницы окно уже не появляется и ни кому не мешает. В Div-е располагается небольшая инструкция по использованию моего сайта для посетителей. Здесь меня всё устраивает.
Так как пользователи частенько закрывают это окно, я разместил на странице сайта кнопку, при нажатии которой, Div окно выводиться еще раз. Вообщем если пользователь нуждается прочитать еще раз подсказку, он нажимает кнопку и появляется это окно.
Вот с этим то у меня как раз проблемы. При нажатии кнопки окно не появляется. Помогите пожалуйста))))

Код появления Div-a и сам Div (работает):
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<script>
 
var ie=document.all
var dom=document.getElementById
var ns4=document.layers
var calunits=document.layers? "" : "px"
 
var bouncelimit=32 //(must be divisible by 8)
var direction="up"
 
function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossobj.top=scroll_top-250+calunits
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}
function dropin(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top=parseInt(crossobj.top)+40+calunits
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}
function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}
function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}
function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function dropornot(){
if (get_cookie("droppedin")==""){
window.onload=initbox
document.cookie="droppedin=yes"
}
}
dropornot()
</script>
 
<div id="dropin" style="position:absolute;visibility:hidden;left:400px;top:300px;width:230px;height:230px;background-color:#EBEBEB"> Здесь находится текст сообщения, картинки и ссылки
</div>
Код кнопки (не работает):
HTML5
1
<div><a href="#" onclick="document.getElementById('dropin').style.display='block'" /><img src="https://www.cyberforum.ru/images/apply_f2.png" width="30" height="30" /></a></div>
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
05.03.2011, 13:28
Ответы с готовыми решениями:

Загружать div JS при загрузке страницы
Подскажите, пожалуйста, как на &lt;body onload=&gt; повешать событие на запуск дива типа &lt;div id=&quot;modal&quot;&gt;&lt;/div&gt;?

Появление div при прокрутке страницы вверх
Привет. Собственно есть сайт http://worldoftanks.ru, там при прокрутке страницы вверх, вылезает главное меню, а при прокрутке вниз...

Сделать плавное появление картинки при загрузке страницы
есть две картинки нужно чтобы при загрузке страницы они в течении 5 секунда появились, поможете с кодом, а то видел много примеров но так...

1
Особый статус
 Аватар для Proffessional
743 / 145 / 6
Регистрация: 16.07.2009
Сообщений: 2,185
Записей в блоге: 1
05.03.2011, 17:26
Сложновато... Может сделать переменную типа isCloced=true/false и проверять её значение, тогда, если она true идёт выполнение open, а если false, по close.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
05.03.2011, 17:26
Помогаю со студенческими работами здесь

По какой причине могут двигаться div при загрузке страницы?
Сайт: kvadrat-crimea.ru/katalog-nedvizhimosti Верстка горизонтального слайдера (Блок &quot;Выгодные предложения&quot;) разваливается при...

Тормоза в Internet Explorer при загрузке страницы с множеством div'ов
Пишу на MVC При отладке большие страницы (3000 строк) заставляют браузер вылетать Страница обновляется, после чего тупняк на пару...

Открытие модального окна не по кнопке а при загрузке страницы
Как сделать так чтобы открытие модального окна было не по нажатию кнопке, а при загрузке страницы? Раздел портфолио:...

При увеличении страницы, или уменьшении окна браузера, div блоки съезжают в право
Помогите пожалуйста, при увеличении страницы, или уменьшении окна браузера, div блоки съезжают в право. Но съезжают они, только когда...

При загрузке страницы в div появляется отступ и непонятный тег <tbody></tbody>
Всем привет! Помогите пожалуйста, не знаю уже как избавиться от этой нечести! Проблема такая, есть div: &lt;div...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru