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

Тема в разделе "JavaScript", создана пользователем nizulko, 3 май 2012.

Модераторы: ZiX
  1. nizulko

    nizulko

    Регистр.:
    5 ноя 2007
    Сообщения:
    164
    Симпатии:
    15
    Коллеги, есть скрипт

    Но мне необходимо добавить под кнопкой "Contact" кнопку "Close" (что бы панель закрывалась полностью - ее не было).

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

    HTML:
    <form>
    <a href="#" onClick="javascript:exit()">
    </form>
     
    <script>
    function exit(){
    close();
    }
    </script>
    Не могу разобраться никак. Должно быть все очень несложно, но не пойму...
     
  2. registered

    registered Создатель

    Регистр.:
    13 апр 2012
    Сообщения:
    45
    Симпатии:
    4
    в голове:
    Код:
    <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 нравится это.
  3. nizulko

    nizulko

    Регистр.:
    5 ноя 2007
    Сообщения:
    164
    Симпатии:
    15
    Не соображу, как подключить это в скрипт.
     
  4. registered

    registered Создатель

    Регистр.:
    13 апр 2012
    Сообщения:
    45
    Симпатии:
    4
    не соображу, чего ты не можешь сообразить:
    это в секции 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>
    
     
    nizulko нравится это.
  5. nizulko

    nizulko

    Регистр.:
    5 ноя 2007
    Сообщения:
    164
    Симпатии:
    15
    Я, наверное, не правильно объясняю. Креплю скрин.
     

    Вложения:

    • 111.png
      111.png
      Размер файла:
      7,2 КБ
      Просмотров:
      8
  6. registered

    registered Создатель

    Регистр.:
    13 апр 2012
    Сообщения:
    45
    Симпатии:
    4
    это уже проблематично...
    придётся сам скрипт пилить
    и ты, небось, хочешь, чтобы после нажатия этой кнопки он и на других страницах перестал показываться...
    в общем, я думаю, проще будет заново этот скрипт написать.
     
  7. nizulko

    nizulko

    Регистр.:
    5 ноя 2007
    Сообщения:
    164
    Симпатии:
    15
    Нет, только на конкретной. Открылась страница, нарисовался скрипт, далее не хочу его видеть - мешает он мне, щелкнул на крестики и его нет.
     
  8. registered

    registered Создатель

    Регистр.:
    13 апр 2012
    Сообщения:
    45
    Симпатии:
    4
    напряжно...
    я сейчас сам хочу этот скрипт переписать.
    если что получится, может поделюсь...
     
  9. nizulko

    nizulko

    Регистр.:
    5 ноя 2007
    Сообщения:
    164
    Симпатии:
    15
    Напряжно? Жаль, может есть аналогичная готовая конструкция. "Будем искать..." (с)
     
  10. Andipas

    Andipas Постоялец

    Регистр.:
    5 дек 2007
    Сообщения:
    130
    Симпатии:
    92
    Сужу по исходному коду страницы.
    после
    <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>
     
    nizulko нравится это.