Создание формы определения возраста

Как вставить этот код в страницу сайта?
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Форма</title>
  
<SCRIPT>
function getName() {
        var old = prompt("Пожалуйста, введите получившийся у Вас результат:", "")
        if( old <= 19) {
                alert("Простите, но вам всего " + old + " лет, а этот сайт разрешено просматривать только пользователям старше 18-ти лет ")
        window.open("http://www.cgi.ru")
        } else {
                alert("Вам " + old + ". Прекрасно. Смотрите и наслаждайтесь!")
        }
}
</SCRIPT>

 </head>
 <body>
  <BODY BGCOLOR="#d11b27" onLoad="getName()">



 </body>
</html>
27 августа 2017, 23:13    Сергей Web-дизайн 0    3 0

Комментарии (32)

  1. Ivan 31 августа 2017, 08:22 # 0
    Разместить блок в нужном месте. В него добавить виджет HTML-код. И туда скопировать все что между
    <script> и </body>
    1. Сергей 31 августа 2017, 10:47 # 0
      Дело в том, что в этом случае форма занимает весь экран браузера, что делает невозможным проверить адаптивность в Pixli, хотелось бы, что-то компактнее. Но с alert этот фокус не пролазит. Спасибо за отзыв!
      1. Ivan 31 августа 2017, 11:12 # 0
        Какая форма? В коде не вижу. Опишите проблему подробнее пожалуйста
        1. Ivan 31 августа 2017, 11:15 # 0
          <SCRIPT>
          window.onload=function () {
                  var old = prompt("Пожалуйста, введите получившийся у Вас результат:", "")
                  if( old <= 19) {
                          alert("Простите, но вам всего " + old + " лет, а этот сайт разрешено просматривать только пользователям старше 18-ти лет ")
                  window.open("http://www.cgi.ru")
                  } else {
                          alert("Вам " + old + ". Прекрасно. Смотрите и наслаждайтесь!")
                  }
          }
          </SCRIPT>
          
          1. Сергей 31 августа 2017, 11:45 # 0
            Всё — тоже самое.
          2. Ivan 31 августа 2017, 11:15 # 0
            попробуйте так. Тогда при загрузке появляется окно и с адаптивностью все ОК
            1. Сергей 31 августа 2017, 11:42 # 0
              Сейчас попробую!
            2. Ivan 31 августа 2017, 11:17 # 0
              Виджет HTML-кода размещен в самом начале первой области.Хотя по идее не будет разницы, где он при таком способе будет расположен. Скрипт отработается при загрузке, как только до него дойдет поток. И все произойдет после загрузки окна
              1. Сергей 31 августа 2017, 11:39 # 0
                Окно всплывает при загрузке страницы, в верхней части браузера, независимо от того, где расположен блок HTML, и пока Вы не закончите все действия с ним (не закроете окно), на открытую страницу не попадёте (не даст «фон»этой формы).
                1. Ivan 31 августа 2017, 12:11 # 0
                  Ну да, это модальное окно. Оно блокирует выполнение кода. С этим ничего не поделать. Если только привязать событие к кнопке на этапе отладки. А потом вернуть вызов при загрузке.
                  <input type="button" value="click" onclick=getName()>
                         
                         <SCRIPT>
                  function getName() {
                          var old = prompt("Пожалуйста, введите получившийся у Вас результат:", "")
                          if( old <= 19) {
                                  alert("Простите, но вам всего " + old + " лет, а этот сайт разрешено просматривать только пользователям старше 18-ти лет ")
                          window.open("http://www.cgi.ru")
                          } else {
                                  alert("Вам " + old + ". Прекрасно. Смотрите и наслаждайтесь!")
                          }
                  }
                  </SCRIPT>
                  
                  1. Ivan 31 августа 2017, 12:16 # 0
                    Если окно prompt великовато, используйте confirm — это подтверждение.
                    <input type="button" value="click" onclick=getName()>
                           
                           <SCRIPT>
                    function getName() {
                          var flag=confirm("Вам исполнилось 18 лет?")
                            if(!flag) {
                                    alert("Простите, но вам слишком мало лет, а этот сайт разрешено просматривать только пользователям старше 18-ти лет ")
                            window.open("http://www.cgi.ru")
                            } else {
                                    alert("Вам есть 18. Прекрасно. Смотрите и наслаждайтесь!")
                            }
                    }
                    </SCRIPT>
                    
                    1. Ivan 31 августа 2017, 12:18 # 0
                      Судя по всему, эти окна не участвуют в проверке адаптивности. поэтому чтобы увидеть их в реальности, опубликуйте сайт и зайдите с мобильного.
                      1. Ivan 31 августа 2017, 12:19 # 0
                        Да, они относятся к браузеру и отображаются браузером (у каждого свой вид). Поэтому узнать, как окно выглядит в браузере планшета или смартфона в редакторе невозможно
                        1. Сергей 31 августа 2017, 12:30 # 0
                          Последнее — ближе к теме. Ещё бы не всплывало окно при загрузке — всё остальное — дело техники.
                          1. Ivan 31 августа 2017, 12:36 # 0
                            Все зависит от события, по которому должно появляться окно. их много, можно подобрать любое
                            1. Сергей 31 августа 2017, 12:36 # 0
                              Например?
                              1. Ivan 31 августа 2017, 12:47 # 0
                                onLoad — загрузка страницы
                                click — щелчок по элементу, для которого прописано событие
                                onmouseover — мышь над элементом
                                onmouseout — мышь ушла с элемента
                                onkeypress — нажатие кнопки клавиатуры
                                ondblclick — двойное нажатие левой кнопки
                                И так далее
                                www.oddler.ru/i/63
                                1. Сергей 31 августа 2017, 12:55 # 0
                                  Спасибо, буду пробовать!
                                  1. Ivan 31 августа 2017, 13:00 # 0
                                    Вы задачу опишите, может чего присоветую:-)
                                    1. Сергей 31 августа 2017, 13:05 # 0
                                      Сейчас поковыряюсь малость и. сразу, отпишусь о результатах. Ещё раз, Спасибо за помощь!
                                      1. Сергей 31 августа 2017, 13:11 # 0
                                        А нужно мне, всего лишь, изобрести форму в которую вводится результат решения по математике для проверки, и выдаётся вердикт — правильно или нет. Но, так как, в Pixli нет такой формы — приходится изобретать велосипед. Если есть варианты — буду благодарен.
                                        1. Ivan 31 августа 2017, 13:21 # 0
                                          В html код вставьте свою форму
                                          <script>
                                          function f()
                                          {
                                           var otvet=document.getElementById('result').value;
                                           if (otvet==4)
                                          	alert("Молодец!")
                                           else
                                                  alert("Плохо!")
                                          }
                                          </script>
                                          <form>
                                          <p>чему равно 2*2?
                                          <p><input type="text" id="result">
                                          <input type="button" value="Принять" onclick=f()>
                                          </form>
                                          
                                          Это для заранее заданных задач.
                                          Помимо этого можно:
                                          1. Формулировать примеры по математике из случайных чисел
                                          2. Задать массив задач и массив ответов. Брать последовательно или случайно, по нажатию на кнопку или при загрузке и проверять, насколько сходятся
                                          вот здесь случайный контент panel.pixli.ru/blog/web-design/709-vyivod-sluchajnogo-kontenta-na-stranicze.html
                                          Про массивы можно почитать здесь learn.javascript.ru/array
                                          1. Сергей 31 августа 2017, 13:29 # 0
                                            Огромное спасибо! Вы избавили меня от лишних мытарств! Сейчас стилизую малость и — то, что нужно!
                                            1. Ivan 31 августа 2017, 13:35 # 0
                                              Если не хотите выводить в окно, выводите в блок
                                              <div id="show"></div>
                                              
                                              И в функции
                                              document.getElementById("show").innerHTML="<span style='color:red'>молодец!</span>"
                                              
                                              И так далее. Не самый красивый способ, зато быстрый:-)
                                              1. Сергей 31 августа 2017, 13:39 # 0
                                                Попытаюсь найти золотую середину и предложу оценить результат на сайте. Спасибо
                                                1. Сергей 03 сентября 2017, 11:10 # 0
                                                  Здравствуйте! Потратил много времени, чтобы понять, что две(… и больше) формы, такого типа, на одной странице не работают, т.к. первая перекрывает все другие. Пересмотрел все Ваши примеры, по реализации формы обратной связи, и у меня возник вопрос — возможно ли сделать форму только с паролем, что бы при верном пароле был переход на одну страницу, а при неверном на другую. Если — да, то будут ли на одной странице работать две и больше таких форм?
                                                  1. Сергей 07 сентября 2017, 11:28 # 0
                                                    Подскажите, пожалуйста, как разделить модальные окна:

                                                    <!DOCTYPE html>
                                                    />






                                                    Заранее благодарен!
                                                    1. Сергей 07 сентября 2017, 11:28 # 0

                                                      1. Ivan 12 сентября 2017, 15:11 # 0
                                                        Добрый день!
                                                        Две формы (и больше) прекрасно уживаются на странице. Заключайте их в контейнер
                                                        <form></form>
                                                        
                                                        И давайте элементам (полям и кнопкам) разные ID.
                                                        <form>
                                                        <p>чему равно 2*2?
                                                        <p><input type="text" id="result1">
                                                        <input type="button" value="Принять" onclick=f()>
                                                        </form>
                                                        <form>
                                                        <p>чему равно 2*2?
                                                        <p><input type="text" id="result2">
                                                        <input type="button" value="Принять" onclick=f()>
                                                        </form>
                                                        
                                                        соответственно при обработке тоже обращайтесь по разным ID
                                                        otvet1=document.getElementById('result1').value;
                                                        otvet2=document.getElementById('result2').value;
                                                        
                                                        1. Ivan 12 сентября 2017, 15:12 # 0
                                                          Форму с паролем сделать можно.
                                                          vk.com/id12394222
                                                          1. Ivan 12 сентября 2017, 15:13 # 0
                                                            про разделение модальных окон не понятен вопрос. Зайдите по ссылке из поста выше, так будет быстрее
                                                            1. Сергей 12 сентября 2017, 23:45 # 0
                                                              Спасибо за помощь! С этим вопросом я разобрался, пришлось малость подучить JavaScript. Но всё равно — Спасибо, что не остались безучастным!

                                                              Вы должны авторизоваться, чтобы оставлять комментарии.