Направих малко по - ефектно появяване чрез jQuery и сега като натисна бутона за регистрация не ми излиза нищо. Тоест като натисна и ми се появява част от ефекта. Ето кода:
Благодаря предварително!
Код:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<link href="styles.css" rel="stylesheet" type="text/css" media="screen" />
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$("#main").fadeIn(2000);
$("#window").hide();
$("#shadow").hide();
});
function show() {
$("#main").fadeTo("slow", 0.20);
$("#window").fadeIn(2000);
$("#window").fadeTo("slow", 1);
$("#shadow").fadeIn(2000);
$("#shadow").fadeTo("slow", 1);
};
function close() {
$("#main").fadeIn(2000);
$("#main").fadeTo("slow", 0.85);
$("#window").fadeTo("slow", 0);
$("#window").hide();
$("#shadow").hide();
};
</script>
<style type="text/css">
#shadow {
width: 1440px;
height: 900px;
background-color: #000000;
opacity:0.25;
filter:alpha(opacity=25);
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
dislpay: none;
}
#window {
width: 600px;
height: 500px;
background: url("popup3.png");
position: absolute;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
dislpay: none;
}
</style>
</head>
<body>
<br/><br/><br/>
<center>
<div id="shadow">
</div>
<div id="window" align="center">
<table align="right">
<tr>
<td align="right">
<br/><br/><br/>
<a href="javascript: self.close()" onclick="close()" style="position: absolute; right: 150px;">Затвори</a>
</td>
</tr>
</table>
<br/><br/><br/><br/><br/>
<?php
require_once("../connection.php");
mysql_query("SET NAMES cp1251");
Кода за регистрацията
?>
<form method="post" action="<?php $_SERVER ['PHP_SELF'] ?>">
<table align="center">
<tr align="center">
<b style="color: #FFF;"><center>Ако нямате регистрация можете<br/> да си направите безплатна от тук:</center></b><br/>
<td style="color: #FFF;">Потребителско име*</td>
<td><input id="user" name="potrebitel" type="text" maxlength="20" style="opacity:0.6;filter:alpha(opacity=60)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" /></td>
<td width="100px"><div style="color: #FFF;" class="message" id="message"></div><p><span id="txtHint"></span></p></td>
</tr>
<tr>
<td style="color: #FFF;">Парола*</td>
<td><input id="pass" name="pass" type="password" maxlength="15" style="opacity:0.6;filter:alpha(opacity=60)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" ></td>
</tr>
<tr>
<td style="color: #FFF;">Повторете паролата*</td>
<td><input id="pass" name="pass2" type="password" maxlength="15" style="opacity:0.6;filter:alpha(opacity=60)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" ></td>
</tr>
<tr>
<td style="color: #FFF;">E - Mail*</td>
<td><input id="user" name="email" type="text" maxlength="20" style="opacity:0.6;filter:alpha(opacity=60)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" ></td>
</tr>
<tr>
<tr>
<td style="color: #FFF;">Код*</td>
<td><input id="user" name="captcha" type="text" maxlength="20" style="opacity:0.6;filter:alpha(opacity=60)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" ></td>
<td><?php echo "<b style='color: #1db1ee;'>".$captcha."</b>"; ?></td>
</tr>
<tr>
<td style="color: #FFF;">&&&&*</td>
<td>
<select id="user" name="race">
<option id="user">****</option>
<option id="user">****</option>
</select></td>
<tr>
<td style="color: #FFF;">Таен въпрос*</td>
<td><input id="user" name="secretquestion" type="text" maxlength="20" style="opacity:0.6;filter:alpha(opacity=60)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" ></td>
</tr>
</tr>
<tr>
<tr>
<td> </td>
<td valign="top"><input type="submit" name="Submit" id="login" value="Регистрация" style="opacity:0.8;filter:alpha(opacity=80)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=80"/></td>
</tr>
</table>
</form>
</div>
<div id="main">
<br/><br/><br/>
<td width="400px" valign="top">
<form method="post" action="">
<table width="50" border="0" cellspacing="0" cellpadding="0" align="center">
<tr height="30px">
<td width="140" align="right" ></td>
<td width="57"></td>
<td><img src="images/loguser.png" width="20px" height="20px"></td>
<td><input type="text" name="user" id="user" value="Потребител" onfocus="this.value=''" onfocus="if(this.value == Потребител) { this.value=''}" onblur="if(this.value == '') { this.value='Потребител' }" style="opacity:0.6;filter:alpha(opacity=60)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60"/></td>
<td align="right"></td>
<td> </td>
<td><img src="images/logpass.png" width="20px" height="20px"></td>
<td><input type="password" name="password" id="pass" value="парола" onfocus="this.value=''" onfocus="if(this.value == Парола) { this.value=''}" onblur="if(this.value == '') { this.value='Парола' }" style="opacity:0.6;filter:alpha(opacity=60)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60"/></td>
<td align="right"></td>
<td> </td>
<td height="35"><input type="submit" name="submitbutton" id="login" value="Влез" style="opacity:0.8;filter:alpha(opacity=80)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=80" /></td>
</tr>
</table>
</form>
<div id="stripe">
<a href='javascript:;' onclick="show()">Регистрирай се безплатно от ТУК.</a>
</div>
<br/><br/><br/>
<img src="person.png" width="146px" height="337px" style="float: right; right: 0; position: absolute;"/>
</div>
</center>
</body>
</html>