Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Слайд


Автор: WantedFan 21.7.2008, 18:33
Привет всем.
В голову пришла идея реализовать маленький слайд на своём сайте только не знаю как.
Вообщем. Мне нужно что-бы при нажатии на ссылку,из под таблицы ниже выплывала форма.
Пример можно посматреть тут dni.lv
"Нажмите там на ссылку Логин"

Автор: bars80080 21.7.2008, 19:54
если тебе нужен именно "выплывающий" скрипт, то набирай эти слова в гугл и ищи готовый вариант

если просто появляющийся, то делается просто:
форма кладётся в контейнер с параметром display: none;
по нажатию некоторой кнопки этот параметр меняется на block;
Код

<style>
#hid { display: none; }
</style>
<script>
function show_hid() {
var el = document.getElementById('hid').display = 'block';
}
</script>
<div id="hid">
<form>
...
</form>
</div>
<input type="button" onclick="show_hid();" value="push" />

Автор: WantedFan 22.7.2008, 00:06
вот вообщем спер код

Цитата

<div align="right"><img src="/templates/m3-reborn/fastheme/f_author.gif" alt="войти" /> <a id="cursor-link" onclick="outerSlider.toggle(); return false;">Войти</a> &nbsp; <a href="/?do=register">Зарегистрироваться</a> <img width="8" height="8" src="/templates/m3-reborn/fastheme/f_arrow.png" /></div>
</div>
<div id="user_panel" style="text-align:right">
<div style="padding:10px;">
<form method="post" onsubmit="javascript:showBusyLayer()" action="">
Ваш логин <input style="width:100px;" type="text" name="login_name" size="20" /> 
&nbsp; 
Пароль 

<input style="width:100px;" type="password" name="login_password" size="20" />
<input type="submit" onclick="submit();" class="button" value=" Вход " />
<br />
<a class="green" href="/forgotpassword.html">Забыли пароль</a> <img src="/templates/m3-reborn/fastheme/f_help.png">
<input name="login" type="hidden" id="login" value="submit" />
</form>
</div>


<script type="text/javascript">
var outerSlider = new Fx.Slide('user_panel', {duration: 700, transition: Fx.Transitions.quadOut});
outerSlider.hide();
</script>



Как его сделать работоспособным ?

Автор: ksnk 22.7.2008, 08:13
WantedFan, Чем тырить непонятно откуда непонятно какие куски непонятно какого кода smile, лучше воспользоваться готовыми решениями. Поиск в Гугле поднимет экспириенс "навык самостоятельного поиска ответа".
Вот, впрочем,  еще одно http://docs.jquery.com/Effects/slideToggle#speedcallback

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)