Модальное диалоговое окно AJAX, запуск при загрузке, если referer == <whatever> - PullRequest
Новая
       5

Модальное диалоговое окно AJAX, запуск при загрузке, если referer == <whatever>

0 голосов
/ 20 июля 2009

Я пытаюсь изменить свой index.html для отображения модального окна, если ссылка на мой сайт == (например, если они приходят из Google, покажите диалоговое окно "Welcome Googler" с изображением внутри него) .

Я использую FancyBox, но я не замужем за ним.

Любые предложения о том, как его кодировать? Я программист на C ++ - Javascript не является моей сильной стороной, поэтому прямые примеры будут очень благодарны.

Заранее спасибо.

1 Ответ

3 голосов
/ 20 июля 2009

Вам понадобится пара вещей: document.referrer и jQuery UI. Пользовательский интерфейс jQuery упрощает работу с диалоговыми окнами.

Подробный пример можно найти на странице документации , но по большей части это то, что вам нужно: 

<script type="javascript/text">
    if (document.referrer.indexOf('google.com') > -1){
        $("#my-dialog").dialog("open");
    }

    // this is the jquery code to set up the dialog box
    $(function() {
            // options would go inside the dialog() function
    $("#dialog").dialog();
});

</script>

Необходимый HTML: 

<div id="my-dialog">
This is where things get displayed
</div>
...