ellato44

June 29, 2016

Доброго времени суток!

Помогите решить задачку следующего характера:

имеется код открытия модального окна - 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)

не получается приспособить данный скрипт для открытия такого модального окна.. помогите неучу? )) буду благодарен за помощь!

November 4, 2015

Забыл добавить - $('input[name=other]').attr('value',''); Так не делайте, хоть и в jQuery вместе с этим атрибутом меняется и значение, но правильнее $('input[name=other]').val("")
Николя, скажи пожалуйста, а как можно поступить в этом примере http://jsfiddle.net/f5bfa6sj/3/чтобы добиться результата, как в этом примере http://jsfiddle.net/8k5wzu5r/9/ с появлением скрытых блоков в одном месте, только справа от меню при нажатии на ссылки. Делаю help один для своего проекта, не хочется делать его из нескольких страниц, а хочется по указанному принципу вместить все на одной страничке.. пока мои знания JS никакие вообще, к сожалению, а частенько все упирается именно в эту область.. )) помогите пожалуйста?
буду очень благодарен!

Вроде нашел ответ здесь на форуме )) как вариант интересно и просто - http://jsfiddle.net/uvCh6/153/

November 4, 2015

Забыл добавить - $('input[name=other]').attr('value',''); Так не делайте, хоть и в jQuery вместе с этим атрибутом меняется и значение, но правильнее $('input[name=other]').val("")

Николя, скажи пожалуйста, а как можно поступить в этом примере http://jsfiddle.net/f5bfa6sj/3/чтобы добиться результата, как в этом примере http://jsfiddle.net/8k5wzu5r/9/ с появлением скрытых блоков в одном месте, только справа от меню при нажатии на ссылки. Делаю help один для своего проекта, не хочется делать его из нескольких страниц, а хочется по указанному принципу вместить все на одной страничке.. пока мои знания JS никакие вообще, к сожалению, а частенько все упирается именно в эту область.. )) помогите пожалуйста?

буду очень благодарен!

October 19, 2015

Забыл добавить - $('input[name=other]').attr('value',''); Так не делайте, хоть и в jQuery вместе с этим атрибутом меняется и значение, но правильнее $('input[name=other]').val("")

Спасибо огромное за помощь! )))

October 19, 2015

Имя класса не может начинаться с цифры. Ну и в целом у вас ужасно всё, начиная с HTML и заканчивая JS.

спасибо за разъяснение! да, я новичок в этом деле..

вопрос уже решен

October 19, 2015

Я вообще не понимаю что вы там хотели сделать в первом пункте)) полностью все переделывайте. алгоритм такой ~~http://jsfiddle.net/8k5wzu5r/~~ http://jsfiddle.net/8k5wzu5r/1/

Николя, для меня это верх всего ))) я бы к Вам в ученики с удовольствием записался, прям мечта получить хорошие знания по JS ))) Спасибо большое! действительно работает все!

October 19, 2015

у вас там вообще клики на option ща. пару мин

да, я неуч ))

October 19, 2015

класс поменяйте не с цифры должен начинаться

поменял, все равно не работает.. ((

не работает в Chrome, Яндекс-браузере, в опере и в IE

Работает только в Мозиле..

October 19, 2015

Доброго времени суток!
Обращаюсь к знатокам своего дела!
Ребят, подскажите малоопытному ))

Не работает скрипт ни в одном браузере кроме 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

Буду благодарен за Ваши советы и помощь!!!

October 19, 2015

Доброго времени суток!
Обращаюсь к знатокам своего дела!
Ребят, подскажите малоопытному ))

Не работает скрипт не в одном браузере кроме 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

Буду благодарен за Ваши советы и помощь!!!

July 11, 2015

дык любой запрос вида:
http://site.ru/page
запускает
http://site.ru/page/index.php
в чем проблема?

Вопрос не в том, запускает ли, хотя и это тоже ))

Цель такая - человеку дается к примеру визитка и на ней адрес такой http://site.ru/page и когда вводит ее в строке баузера, - страница открывается и в строке путь так и остается http://site.ru/page а не http://site.ru/page.php

У меня же когда ввожу в строку http://site.ru/page - выдает ошибку 404, - не открывает страницу пока я в строке не допишу .php

такая собственно проблема )

ну и тот факт что я не силен в PHP дает о себе знать )))

July 11, 2015

.htaccess
RewriteEngine OnRewriteBase /RewriteRule ^(.*)$ /$1.php [L]
А вообще делается так:
RewriteEngine OnRewriteBase /RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule ^(.*)$ index.php?q=$1 [L,QSA]
А в файле index.php уже разбирают строку запроса и выдают содержимое основываясь на ней.

Оу спасибо огромное! будем пробовать! )

Настроить сервер, чтобы все запросы переходили на общую точку входа приложения. Обычно это index.php, а дальше уже реализовывать роутер на php и обрабатывать маршруты. Если это Apache то смотреть на mod_rewrite, там от него необходимо только базовое перенаправление запросов на index.php. Если это nginx, то нужно настроить в сервер блоке нечто похожее на это
location / {    try_files $uri $uri/ /index.php?$query_string;}

Спасиб! )

July 11, 2015

Уважаемые!

Помогите пожалуйста!

Подскажите, каким образом можно реализовать на php короткую ссылку, чтобы выглядела не так - www.mysite.ru/page.php а вот так - www.mysite.ru/page

здесь скриншот на всякий случай - https://yadi.sk/i/I7l78UethoYDQ

Буду рад помощи!

Sign In

ellato44

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by ellato44

Открытие модального окна bootstrap при попытке уйти с страницы сайта

Не работает скрипт во всех браузерах кроме Mozilla FireFox

Не работает скрипт во всех браузерах кроме Mozilla FireFox

Не работает скрипт во всех браузерах кроме Mozilla FireFox

Не работает скрипт во всех браузерах кроме Mozilla FireFox

Не работает скрипт во всех браузерах кроме Mozilla FireFox

Не работает скрипт во всех браузерах кроме Mozilla FireFox

Не работает скрипт во всех браузерах кроме Mozilla FireFox

Не работает скрипт во всех браузерах кроме Mozilla FireFox

Не работает скрипт во всех браузерах кроме Mozilla FireFox

Короткая ссылка без .php (пример: www.site.ru/page) Как можно сделать так?

Короткая ссылка без .php (пример: www.site.ru/page) Как можно сделать так?

Короткая ссылка без .php (пример: www.site.ru/page) Как можно сделать так?

Forums

Important Information