Создание собственного всплывающего окна без открытия другого окна - PullRequest
1 голос
/ 29 сентября 2010

Я пытаюсь создать собственное всплывающее окно для своего веб-сайта, которое выглядело бы примерно так, как в данный момент для вкладки «Свяжитесь со мной», если она выбрана.Мне бы хотелось, чтобы в него можно было легко вносить изменения. Также хотелось бы, чтобы оно автоматически загружалось только один раз на посетителя в неделю.Если у вас есть какие-либо предложения, они будут очень благодарны.

  • при загрузке страницы
  • мне не нужна кнопка, чтобы пользователи могли щелкнуть, чтобы открыть всплывающее окно
  • отображается один раз на пользователя в неделю (cookie)

Я могу получить дополнительную информацию по мере необходимости

Пожалуйста, проверьте collin-doctor.webs.com и нажмите «контакт»я ", чтобы увидеть лучшее представление о чем я говорю.

Спасибо

1 Ответ

0 голосов
/ 09 сентября 2011

Я бы использовал элемент div, для отображения стиля divs было установлено значение none.Затем, когда пользователь заходит на ваш сайт, вы можете проверить дату с помощью javascript, так что каждый понедельник мы хотим, чтобы всплывающее окно показывалось.Итак, что бы мы сделали, если бы день был понедельник, измените отображение divs на block.Что касается проверки части посетителя, вам нужно будет что-то сделать с php.Получает ip пользователей и сохраняет его в базе данных или файле.Затем, когда пользователь заходит на сайт, проверьте его ip по журналам, если у него еще не было всплывающего окна, загрузите страницу с javascript для загрузки всплывающего окна, в противном случае загрузите страницу, на которой нет javascript.В любом случае код для выполнения первой части моего решения выглядит следующим образом:

<html>
    <head>
    <style>
        #popup {
            border: 1px solid #000000;
            width:100px;
            height: 100px;
            margin: 0px auto;
            display: none;
        }
    </style>

    <script>
        function showHide(id) {
            var d = new Date();
                if(d.getDay() ==1)
                    document.getElementById(id).style.display ="block";     
        }
    </script>

    </head>
    <body onLoad="javascript: showHide('popup');">
        <div id="popup">Add content here</div>
    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...