Okno Popup i link <a href>

Question

Mam taki problem chcę aby po kliknięciu w link otworzyło się okienko popup i wysłało do pasku adresu dane metodą GET

HTML
<a id="popup" href="index.php?wiek=11&wzrost=175">Kliknij mnie</a>

JavaScript (otwieranie popup)

$(document).ready(function(){
	/* ----- Okienko popup ----- */
    // From: http://kursjs.pl/kurs/jquery/jquery_popup.html
    $('#popup').click(function(e)
    {
        //jeżeli popup nie jest widoczny to go pokaż
        if (!$('.popup:visible').length) {
            $('.popup').fadeIn();
        }
        e.preventDefault();
        return false;
    });
 
    //zdarzenie zamknięcia podpinamy pod przycisk close i pod tło popupa
    $('.popup .close, .popup .bg').click(function() {
        $(this).parents('.popup').fadeOut();
    });
});

jednak problem polega na tym że okienką popup wyświetla się pierwsze i link już nie wysyła danych do pasku adresu. ma ktoś jakiś pomysł jak to naprawić ?

Answer 1

Polecam poczytać o History API.

Answer 2

Te return false to blokuje. Powinieneś usunac return wtedy skrypt nie bedzie blokował akcji które chce wykonac przeglądarka. Lecz gdzy odpali się link przeładuje sie cała strone i okienka nie bedzie.

Gdybyś chciał jedno i drugie musiałbyś poczytać o AJAX i zrobić pobieranie danych z PHP w AJAX return zostawić a link przebudowac na zwykłego div`a byś mógł.

Comments

a masz jakiś inny pomysł jak to obejść bez wykorzystania AJAX ogólnie mi chodzi aby w okienku popup morzna by było wykonać skrypt z wykorzystaniem tych zmiennych co są w adresie.

---

Po co ? powiedz dokłądnie co chcesz zrobić daj cały kod i  udowodnie ci ze nie potrzeba ci tego adresu :D

---

No to ok chcę zrobić tak że z bazy (MySQL) skrypt wyciąga dane i wyrzuca je do tabli na stronie i po kliknięci w dany wiersz tabeli wyświetla się okienko popup z moźliwością edycji tego rekordu i poźniejszego zapisaniu go w bazie.

potrzebujesz jeszcze kodu  ?

---

Chcesz zrobić takiego phpMyAdmina tylko swojego tak ? 

Chcesz bez AJAX to robisz poprostu popup`a tak 

<div class="popup">
  <form method="get" action="/index.php">
    <input type="text" name="wiek">
    <input type="text" name="wzrost">
    <input type="submit" value="Zapisz">
  </form>
</div>

 

---

no niech będzie ze chcę zrobić takiego phpMyAdmin tylko jak niby to ma działać jak z bazy danych są wyrzucane rekordy do tabeli HTML i żeby wyedytować konkretny rekord trzeba kliknąć w konkretny wiersz tabeli który został wswietlony na stroni i po kliknięci w ten link pojawia się okineko popup ale do paska nie są wysłane zmienne wieć jak ma to działać to co ty napisałeś ?

---

No dopiero w POPup masz formularz który wyśle do linku ...

---

wow widzę ze się kompletnie nie rozumiemy 

mam coś takiego na stronie i chcę żeby po kliknięciu na np. Wpis2 wyświetlił się popup

w którym bedę mógł edytować dane.

 

tylko problem w tym ze nie wiem jak do popup przesłać dane przez GET

---

Skoro wykonujesz to wszystko w JavaScripcie, to możesz przecież te dane zwyczajnie pobrać z hiperłącza jako elementu DOM.

Na przykład:

<a href="#otworz_popup" data-popup="identyfikator rekordu">klik</a>

I następnie pobrać w JS atrybut data-popup klikniętego linku. jQ nawet oferuje funkcję data() do takich celów. Czyli byłoby coś w stylu: $(this).data('popup').

Dalej możesz z tym robić wiele rzeczy - za pomocą History API zmienić adres w pasku przeglądarki, wstawić tę wartość jako wartość ukrytego pola w formularzu (który potem zostanie przesłany do backendu, który dzięki temu będzie wiedział, który rekord edytować).

---

+ dla Soanvig nie potrzebujesz tu nic w linku robić a dane w inputach możesz zmienić przez JSa