pracuje z mapboxem i chcialem zrobic sobie prosty popup z logowaniem na bazie tego przykladu
http://www.alessioatzeni.com/wp-content/tutorials/jquery/login-box-modal-dialog-window/index.html
Jednak gdy tak zrobilem, tekst mi sie nie pojawial nad mapa, wiec probowalem z buttonem. Dziala :) tzn wyswielta sie przed mapa wiec teoretycznie taki kod
<button id='login-popup' onclick="location.href='#login-box'"> Log/Reg</button>
robi taki sam co
<div class="post">
<div class="btn-sign">
<a rel="nofollow" href="#login-box" class="login-window">Login / Sign In</a>
</div>
</div>
tylko ze jeden jest na znaczniku "a" a drugi na buttonie. Skrypt do uruchomienia a jest nastepujaca
$(document).ready(function() {
$('a.login-window').click(function() {
// Getting the variable's value from a link
var loginBox = $(this).attr('href');
//Fade in the Popup and add close button
$(loginBox).fadeIn(300);
//Set the center alignment padding + border
var popMargTop = ($(loginBox).height() + 24) / 2;
var popMargLeft = ($(loginBox).width() + 24) / 2;
$(loginBox).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(300);
return false;
});
// When clicking on the button close or the mask layer the popup closed
$('a.close, #mask').live('click', function() {
$('#mask , .login-popup').fadeOut(300 , function() {
$('#mask').remove();
});
return false;
});
});
probowalem zmienic to na buttona, ale jakos mi nie wyszlo i popup nie wyskakuje (adres sie zmienia na index.html#login-box)
zaczalem czytac dlaczego nie jest tekst przed mapa, znalazlem z-index. Zadowolony dodaje do css z-index ale nadal sie nie wyswietla.
wylaczam mape, a tekstu nadal nie ma. Probowalem takze takiego kodu ale rowniez nic sie nie wyswietla (tekst)
<div class = "login-popup">
<a rel="nofollow" href="#login-box">
<div class="btn-sign">
<span class="login-window">Login / Sign In</span>
</div>
</a>
<div>
caly kod html moge udostepnic, ale jest bardzo brzydki wiec najpierw chcialbym bo jako tako uporzadkowac :) a wszystkie zrodla moge udostepnic jutro
a jeszcze pytanie jakby ktos sie zgubil. Czemu mi nie wyswietla tekstu z linku? jak wpisze po prostu np qwe to mi wyswietla ten napis