|
Как открыт модальное окно с результатами
Доброе время суток.
Помогите пожалуйста, есть скрипт на php по проверке домена на занятость. Как открыт модальное окно с результатами? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <html> <title>Проверка доменного имени</title> </head> <body> <div class="dom-fon"> <form class="form" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" name="domain" id="domain"> <table> <tr> <td class ="table_name">Введите имя домена:</td> <td><input class="name-dom" style="height:38px" name="domain" type="text" /></td> <td><input class="button-test" type="submit" value="Проверить"></td> <td class="result-domain"> <? if(isset($_POST["domain"]) && strlen($_POST["domain"])>0 && isset($_POST["TLD"]) && is_array($_POST["TLD"])) { $target=$_POST["domain"]; $whois=new whois(); foreach($_POST['TLD'] AS $tldz) { echo($target.$tldz." - "); $whois->zonelookup($target.$tldz); if($whois->ERROR==0) { if(is_array($whois->RAWINFO) && count($whois->RAWINFO)>7 && $whois->FOUND==1) { echo ("занят,") ; }else { echo("свободен, "); } }else { echo("ошибка запроса"); } echo('<br style="display:inline">'); } } ?> </td> </tr> </table> <table> <tr> <td class ="table_butt-1"><input type="button" onClick="sel('checked')" value="Выбрать все" /></td> <td class ="table_butt-2"><input type="button" onClick="sel()" value="Снять все" /></td> </tr> </table> <table class="prise-domain-teble"> <tr class ="table_string"> <td class ="table_cell-1"> <p class="zone-dom"><input type="checkbox" name="TLD[]" value=".ru" id="11"><label for="11">.ru</label></p> <td class ="table_cell-2"> <p class="zone-dom"><input type="checkbox" name="TLD[]" value=".рф" id="12"><label for="12">.рф</label></p> </td> </tr> </table> </form> <script> function sel(opt) { var checks = document.getElementById('domain').getElementsByTagName('input'); for (var i = 0; i < checks.length; i++) { var check = checks[i]; check.checked = opt; } } </script> </div> </body> </html> не могу представить как это сделать. подскажите только без библиотек jquery |
olegalimov,
не могли бы Вы немного детальней описать что надо ) Должно что то происходить при нажатии кнопки или как? |
Здравствуйте, после того как написали домен для проверки на занятость, нажимаем кнопку проверить, тут должно открывается окно с результатами проверки домена.
Вот как это реализовать? Я не магу придумать как красива вывести результат проверки домена, может у кого есть идеи. поделитесь буду признателен. Вот сайт |
Красиво это как?
Заходим на любой whois сервис и смотрим - это просто список характеристик, каждая с новой строки. А красиво это как тогда? |
Как выше написал. так можно в новом окне?
|
Цитата:
Если же имеется ввиду некая модная красивая рамочка на странице, то это просто слой позиционируемый абсолютно или фиксировано и помещаемый выше всех. К окну, а тем более модальности такая плюшка никакого отношения не имеет. И чего надо? |
а если открыть новое отдельное окно? и там сделать вывод результата?
а как отключить на время скролинг страницы? |
Ну если нужно новое окно, пожалуйста, открывайте. Но это будет не модальное окно и такое окно имеет неприятное свойство, оно не обязано быть "поверх всех" - случайный щелчок вне его и окно "пропало".
window.open("url вашего сценария", "имя", "параметры окна") |
написал вот так не работает, почему?
<!DOCTYPE html> <head> <title>Создаем модальное окно на HTML5 и CSS3</title> <meta charset="utf-8"> <style> .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none; } .modalDialog:target { display: block; pointer-events: auto; } .modalDialog > div { width: 400px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } </style> </head> <body> <table> <tr> <td><input class="button-test" onclick="location.href='#openModal'" type="submit" value="Проверить"></td> <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <p> <? if(isset($_POST["domain"]) && strlen($_POST["domain"])>0 && isset($_POST["TLD"]) && is_array($_POST["TLD"])) { $target=$_POST["domain"]; $whois=new whois(); foreach($_POST['TLD'] AS $tldz) { echo($target.$tldz." - "); $whois->zonelookup($target.$tldz); if($whois->ERROR==0) { if(is_array($whois->RAWINFO) && count($whois->RAWINFO)>7 && $whois->FOUND==1) { echo("занят,") ; }else { echo("свободен,"); } }else { echo("ошибка запроса"); } echo('<br style="display:inline">'); } } ?> </p> </div> </div> </tr> </table> </body> </html> |
Цитата:
а window.open не блокируется браузерами? |
Часовой пояс GMT +3, время: 03:54. |
|