Малко помощ с javascript

[d0oMch0]

Здравей те !
Имам един въпрос:
Искам примерно като цъкна върху линк за логин да ми излезе логин панелче а сайта да потъмнее (да остане на заден план,както когато се използва алерт) и ако цъкна някаде по сайта в този момент пак да си са върне в нормалното състояние и да ми се махне логин панела. Знам , че ще стане с onbluc onclick и т.н. но самото потъмняване как да стане не ми е ясно ако някой има предложения?

Благодаря предварително!

 

[Giorgio]

Можеш да използваш някой jquery plugin за lightbox като например facebox, colorbox, FancyBox. Потърси ги тези 3-те.Имат на сайтовете подробни демо-та

Поздрави,
Георги.

 

[M1tq96]

<html>
<head>
<style>
body
{
margin:0px;
padding:0px;
left:0px;
top:0px;
}
#popupBg
{
position:fixed;
width:500px;
height:350px;
margin:0px auto;
left:0px;
margin-left:-250px;
background:#f8f8f8;
border:1px solid #ccc;
padding:5px;
}
#backgBG
{
background:#000;
left:0px;
top:0px;
margin:0px;
padding:0px;
width:1200px;
height:1200px;
position:fixed;
}
</style>
<script>
function fadeLogin()
{
$("#popupBg").remove();
$("#backgBG").remove();
}
function showLogin()
{

$("<div id='popupBg'><form method='post' action='login.php'>Потребител<br/><input id='login_username' /> <br/>Пaрола<br/><input id='login_password' /> <br/><input type='submit' name='logg' id='go_log'></form></div><div id='backgBG ' onclick='fadeLogin()'></div>").fadeIn(1550).appendTo("body"); // suzdawame edin diw..

}

</script>
</head>
<body>

<a href='#' onclick='showLogin()'>Вход</a>

</body>
</html>

не сам го тествал но .. мисля че ще ти сварше работа.. :?: :?:

 

[d0oMch0]

Да работи, само си пропуснал да добавиш js libary-то но ако искаш смени [js]onclick='showLogin()'[/js] със [js]onclick='alert("MSG")'[/js] и виж как потъмнява отзад екрана , остава на заден план това е крайния ефект дето търся ако можеш да помогнеш И дай идея къде да използвам fadeLogin() аз сега му търся място но все пак...