VPF::Слайд - Форум программистов

WantedFan

Дата 21.7.2008, 18:33 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2008

Репутация: нет
Всего: нет

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

bars80080

Дата 21.7.2008, 19:54 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

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

если просто появляющийся, то делается просто:
форма кладётся в контейнер с параметром 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 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2008

Репутация: нет
Всего: нет

вот вообщем спер код

Цитата

<div align="right"><img src="/templates/m3-reborn/fastheme/f_author.gif" alt="войти" /> <a id="cursor-link" onclick="outerSlider.toggle(); return false;">Войти</a>   <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" />
 
Пароль

<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 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

WantedFan, Чем тырить непонятно откуда непонятно какие куски непонятно какого кода smile

, лучше воспользоваться готовыми решениями. Поиск в Гугле поднимет экспириенс "навык самостоятельного поиска ответа".
Вот, впрочем, еще одно решение

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »