Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Podpinanie popup pod input - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Podpinanie popup pod input (/thread-podpinanie-popup-pod-input)



Podpinanie popup pod input - mrsensi - 28-09-2011




RE: Podpinanie popup pod input - Kartofelek - 28-09-2011

Pokaż tą "funkcja ktora jest obecnie" to pomożemy podpiąć. Bo puki co jest tylko kod wywołujący popup.
Swoją drogą ten kod nie jest jakiś wybitnie dobry. Po co w ogóle w href przekazywać parametry okienka, skoro taki popup tworzy się w czystym css?


RE: Podpinanie popup pod input - mrsensi - 29-09-2011

chodzi mi o to jak podpiąć okienko pod ten przycisk:
Kod:
<input  type="submit" id="guzik" value="Pobierz"; >



RE: Podpinanie popup pod input - Kartofelek - 29-09-2011

Jak pisałem - ten popup jest kiepsko napisany. Od się odnosi do atrybutów href i rel linka, których przycisk submit nie ma.
Możesz przerobić kod tego popupa miał te parametry ustawione na sztywno:
Kod:
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
Chodzi właśnie o ten kawałek kodu. Wystarczy pod te zmienne udstawić odpowiednie dane.

Podpięcie pod twój guzik powinno odbywać się poprzez:
Kod:
$('#formatka').submit(function() {
.....
});
Jak widzisz podpinam zdarzenie nie pod guzik a pod wysyłanie formularza. Dzięki temu jest ono odporne np na naciśnięcie entera (który domyślnie wysyła formularze) itp
W miejsce kropek wstawiasz zmodyfikowany kod spomiędzy:
Kod:
$('a.poplight[href^=#]').click(function() {
...ten kod cię interesuje...
});

W sumie mógł byś wykonać też inny trick.
Wywołujesz jak powyżej zdarzenie submit dla formatki a wnim wykonujesz kliknięcie na linku Smile czyli
Kod:
$('a.poplight[href^=#]').click();
Oczywiście wcześniej musisz mieć podpiętą obsługę zdarzenia click do tego linka (a to już zrobiłeś sam na początku).