Вопрос как закрыть окно?

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем art22, 05.09.2017.

  1. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    47
    Симпатии:
    0
    Пол:
    Мужской
    Нужно чтобы при нажатии на ссылку, закрылся окно, до момента пока пользователь не покинет сайт.

    делал так <a data-dismiss="alert" class="1">закрыть</a> но при обновлении окно опять показывается.

    Код (html):
    1. <div class="1">ошибка
    2.   <a href="#" >закрыть</a>
    3. </div>
     
    Последнее редактирование: 05.09.2017
  2.  
  3. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 946
    Симпатии:
    168
    Пол:
    Мужской
    2 вопроса:
    • при чём тут Joomla?
    • шаблон на Bootstrap?
     
  4. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    47
    Симпатии:
    0
    Пол:
    Мужской
    притом что в нем есть встроенные стили и т. п. с помощью которого можно закрыть окно просто указать нужные значения типо data-dismiss="alert"

    нет
     
  5. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 946
    Симпатии:
    168
    Пол:
    Мужской
    Предлагаешь подключить JavaScript из папки jui для реализации закрытия окошка?)))))
    Сделай просто через JS шаблона своего:

    Код (html):
    1. <div class="modalBlock">
    2.     <div class="modalClose">x</div>
    3.     <div class="modalBody">...</div>
    4. </div>


    Код (javascript):
    1. $(document).ready(function() {
    2.     var modalBlock = $(".modalBlock");
    3.     var modalClose = $(".modalClose");
    4.     modalClose.click(function() {
    5.         $(this).parent().fadeOut();
    6.     });
    7. });


    Код (css):
    1. .modalClose {
    2.     ...
    3.     cursor: pointer;
    4.     ...
    5. }
     
  6. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    47
    Симпатии:
    0
    Пол:
    Мужской
    не работает что то
     
  7. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 946
    Симпатии:
    168
    Пол:
    Мужской
    Что говорит консоль?
     
  8. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    47
    Симпатии:
    0
    Пол:
    Мужской
    1.html:14 Uncaught ReferenceError: $ is not defined at 1.html:14
    Для теста сделал в отдельном файле ничего не менял

    Код (PHP):
    1. <!DOCTYPE html>
    2. <html>
    3.  <head>
    4.   <meta charset="utf-8">
    5.   <title>111</title>
    6.  
    7. <style>
    8. .modalClose {
    9.  cursor: pointer;}
    10.  
    11. </style>
    12.   <script type="text/javascript">
    13.  $(document).ready(function() {
    14.     var modalBlock = $(".modalBlock");
    15.     var modalClose = $(".modalClose");
    16.     modalClose.click(function() {
    17.         $(this).parent().fadeOut();
    18.     });
    19. });
    20. </script>
    21.  
    22.  </head>
    23.  <body>
    24.  
    25. <div class="modalBlock">
    26.     <div class="modalClose">x</div>
    27.     <div class="modalBody">привееееттт</div>
    28. </div>
    29.  
    30.  
    31. </body>
    32. </html>
     
  9. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 946
    Симпатии:
    168
    Пол:
    Мужской
    А где jQuery то? :)
    Я подразумевал, что ты будешь делать сразу в шаблоне с подключённым по-умолчанию jQuery (jdoc include head).
    Добавь тогда штоль в <head>:
    Код (html):
    1. <script type="https://code.jquery.com/jquery-3.2.1.min.js"></script>
     
  10. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    47
    Симпатии:
    0
    Пол:
    Мужской
    jquery не помог(( так же нажимаю ничего не происходит
     
  11. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 946
    Симпатии:
    168
    Пол:
    Мужской
    Всё работает, проверено:
    https://jsfiddle.net/8rxbr07q/1/

    Смотри внимательнее. Ты же нажал Ctrl+F5 и проблема не в кэше, да?
     
  12. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    47
    Симпатии:
    0
    Пол:
    Мужской
    кэш в норме, не знаю почему не работает, даже в отдельном файле не работает.

    работает данный код

    Код (javascript):
    1. function idd(id) { return document.getElementById(id); }
    2. function zakr(id) { idd(id).style.display='none'; }


    <a href="javascript: zakr('1');">закрыть</a>

    но он не сохраняет данный, при обновлении окно опять выскакивает.


    не знал что это такая проблема(
     
  13. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 946
    Симпатии:
    168
    Пол:
    Мужской
    Всё может вылиться в большую проблему при отсутствии знаний в какой-то области :)
    Ещё раз: что говорит консоль браузера при загрузке страницы и при клике на кнопку закрытия?

    То есть, ты собираешься вписывать кусок джаваскрипта в каждый блок с html-кодом, где нужно будет закрытие окна?
     
  14. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    47
    Симпатии:
    0
    Пол:
    Мужской
    по этому к профи обратился я то seo спец)
     

Поделиться этой страницей

Загрузка...