Не нравятся результаты поиска? Попробуйте другой поиск!

Перенаправление


     18.01.2014    Ламерские вопросы    1232

вопрос
Есть сайт и меню где есть кнопка "Вход":
Перенаправление

и при нажите на эту кнопку открываеться диалоговое окно:
Перенаправление

но есть еще место где есть кнопка "Вход":
Перенаправление

Но при нажатия на эту кнопку открываеться ссылка на статистическую страницу входа (ранее созданную мной)
И так как сделать что бы при нажатие "Зеленой кнопки Вход" открывалось такое же диалоговое окно?
Заранее спасибо

Ответил: i_loves_ac_dc


Вставить код с login.tpl подправив стили на те что идут к зеленой кнопке.

Комментарии пользователей (5)

vitnet
218

2174 | 930

vitnet - 18 января 2014 11:34 - Эксперт

Повесьте на зеленую кнопку метод вызова из первой

Till
28

Till - 19 января 2014 00:35 - Юзер

Не получаеться, шаблон рушиться

Till
28

Till - 19 января 2014 01:38 - Юзер

[not-group=5]
<ul class="smenu" id="logline">
    <li class="">
        <a class="userbtn" href="{profile-link}">
           <b class="log-ava">
                <img src="{foto}"/>
            </b>
        </a>
        <ul style="display: none;">
            <li class="">
                <a href="{profile-link}">
                    Моя страница
                </a>
            </li>
            <li class="">
                <a href="{pm-link}">
                    Сообщения
                </a>
            </li>
            
            <li class="">
                <span class="thide tm-line">
                    ------------
                </span>
            </li>
            <li class="">
                <a href="{favorites-link}">
                    Мои закладки
                </a>
            </li>
            <li>
                <a href="{stats-link}">
                    Статистика сайта
                </a>
            </li>
            <li>
                <span class="thide tm-line">
                    ------------
                </span>
            </li>
            <li>
                <a href="{logout-link}">
                    Выход
                </a>
            </li>
        </ul>
    </li>
</ul>
[/not-group]
<center>[group=5]
        <form method="post" id="signin" action="">
            <div class="textbox">
                <div class="lfield">
                <label for="top_login">Логин:</label>
                <input title="Введите логин" placeholder="Введите логин" type="text" name="login_name" id="top_login" class="whitext"></div>
            </div>
            <div class="textbox">
                <div class="lfield">
                <label for="top_pass">Пароль:</label>
                <input title="Введите пароль" placeholder="Введите пароль" type="password" name="login_password" id="top_pass" class="whitext"></div>
            </div>
            <label for="top_pass">Пароль: (<a href="{lostpassword-link}">Забыли пароль?</a>)</label><br>
            
            <div class="remember">
                <input name="login" type="hidden" id="login" value="submit" />
                <button title="Войти" type="submit" class="btn_big">Войти</button>
                <input name="login" type="hidden" id="login" value="submit" />
            </div>
        </form>
    </div>
            </li>
            <li class="submit">
                <input name="login" type="hidden" id="login" value="submit" />
                <input class="btn" onclick="submit();" name="image" value="Войти" type="image" src="{THEME}/images/spacer.gif" />
            </li>
        </ul>

        </form>
    </div>
[/group]</center>

login.tpl

ychelovek33
3

184 | 33

ychelovek33 - 19 января 2014 10:21 - Юзер

в login.tpl:

    <script type="text/javascript">
$(document).ready(function(){
    $('#show').click(function(){
        $('#log_in').show('slow');
    });
});
</script>
[group=5]
<style>
#log_in {
position:absolute;
width:300px;
height:200px;
margin-left:-150px;
left:50%;
top:30%;
}
</style>
<div id="log_in">
<form id="login" method="post" action="">
           <input name="login" type="hidden" id="login" value="submit" />
  
    <input type="text" name="login_name" class="log" placeholder="Логин"><br>
        <input type="password" name="login_password" class="passs" placeholder="Пароль"><br>
       <button class="logi_n" style="" onclick="submit();" type="submit" title="Войти">Войти</button>
    <input type="buttom" style="text-align:center;" class="logi_n2" style=""  onclick="window.location='{registration-link}'" value="Регистрация" title="Регистрация">
              
        
    </form>
</div>
[/group]

Примерно так. Просто я не умею вызывать диалоговые окна dle в нужных мне случаях, поэтому я выкручиваюсь так

D0Gmatist
225

794 | 281

D0Gmatist - 19 января 2014 10:32 - Местный

<script type="text/javascript">
function PanelUrl() {
$(function(){
  $('#PanelWindows').dialog({
   draggable: true,
   autoOpen: true,
   show: 'fade', //slide,fade,zoom,blind
   hide: 'fade', //slide,fade,zoom,blind
   width: 300,
   buttons: {"Закрыть": function() {$( this ).dialog( "close" );}
      }
  });
});
}
</script>

<div onclick="PanelUrl()">Вход кнопка 1</div>
<div onclick="PanelUrl()">Вход кнопка 2</div>

<div id="PanelWindows" title="Вход" style="display:none;">форма авторизации</div>

Каждый программист знает - в правильном софте все должно быть прекрасно:
и пользовательский интерфейс, и программные решения, и гениальные ошибки!
Болтовня ничего не стоит. Покажите мне код.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы