Всплывающее окно на JavaScript.


Задача: пользователю предлагается «принять» условия соглашения, которые должны открыться во всплывающем окне браузера. Используем JS + jQuery.

Создаем нужный элемент (мы используем span, имитирующий ссылку), клик по которому будет вызывать окно:

1
I read and agree with</span> <span id="agree" style="text-decoration:underline; cursor:pointer;">Term Of Use</span>

Пишем функцию-обработчик:

1
2
3
4
5
6
7
<script>
$(document).ready(function(){
  $("body").delegate("#agree", "click", function(){
    window.open("/agreement.html","","Width=500,Height=300, Toolbar=no, Location=no, Directories=no, Status=no, Scrollbars=yes, Resizable=no, left=400r, top=300");
  });
});
</script>

Почему используем метод delegate? Наш объект, по которому мы ловим клик, появляется на странице позже (подгружается ajax-ом). При клике мы открываем всплывающее окно с нужными нам параметрами.





Другие посты

Категория: JavaScript для сайта

Оставить комментарий