Центр пользователя  |  Ваши сообщения  |  FAQ
Форум поддержки phpBB » phpBB 3.0.x » Модификация phpBB 3.0.x » Моды на проверку

Всплывающая форма входа

Моды, которые пока не прошли проверку и не были добавлены в каталог.

Сообщение 28 фев 2012, 18:29

Народ, написал тут на днях html-ку, выводящею форму входа в модальное окно, вот она:

Код: выделить все
<html>
<head>
<style type="text/css">
div.modal{
   position:absolute;
   z-index:2;
   display:none;
   width:auto;
   height:auto;
   background-color:#323232;
   border: 3px double #484848;
   padding:5px;
}

#top{
   border-bottom: 1px solid #484848;
   color: #19c0db;
}

.bt1{
   font-size: 11px;
   color: white;
   font-family: Lucida Grande;
   font-style: normal;
   text-transform: none;
   text-decoration: none;
   background-color: #262626;
   border: 1px solid #1e1e1e;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
   text-align: center;
}
</style>
<script type="text/javascript">
var isIE = window.navigator.userAgent.indexOf("MSIE")>-1;
var GlassWindow=null;
var Dialog=null;
function ShowGlassWindow(show){
   if(GlassWindow==null){
      // на первом проходе создаем элемент - "полупрозрачный экран"
      GlassWindow=document.createElement('DIV');
      with(GlassWindow.style){
         display='none';
         position='absolute';
         height=0;   
         width=0;   
         zIndex=1;
         if(isIE){
            backgroundColor = '#FFFFFF';
            filter="progid:DXImageTransform.Microsoft.Alpha(Opacity=40, Style=0)";
         }
         else
            backgroundImage = 'url()';
      }
      document.body.appendChild(GlassWindow);
   }
   if(show){
      var s = getDocumentSize();
      with(GlassWindow.style){
         left = top = 0;
         width = s[0]+'px';
         height = s[1]+'px';
      }
   }
   GlassWindow.style.display=show?'block':'none';
}
function ShowModalWindow(show){
   ShowGlassWindow(show);
   if(Dialog==null) Dialog=document.getElementById('modal');
   if(show){
      var c = getClientCenter();
      Dialog.style.left = (c[0]-150)+'px';
      Dialog.style.top  = (c[1]-75)+'px';
      Dialog.style.display='block';
      Dialog.focus();
   }
   else
      Dialog.style.display='none';
}
function getDocumentSize(){
   return [document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth,
         document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight];
}
function getClientSize(){
   if(document.compatMode=='CSS1Compat'/* && !window.opera*/)
      return [document.documentElement.clientWidth, document.documentElement.clientHeight];
   else
      return [document.body.clientWidth, document.body.clientHeight];
}

function getDocumentScroll(){
   return [self.pageXOffset || (document.documentElement && document.documentElement.scrollLeft) || (document.body && document.body.scrollLeft),
       self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop)];
}

function getClientCenter(){
   var sizes = getClientSize();
   var scrl = getDocumentScroll();
   return [parseInt(sizes[0]/2)+scrl[0], parseInt(sizes[1]/2)+scrl[1]];
}
</script>
</head>
<body>
<input type="button" class="bt1" value="Вход" onclick="ShowModalWindow(true)">
<div class="modal" id="modal">
<div id="top" style="text-align: center; padding-bottom: 5px;">Авторизация пользователя</div>
<iframe frameborder="0" width="332px" height="200px" scrolling="no"
src="http://astana.gtaserv.ru/index.php?page=1"></iframe><br>
<p align="center" style="margin-top: -35px; margin-bottom: 5px; margin-left: 75px">
<input type="button" class="bt1" value="Отмена" onclick="ShowModalWindow(false)">
</p>
</div>
</body>
</html>


Вот только в php я то не селён, если не не трудно подскажите, как можно реализовать её в свой форум? Заранее благодарю!!!
skorpion97
Новичок
 
Сообщений: 1
Зарегистрирован:
28 фев 2012, 18:24
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Вернуться в Моды на проверку

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

Форум поддержки phpBB
2008 - 2017 © BB3x.ru - русская поддержка форума phpBB3
Создано на основе phpBB® Forum Software © phpBB Group
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама