 [JavaScript][HTML][CSS]Przyciemnianie tla, gdy pokazuje sie okienko |
  |
| [JavaScript][HTML][CSS]Przyciemnianie tla, gdy pokazuje sie okienko |
 5.07.2014, 09:32:16
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 47 Pomógł: 0 Dołączył: 27.11.2013 Ostrzeżenie: (0%) 
 |
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. 
|
 |
 
|
|
5.07.2014, 12:28:07
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 675 Pomógł: 58 Dołączył: 17.12.2013 Ostrzeżenie: (10%) 
|
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. |
|
|
|
|
5.07.2014, 13:52:33
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 47 Pomógł: 0 Dołączył: 27.11.2013 Ostrzeżenie: (0%)
|
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 <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> |
|
|
|
|
5.07.2014, 18:54:23
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 675 Pomógł: 58 Dołączył: 17.12.2013 Ostrzeżenie: (10%)
|
No nic więcej nie potrzebujesz, nie działa gdyż ponieważ brakowało height, width.
W CSS zmień klasę overlay na tą:
|
|
|
|
|
5.07.2014, 22:16:58
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 47 Pomógł: 0 Dołączył: 27.11.2013 Ostrzeżenie: (0%)
|
Dzieki serdecznie.
|
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 14.08.2025 - 08:50 |
