Z gory dziekuje serdecznie. Pozdrawiam.
plik wystarczy otworzyc w przegladarce i kliknac na nazwa.
Czesc, pomoglby mi ktos zrobic, aby po kliknieciu w "Nazwa" (wtedy wysuwa sie okienko) tlo sie przyciemnialo? A gdy zamkniemy wracalo znowu do swojego pierwotnego stanu. Czyli widoczne normalnie. http://www.speedyshare.com/3DzVz/stronademo.rar daje "demo".
Z gory dziekuje serdecznie. Pozdrawiam.
plik wystarczy otworzyc w przegladarce i kliknac na nazwa.
Z gory dziekuje serdecznie. Pozdrawiam.
plik wystarczy otworzyc w przegladarce i kliknac na nazwa.
Em jak masz demo to po co my Ci mamy pomagać? Przecież masz kod. Wykorzystaj go.
Poza tym wątpię by to ktoś ściągnął bez skanu.
Poza tym wątpię by to ktoś ściągnął bez skanu.
Tam jest czysty plik HTML.
Kod moge podac w code tutaj, a jest on, taki, jaki chce wam pokazac co mam, a opisalem, co chce, czyli przyciemnienie, bo teraz nie mam.
Kod moge podac w code tutaj, a jest on, taki, jaki chce wam pokazac co mam, a opisalem, co chce, czyli przyciemnienie, bo teraz nie mam.
Kod
<html>
<head>
<title>DEMO</title>
<script src="http://code.jquery.com/jquery-2.1.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
function openOffersDialog(prospectElementID){
jQuery('#overlay').fadeIn('fast', function() {
jQuery('#boxpopup').css('display', 'block');
jQuery('#boxpopup').animate({'left': '30%'}, 500);
});
}
function closeOffersDialog(prospectElementID) {
jQuery(function(jQuery) {
jQuery(document).ready(function() {
jQuery('#' + prospectElementID).animate({'left': '-100%'}, 500, function() {
jQuery('#' + prospectElementID).css('position', 'fixed');
jQuery('#' + prospectElementID).css('left', '100%');
jQuery('#overlay').fadeOut('fast');
});
});
});
}
</script>
<style>
.box {
background: #FFF;
color: #888888;
height: 205px;
left: 100%;
padding: 20px;
position: fixed;
right: 30%;
top: 25%;
width: 555px;
z-index: 101;
border:7px solid #000;
border-radius:10px;
-moz-border-radius:10px;
}
#overlay {
background: #000000;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 100;
opacity:0.5;
display:none;
}
a.boxclose {
cursor: pointer;
float: right;
position: relative;
}</style>
</head>
<body>
<div id="overlay" class="overlay"></div>
<a style="cursor: pointer;" onclick="openOffersDialog();" class="tipTip" title="Więcej...">NAZWA</a>
<div id="boxpopup" class="box">
<a onclick="closeOffersDialog('boxpopup');" class="boxclose">X</a>
Tezxtxdasdaydvafvretgasdfvas</div>
</div>
</body>
</html>
<head>
<title>DEMO</title>
<script src="http://code.jquery.com/jquery-2.1.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
function openOffersDialog(prospectElementID){
jQuery('#overlay').fadeIn('fast', function() {
jQuery('#boxpopup').css('display', 'block');
jQuery('#boxpopup').animate({'left': '30%'}, 500);
});
}
function closeOffersDialog(prospectElementID) {
jQuery(function(jQuery) {
jQuery(document).ready(function() {
jQuery('#' + prospectElementID).animate({'left': '-100%'}, 500, function() {
jQuery('#' + prospectElementID).css('position', 'fixed');
jQuery('#' + prospectElementID).css('left', '100%');
jQuery('#overlay').fadeOut('fast');
});
});
});
}
</script>
<style>
.box {
background: #FFF;
color: #888888;
height: 205px;
left: 100%;
padding: 20px;
position: fixed;
right: 30%;
top: 25%;
width: 555px;
z-index: 101;
border:7px solid #000;
border-radius:10px;
-moz-border-radius:10px;
}
#overlay {
background: #000000;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 100;
opacity:0.5;
display:none;
}
a.boxclose {
cursor: pointer;
float: right;
position: relative;
}</style>
</head>
<body>
<div id="overlay" class="overlay"></div>
<a style="cursor: pointer;" onclick="openOffersDialog();" class="tipTip" title="Więcej...">NAZWA</a>
<div id="boxpopup" class="box">
<a onclick="closeOffersDialog('boxpopup');" class="boxclose">X</a>
Tezxtxdasdaydvafvretgasdfvas</div>
</div>
</body>
</html>
No nic więcej nie potrzebujesz, nie działa gdyż ponieważ brakowało height, width.
W CSS zmień klasę overlay na tą:
W CSS zmień klasę overlay na tą:
Dzieki serdecznie.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.