Всплывающие окна в анкете

Перейти вниз

Всплывающие окна в анкете

Сообщение  Admin в Пн Ноя 01, 2010 10:39 pm

Открываем: Админка — Люди — Анкета — HTML-код анкеты
В нужное место добавляем:

Код HTML:
<style>
#about { display: none; overflow: auto; background: #fefeff; border: solid 1px #000080; padding: 10px; width: 500px; height: 250px }
#about table { color: #000080 }
</style>
..:: <a id=show_about>Хелп</a> ::..
<script type="text/javascript">
ABOUT_HTML = "<table cellpadding=0 cellspacing=1 width=100% height=100%>\r\n<tr><td align=center>Привет!<hr></tr>\r\n<tr><td>Тут всякая фигня</td></tr>\r\n<tr><td align=center height=100% style="vertical-align: bottom"><hr><a id=about_close href=>закрыть</a></tr>\r\n</table>"
function showAbout ( e ) {
if (getEl ("about"))
show ("about")
else if (show ("wait"))
aboutCreate()
stopEvent (e || event)
return false
}
function aboutCreate() {
hide ()
var div = document.createElement ("DIV")
div.id = "about"
div.innerHTML = ABOUT_HTML
forminfo.appendChild (div)
show("about")
elem = getEl("about_close")
elem.onclick = hide
}
var elem = document.getElementById("show_about")
elem.onclick = showAbout
</script>CSS cтиль и HTML внутренность по-вкусу.
Если нужны еще порции, то повторить, исправив везде «about» на что-нибудь другое.
avatar
Admin
Admin
Admin

Сообщения : 80
Очки : 291
Дата регистрации : 2010-08-21
Возраст : 31

Посмотреть профиль http://forum-august4u.forumy2x2.ru

Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения