Jump to content

Search the Community

Showing results for tags 'modal'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Development
    • HTML Coding
    • JavaScript
    • PHP
    • CMS
    • Database
    • Web Server
    • Web-site Development
    • Internet Marketing, SEO
  • Library
    • Tricks and solutions
    • Books
  • Commercial services
    • Freelance
    • Job
    • Goods and Services
  • Our Forum
    • Flame
    • Contests
    • Feedback and Ideas

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


Telegram


Signal


Viber


Skype


From


Interests

Found 9 results

  1. Бесплатный VPN - FineVPN.org  |  Telegram бот c бесплатным VPN - @FineVPNbot
    Без ограничений по скорости, трафику и времени. Совершенно бесплатный и безлимитный.

  2. Есть сайт на бутстрапе. Нужно реализовать такой интерфейс с модальными окнами чтобы окон могло быть сколько угодно чтобы при закрытии текущего окна можно было вернуться к предыдущему и обновить его содержимое через ajax. Хватит ли на такое стандартного бутстрапа или надорасширение искать? Можно ли сделать jquery ui окна адаптивными?
  3. Доброго времени суток, помогите сообразить конструкцию. Есть ссылки, например: <a href="one.html" target="modal">link 1</a> <a href="two.html" target="modal">link 2</a> <a href="three.html" target="modal">link 3</a> И сам фрейм: <iframe name="modal" src="0" id="modalfrm"></iframe> Как по нажатию на ссылку открыть во фрейме ее href="" (при этом оставаться на этой же странице) я сообразил. Не могу сделать модальное окно с фрейма используя только css Есть варианты? Хотелось бы увидеть ваш подход к этому делу. Нашел один из способов сделать модальное окно "CSS Only" Ссылка открывающая модальное окно: <a rel="nofollow" title="позвонить" href="#target-content" class="icon icon-phone"></a> Само модальное окно: <div id="target-content"> <a href="#" class="close"></a> <div id="target-inner"> <h2>Тыры пыры трале вале, я модальное окно</h2> </div> </div> И его CSS код: #target-content { position: fixed; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; opacity: 0; transition: 0.5s; z-index: 999; } #target-content:target { pointer-events: all; opacity: 1; } #target-content #target-inner { position: absolute; display: block; padding: 12px; line-height: 1.8; width: 70%; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2); background: white; color: #34495E; } #target-content a.close { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: black; opacity: 0.8; -webkit-transition: opacity 200ms; transition: opacity 200ms; } #target-content a.close:hover { opacity: 0.4; } Но вот незадача, атрибут target="" уже занят открытием модального окна, как же мне тогда во фрейм загрузить страницу указанную в атрибуте href="" ?
  4. Всем привет! Думаю, вопрос простой, но не для меня, второй день копаюсь.. Есть модальное окно (div), оно запускается, всё хорошо. в нём есть кнопка: <button type="submit" class="btn-3" onclick="sendzakaz();"><span>Заказать</span></button> <script> function sendzakaz() { $.ajax ( { type: 'POST', url: './mail.php', data: 'name='+document.getElementById('clientname').value+'&phone='+document.getElementById('clientphone').value, cache: false, timeout: 2000, } ); } </script> Это всё отрабатывает, но мне нужно, чтобы по нажатии на "Заказать" после исполнения sendzakaz() открывалось ещё одно модальное окно: <div id="msg" class="modal-win modal-msg"> <a href="" onclick="exit_modal(); return false;" class="close"></a> <div class="inner"> <img src="img/accept-img.png" tppabs="http://xxx.ru/img/accept-img.png" alt=""> <h2><span>ЗАЯВКА ПРИНЯТА</span></h2> <p>Мы скоро Вам перезвоним <br><small>Пожалуйста, включите <br>Ваш мобильный телефон.</small></p> </div> </div> Помогите, пожалуйста!
  5. Доброго времени суток! Помогите решить задачку следующего характера: имеется код открытия модального окна - http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&stacked=h пример так же ниже указан: <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>Modal Example</h2> <!-- Trigger the modal with a button --> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p>Some text in the modal.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </body> </html> необходимо, чтобы при попытке пользователем закрыть вкладку страницы, т.е. при нахождении курсора скажем в 5px от кнопки закрытия вкладки запускалось модальное окно с контентом., при этом, чтобы не каждый раз оно запускалось, а один раз для каждого нового пользователя (тут дело с куки связано) пример встречал, но не получается мне новичку привязать к скрипту нужное мне модальное окно )) вот собственно пример: пример скрипта открытия модального окна при попытке уйти со страницы сайта взят отсюда - http://dimox.name/popup-window-on-first-web-site-visit (function($) { $(function() { // Проверим, есть ли запись в куках о посещении посетителя // Если запись есть - ничего не делаем if (!$.cookie('was')) { // Покажем всплывающее окно $('#boxUserFirstInfo').arcticmodal({ closeOnOverlayClick: false, closeOnEsc: true }); } // Запомним в куках, что посетитель к нам уже заходил $.cookie('was', true, { expires: 365, path: '/' }); }) })(jQuery) не получается приспособить данный скрипт для открытия такого модального окна.. помогите неучу? )) буду благодарен за помощь!
  6. При вызове модального окна, прокрутка на странице блокируется и элементы немного смещаются в сторону (наверное из-за того, что прокрутка исчезает). Мне надо, чтобы скроллинг на основной странице работал, но в стилях не могу разобраться уже час как. Может у кого-то была такая проблема? Пример простой страницы с модальным окном. До После На песочнице не получается подключить файлы бутстрапа, поэтому выложу архив с страницей приведенной на скриншоте. https://yadi.sk/d/CPBzvMDjnyRgd
  7. Здравствуйте. Случилась проблема - плохо открывается модальное окно http://top-matras.ru/- при нажатии на " Заказать обратный звонок" Было всё неплохо, потом кто-то там хозяйничал, всё сломал. А я устала куда смотреть, не могу найти! Спасибо.
  8. Доброго времени суток. Есть у меня вот такое простое модальное окошко http://blog.avtex.com/2012/01/26/cross-browser-css-only-modal-box/ Может знает/ умеет кто как сделать его адаптивным к высоте? Т.е. если браузер уже, чем модальное окно, то появляется скролл, внутри окна. Или может есть у кого примеры, готовых решений? Не хочется просто вставлять еще один громоздкий скрипт для всего одного модального окошка. Реализации на чисто css я тоже видел, но надо чтобы в IE8, ну и IE7 от части, работало. К сайту подключена fancybox, но почему то модальное окошко, через него на мобилках открывается с глубоким запозданием, хотя те же картинки или видел, нормально.
  9. Привет всем. Такая проблема. Делаю кастом селекты с помощью customSelect. Все отлично работает. Но есть форма с селектами во всплывающем (в модальном) окне. Вот там оно работать не хочет. Причина как выяснилось что скрипт должен определять ширину контейнера (элемента заменяющего стандартный селект) - так вот в модальном окне она = 0px. Пробовал другой скрипт для кастом селект - такая же хрень. Кто сталкивался или какие есть идеи - говорите. Буду благодарен за любую инфу по теме. Модальные окна делаю с помощью arcticmodal
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy