Форум

Александр х@к · #1 (**permalink**) 24.08.2011, 21:33

есть скрипт

<!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=windows-1251" />
<title>Модальное окно</title>
<style type="text/css">
body {margin:0; padding:0}
h1, h2 {text-align:center; color:#f00}
p {margin:0; text-align:justify; text-indent:1.5em}
#content {padding:5px}
 
/* черная полупрозрачная подложка */
#modall {
    display:none;
    position:absolute;
    width:100%;
    text-align:center;
}
/* для нормальных браузеров */
/* IE 6 не понимает спецификатора дочернего селектора > */
body > #modall {
background-color:#000;
-moz-opacity: 0.2; /* код для движков Mozilla */
opacity:.20;
}
 
/* псевдоокно */
#formm {
    display:none;
    position:absolute;
    width:400px;
    height:200px;
    margin:auto;
    padding:20px;
    text-align:left;
    background-color:#fff;
}
 
/* прикрасы */
.login {margin-left:39px}
.pass {margin-left:32px}
.style1 {
    font-family: "Courier New", Courier, monospace;
    white-space: nowrap;
    background-color: #ccc;
}
</style>
<!--[if IE]>
<style type="text/css">
#modall {filter: Alpha(Opacity=20); background-color:#000;}
</style>
<![endif]-->
<script type="text/javascript">
var timer = null;
var opacity = 20;
function show_modall ()
{
    // нагромождение с низким поклоном Великому Биллу
    // для нормальных браузеров достаточно window.innerHeight
    var height = (window.innerHeight? window.innerHeight:
        (document.documentElement.clientHeight? document.documentElement.clientHeight:
        document.body.offsetHeight));
    var width = (window.innerWidth? window.innerWidth:
        (document.documentElement.clientWidth? document.documentElement.clientWidth:
        document.body.offsetWidth));
         
    var top = Math.ceil(height / 2 - 110);  // 110 - половина высоты окна с формой, включая padding
    var left = Math.ceil(width / 2 - 210);  // 210 - половина ширины окна с формой, включая padding
    // устанавливаем черный полупрозрачный блок на весь экран
    document.getElementById ("modall").style.height = height+"px";
    // делаем его видимым
    document.getElementById ("modall").style.display = 'block';
    // позиционируем псевдоокно по высоте
    document.getElementById ("formm").style.top = top+"px";
    document.getElementById ("formm").style.left = left+"px";
    // делаем его видимым
    document.getElementById ("formm").style.display = 'block';
    // "проявляем" затенение
    timer = setInterval ("shadow()", 1);
}
 
function shadow ()
{
    document.getElementById ("modall").style.opacity = opacity++    / 100;
    document.getElementById ("modall").style.MozOpacity = opacity   / 100;
    document.getElementById ("modall").style.filter = "Alpha(Opacity="+opacity+")";
    if (opacity >= 80)
        clearInterval (timer);
}
</script>
</head>
 
<body>
<div id="modall"></div>
    <div id="formm">
        <formm>
        Введите логин <input class="login" type="text" /><br />
        Введите пароль <input class="pass" type="password" /><br />
        Подтвердите пароль <input type="password" /><br />
        <h2><input type="submit" /></h2>
    </formm>
</div>
</div>
<div id="content">
<input type="button" onclick="show_modall()" value="Показать окно" /></p>
</div>
</body>
</html>

Мне нужно добавить кнопочку закрыть и как организовать проверку на совпадение по базам данным пароля и логина, после нажатия "отправить запрос"

yashka525 · #2 (**permalink**) 24.08.2011, 23:04

Вы просите готовый скрипт с нуля.

Это работа, и за нее обычно платят деньги.
Для таких сообщений предназначен раздел форума "Работа".

Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела.

Вот ссылка для кнопки закрыть (вообще-то нужно просто сделать противоположность функции shadow()), а остальное погуглите, и, опять же, попытайтесь сделать что-то сами, а если не получится - мы поможем.

Александр х@к · #3 (**permalink**) 24.08.2011, 23:07

какой с нуля, а прошу добавить две функции

yashka525 · #4 (**permalink**) 24.08.2011, 23:12

Простите, не скрипт с нуля, а всего две функции, которых просто валом на просторах интернета. Нет, я серьезно, вот дал Вам ссылку и совет на закрытие окна, а Вы уж, пожалуйста, покапайтесь там и если не получится совсем - поможем. А отправку инфы можно сделать через AJAX или даже просто через форму. А там, на сервере делаем проверку с помощью php файла.

melky · #5 (**permalink**) 24.08.2011, 23:47

Вы опубликовали очень много кода.

Локализуйте проблему!

Выделите фрагмент кода, по которому есть вопрос и опубликуйте его отдельно.

И, по возможности, уберите из кода мусор, чтобы нам легче было сориентироваться и помочь решить вашу проблему.

Александр х@к · #6 (**permalink**) 25.08.2011, 21:27

<!DOCTYPE HTML>
<html>
<body>
<DIV id="mouselayer" align="center" style="z-index:100;left: 50%;height:220px;weight:220px;position:absolute;border:0px solid #333;background-color:transparent"><DIV id="mouselayer" align="center" style="text-align:right">
<A href="#" onClick="fr.location.href='about:blank';if  (document.getElementById)  {  document.getElementById('mouselayer').style.visibility='hidden'; }  else  if (document.all)  {  document.all['mouselayer'].style.visibility='hidden'; } else  if  (document.layers) {  document.layers['mouselayer'].visibility='hide';  };return(false);"
style="font-size:12px;font-weight:bold;border:none;padding:0 13px" title="<span class="highlight">закрыть</span>">&times;</A>
</DIV>
</body>
</html>

вот код закрытия, куда вставить?

Форум

Справочник

Discord чат

Курсы javascript