tabSlideOut jQuery и кнопка "Закрыть"

nizulko

nizulko

Полезный
Регистрация
5 Ноя 2007
Сообщения
170
Реакции
17
Коллеги, есть скрипт
Для просмотра ссылки Войди или Зарегистрируйся
Но мне необходимо добавить под кнопкой "Contact" кнопку "Close" (что бы панель закрывалась полностью - ее не было).

Хотел приспособить эту реализацию:

HTML: 
<form>
<a href="#" onClick="javascript:exit()">
</form>
 
<script>
function exit(){
close();
}
</script>

Не могу разобраться никак. Должно быть все очень несложно, но не пойму...
 
в голове:
Код: 
<script type="text/javascript">
    function closeSlide(){
        slideMsg = document.getElementById("consult_message");
        slideMsg.style.visibility = "hidden";
    }
</script>
исходим из того, что поповер слой с формой имеет
HTML: 
id="consult_message"
в форме:
HTML: 
<input class="custom_form" type="button" value="Закрыть" onClick="closeSlide()">
 
registered написал(а):
в голове:
Код: 
<script type="text/javascript">
    function closeSlide(){
        slideMsg = document.getElementById("consult_message");
        slideMsg.style.visibility = "hidden";
    }
</script>
исходим из того, что поповер слой с формой имеет
HTML: 
id="consult_message"
в форме:
HTML: 
<input class="custom_form" type="button" value="Закрыть" onClick="closeSlide()">
Нажмите для раскрытия...
Не соображу, как подключить это в скрипт.
 
nizulko написал(а):
Не соображу, как подключить это в скрипт.
Нажмите для раскрытия...
не соображу, чего ты не можешь сообразить:
это в секции head
HTML: 
<head>
.
.
.
<script type="text/javascript">
    function closeSlide(){
        slideMsg = document.getElementById("здесь id твоего слоя поповер, на котором размещена форма, в моём случае - consult_message");
        slideMsg.style.visibility = "hidden";
    }
</script>
.
.
.
</head>
а это - в секции body
HTML: 
<body>
.
.
.
<div class="slide-out-div" id="consult_message">
<form name="form_contact">
.
.
.
<input class="custom_form" type="button" value="Закрыть" onClick="closeSlide()">
</form>
</div>
</body>
 
Я, наверное, не правильно объясняю. Креплю скрин.
 

Вложения

  • 111.png
    111.png
    7,2 KB · Просмотры: 8
это уже проблематично...
придётся сам скрипт пилить
и ты, небось, хочешь, чтобы после нажатия этой кнопки он и на других страницах перестал показываться...
в общем, я думаю, проще будет заново этот скрипт написать.
 
registered написал(а):
это уже проблематично...
придётся сам скрипт пилить
и ты, небось, хочешь, чтобы после нажатия этой кнопки он и на других страницах перестал показываться...
в общем, я думаю, проще будет заново этот скрипт написать.
Нажмите для раскрытия...
Нет, только на конкретной. Открылась страница, нарисовался скрипт, далее не хочу его видеть - мешает он мне, щелкнул на крестики и его нет.
 
напряжно...
я сейчас сам хочу этот скрипт переписать.
если что получится, может поделюсь...
 
registered написал(а):
напряжно...
я сейчас сам хочу этот скрипт переписать.
если что получится, может поделюсь...
Нажмите для раскрытия...
Напряжно? Жаль, может есть аналогичная готовая конструкция. "Будем искать..." (с)
 
Сужу по исходному коду страницы.
после
<div class="slide-out-div" ...>
...
</div>

вставьте:
<div id="close-slide-out-div" style="cursor: pointer; position: absolute; left: 0; top: 330px;">Close</div>
и
<script>
$(document).ready(function() {
$("#close-slide-out-div").click(function() {$(".slide-out-div").hide()});
});
</script>
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху