АРМАДА
Как добавить на страницу html-код по JS-событию onMouseMove?
Новая тема Написать ответ Advanced Hosters - профессиональный хостинг

Yabuti
V.I.P.
Зарегистрирован: 28.11.2008
Сообщений: 16263
Contest (Сумма: 2)
Обратиться по нику
# Добавлено:Вс Окт 28, 2012 9:16 pmДобавить в избранноеОтветить с цитатой
Всем привет!
Есть страница, на ней есть div с текстом.
Нужно при событии onMouseMove (страница загрузилась - человек двинул мышкой) - чтобы на страницу добавился еще один div, который перекроет нужный нам div с текстом.

Вот страница:
Код:
<html>
<body>

<div style="position: absolute; top: 0px; left: 0px;background-color:red;width:1000px;height:200px;">
тут текст
<div style="position: absolute; top: 0px; left: 0px;padding-top:0px;background-color:gray;width:1000px;height:200px;"><img src="banner.jpg" width=1000 height=200></div>
</div>

</body>
</html>



Если я правильно понимаю, нужно что-то вроде:
<body onMouseOver="javascript:ADD_TO_PAGE:('<div style="position: absolute; top: 0px; left: 0px;padding-top:0px;background-color:gray;width:1000px;height:200px;"><img src="banner.jpg" width=1000 height=200></div>');'">
, чтобы при загрузке страницы она сам добавлял код на страницу.

Подскажите, как лучше сделать.
Заранее спасибо! Drinks or Beer
Ксен ВПС и выделенные серверы от PQCService.net с бесплатным администрированием в 7 локациях, icq: 87244588
--

Yabuti
V.I.P.
Зарегистрирован: 28.11.2008
Сообщений: 16263
Contest (Сумма: 2)
Обратиться по нику
# Добавлено:Вс Окт 28, 2012 9:37 pmОтветить с цитатой
Делаю так:

Код:
<html>
<head>
<script>
function showmenu1(){
popupmenu.innerHTML='<div style="position: relative; top: 200px; left: 0px;padding-top:0px;background-color:gray;width:280px;height:100px;"><img src="banner.jpg" width=280 height=100></div>';
}
</script>
</head>
<body  onMouseMove="showmenu1();">

<div  id=popupmenu style="background-color:green;width:300px;height:280px;margin:200px 150px 0 0;">
123</div>
</body>
</html>



При любом движении по странице - в div't popup появляется картинка поверх него.
Но сам текст из div'а исчезает (заменяется на новый).

Как сделать, чтобы и старый текст остался, и картинка наложилась поверх?

Спасибо! Drinks or Beer
Ксен ВПС и выделенные серверы от PQCService.net с бесплатным администрированием в 7 локациях, icq: 87244588
--

Codd
Опытный
Зарегистрирован: 13.01.2011
Сообщений: 186
Обратиться по нику
# Добавлено:Пн Окт 29, 2012 4:31 pmОтветить с цитатой
Код:
function showmenu1(){
            popupmenu.innerHTML+='<div style="position: relative; top: 200px; left: 0px;padding-top:0px;background-color:gray;width:280px;height:100px;"><img src="banner.jpg" width=280 height=100></div>';
            showmenu1 = function(){};
        }


Yabuti
V.I.P.
Зарегистрирован: 28.11.2008
Сообщений: 16263
Contest (Сумма: 2)
Обратиться по нику
# Добавлено:Пн Окт 29, 2012 4:49 pmОтветить с цитатой
Codd, большое спасибо! :thup:
Отлично работает! Yahoo!
Ксен ВПС и выделенные серверы от PQCService.net с бесплатным администрированием в 7 локациях, icq: 87244588
--
Новая тема Написать ответ    ГЛАВНАЯ ~ ТЕХНИЧЕСКИЕ ВОПРОСЫ

Перейти:  





Генеральный спонсор



Партнеры