Jump to content

ellato44

Newbie
  • Posts

    13
  • Joined

  • Last visited

Everything posted by ellato44

  1. Николя, добрый день!
    Помогите пожалуйста разобраться с этой задачкой? -

     

    1. Show previous comments  3 more
    2. ellato44

      ellato44

      так модальное окно в bootstrap закрывается очень легко, не блокирует ничего, при клике на любом месте экрана закрывается

    3. Николя223

      Николя223

      В том то и дело, что не блокирует

    4. ellato44

      ellato44

      ясно, благодарю

  2. Доброго времени суток! Помогите решить задачку следующего характера: имеется код открытия модального окна - 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) не получается приспособить данный скрипт для открытия такого модального окна.. помогите неучу? )) буду благодарен за помощь!
  3. Николя, скажи пожалуйста, а как можно поступить в этом примере http://jsfiddle.net/f5bfa6sj/3/чтобы добиться результата, как в этом примере http://jsfiddle.net/8k5wzu5r/9/ с появлением скрытых блоков в одном месте, только справа от меню при нажатии на ссылки. Делаю help один для своего проекта, не хочется делать его из нескольких страниц, а хочется по указанному принципу вместить все на одной страничке.. пока мои знания JS никакие вообще, к сожалению, а частенько все упирается именно в эту область.. )) помогите пожалуйста? буду очень благодарен! Вроде нашел ответ здесь на форуме )) как вариант интересно и просто - http://jsfiddle.net/uvCh6/153/
  4. Николя, скажи пожалуйста, а как можно поступить в этом примере http://jsfiddle.net/f5bfa6sj/3/чтобы добиться результата, как в этом примере http://jsfiddle.net/8k5wzu5r/9/ с появлением скрытых блоков в одном месте, только справа от меню при нажатии на ссылки. Делаю help один для своего проекта, не хочется делать его из нескольких страниц, а хочется по указанному принципу вместить все на одной страничке.. пока мои знания JS никакие вообще, к сожалению, а частенько все упирается именно в эту область.. )) помогите пожалуйста? буду очень благодарен!
  5. спасибо за разъяснение! да, я новичок в этом деле.. вопрос уже решен
  6. Николя, для меня это верх всего ))) я бы к Вам в ученики с удовольствием записался, прям мечта получить хорошие знания по JS ))) Спасибо большое! действительно работает все!
  7. поменял, все равно не работает.. (( не работает в Chrome, Яндекс-браузере, в опере и в IE Работает только в Мозиле..
  8. Доброго времени суток! Обращаюсь к знатокам своего дела! Ребят, подскажите малоопытному )) Не работает скрипт ни в одном браузере кроме Mozilla Firefox.. Вроде все просто, суть - показывать/скрывать поля при выборе значения select в форме Подскажите в чем дело, что не так и как это исправить? Вот тело: <form name="" id="" method="post" action="" onsubmit=""> <div style="padding-bottom:10px; "> <select > <option id="" class="3" value="">Вы новый пользователь?</option> <option id="" class="1" value="">Я новый пользователь</option> <option id="" class="2" value="">У меня уже есть кабинет</option> </select> </div> <div id="my1" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 1"></input></div> <div id="my2" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 2"></input></div> <div id="my3" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 3"></input></div> <div id="my4" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 4"></input></div> <div id="my5" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 5"></input></div> <div id="my6" style="display:none; padding-bottom:6px; margin-top:14px;"><input name="submit" id="submit" value="Принять" type="submit"></div></form>Вот скрипт: $(".1").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');$("#my, #my1, #my2, #my3, #my4, #my5, #my6").toggle(1000);});$(".2").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');$("#my, #my3").toggle(1000);$('input[name="other"]').attr('value','');});$(".3").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');});подключаю JQuery 1.9.1 Вот ссылка на мою форму - http://jsfiddle.net/2w18do1z/1/ или здесь, кому как удобнее - http://codepen.io/anon/pen/MaOxMb Буду благодарен за Ваши советы и помощь!!!
  9. Доброго времени суток! Обращаюсь к знатокам своего дела! Ребят, подскажите малоопытному )) Не работает скрипт не в одном браузере кроме Mozilla FireFox.. Вроде все просто, суть показывать/скрывать поля при выборе значения select Вот тело: <form name="" id="" method="post" action="" onsubmit="return validateForm();"><div class="" style="padding-bottom:10px; "><select ><option id="" class="3" value="">Вы новый пользователь?</option><option id="" class="1" value="">Я новый пользователь</option><option id="" class="2" value="">У меня уже есть кабинет</option></select></div><div id="my1" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 1"></input></div><div id="my2" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 2"></input></div><div id="my3" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 3"></input></div><div id="my4" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 4"></input></div><div id="my5" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 5"></input></div><div id="my6" style="display:none; padding-bottom:6px; margin-top:14px;"><input name="submit" id="submit" value="Принять" type="submit"></div></form>Вот скрипт: $(".1").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');$("#my, #my1, #my2, #my3, #my4, #my5, #my6").toggle(1000);});$(".2").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');$("#my, #my3").toggle(1000);$('input[name="other"]').attr('value','');});$(".3").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');});подключаю JQuery 1.9.1 Вот ссылка на мою форму - http://jsfiddle.net/2w18do1z/1/ или здесь, кому как удобнее - http://codepen.io/anon/pen/MaOxMb Буду благодарен за Ваши советы и помощь!!!
  10. Вопрос не в том, запускает ли, хотя и это тоже )) Цель такая - человеку дается к примеру визитка и на ней адрес такой http://site.ru/page и когда вводит ее в строке баузера, - страница открывается и в строке путь так и остается http://site.ru/page а не http://site.ru/page.php У меня же когда ввожу в строку http://site.ru/page - выдает ошибку 404, - не открывает страницу пока я в строке не допишу .php такая собственно проблема ) ну и тот факт что я не силен в PHP дает о себе знать )))
  11. Уважаемые! Помогите пожалуйста! Подскажите, каким образом можно реализовать на php короткую ссылку, чтобы выглядела не так - www.mysite.ru/page.php а вот так - www.mysite.ru/page здесь скриншот на всякий случай - https://yadi.sk/i/I7l78UethoYDQ Буду рад помощи!
×
×
  • 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