ellato44
Newbie-
Posts
13 -
Joined
-
Last visited
About ellato44
- Birthday 05/04/1985
Information
-
Sex
Мужчина
-
From
Кострома
-
Interests
дизайн, web-программирование, музыка, акварель
ellato44's Achievements
Explorer (1/14)
0
Reputation
-
Николя, добрый день!
Помогите пожалуйста разобраться с этой задачкой? - -
Открытие модального окна bootstrap при попытке уйти с страницы сайта
ellato44 posted a question in JavaScript
Доброго времени суток! Помогите решить задачку следующего характера: имеется код открытия модального окна - 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">×</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) не получается приспособить данный скрипт для открытия такого модального окна.. помогите неучу? )) буду благодарен за помощь! -
Не работает скрипт во всех браузерах кроме Mozilla FireFox
ellato44 replied to ellato44's question in JavaScript
Николя, скажи пожалуйста, а как можно поступить в этом примере http://jsfiddle.net/f5bfa6sj/3/чтобы добиться результата, как в этом примере http://jsfiddle.net/8k5wzu5r/9/ с появлением скрытых блоков в одном месте, только справа от меню при нажатии на ссылки. Делаю help один для своего проекта, не хочется делать его из нескольких страниц, а хочется по указанному принципу вместить все на одной страничке.. пока мои знания JS никакие вообще, к сожалению, а частенько все упирается именно в эту область.. )) помогите пожалуйста? буду очень благодарен! Вроде нашел ответ здесь на форуме )) как вариант интересно и просто - http://jsfiddle.net/uvCh6/153/ -
Не работает скрипт во всех браузерах кроме Mozilla FireFox
ellato44 replied to ellato44's question in JavaScript
Николя, скажи пожалуйста, а как можно поступить в этом примере http://jsfiddle.net/f5bfa6sj/3/чтобы добиться результата, как в этом примере http://jsfiddle.net/8k5wzu5r/9/ с появлением скрытых блоков в одном месте, только справа от меню при нажатии на ссылки. Делаю help один для своего проекта, не хочется делать его из нескольких страниц, а хочется по указанному принципу вместить все на одной страничке.. пока мои знания JS никакие вообще, к сожалению, а частенько все упирается именно в эту область.. )) помогите пожалуйста? буду очень благодарен! -
Не работает скрипт во всех браузерах кроме Mozilla FireFox
ellato44 replied to ellato44's question in JavaScript
Спасибо огромное за помощь! ))) -
Не работает скрипт во всех браузерах кроме Mozilla FireFox
ellato44 replied to ellato44's question in JavaScript
Николя, для меня это верх всего ))) я бы к Вам в ученики с удовольствием записался, прям мечта получить хорошие знания по JS ))) Спасибо большое! действительно работает все! -
Не работает скрипт во всех браузерах кроме Mozilla FireFox
ellato44 replied to ellato44's question in JavaScript
да, я неуч )) -
Не работает скрипт во всех браузерах кроме Mozilla FireFox
ellato44 replied to ellato44's question in JavaScript
поменял, все равно не работает.. (( не работает в Chrome, Яндекс-браузере, в опере и в IE Работает только в Мозиле.. -
Доброго времени суток! Обращаюсь к знатокам своего дела! Ребят, подскажите малоопытному )) Не работает скрипт ни в одном браузере кроме 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 Буду благодарен за Ваши советы и помощь!!!
-
Доброго времени суток! Обращаюсь к знатокам своего дела! Ребят, подскажите малоопытному )) Не работает скрипт не в одном браузере кроме 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 Буду благодарен за Ваши советы и помощь!!!
-
Вопрос не в том, запускает ли, хотя и это тоже )) Цель такая - человеку дается к примеру визитка и на ней адрес такой http://site.ru/page и когда вводит ее в строке баузера, - страница открывается и в строке путь так и остается http://site.ru/page а не http://site.ru/page.php У меня же когда ввожу в строку http://site.ru/page - выдает ошибку 404, - не открывает страницу пока я в строке не допишу .php такая собственно проблема ) ну и тот факт что я не силен в PHP дает о себе знать )))
-
Оу спасибо огромное! будем пробовать! ) Спасиб! )
-
Уважаемые! Помогите пожалуйста! Подскажите, каким образом можно реализовать на php короткую ссылку, чтобы выглядела не так - www.mysite.ru/page.php а вот так - www.mysite.ru/page здесь скриншот на всякий случай - https://yadi.sk/i/I7l78UethoYDQ Буду рад помощи!